教你如何建高逼格個人網站

從大學開始我就希望能有一個自己的個人網站,覺得那樣真的很酷,就自學了HTML和Java編程,從此踏上了碼農搬磚的不歸路。。。。現如今,建一個網站的成本真的是太低了,特別是有了GitHub以後,不懂代碼的孩子都可以自己建站了。好,廢話就放到最後說。

一、Git安裝配置

1、安裝Git軟件

2、在Github上註冊一個帳號

地址:Github

3、在桌面打開Git,進行設置

git config --global user.name "username"//github的帳號名
git config --global user.email "[email protected]"//github的郵箱地址

4、生成ssh密鑰

ssh-keygen -t rsa -C "[email protected]"//github郵箱地址

接着會提醒你輸入名字和密碼,可以爲空
會在C盤的該電腦用戶下面生成一個.ssh文件,其中的id_rsa和id_rsa.pub,id_rsa要好好保存,id_rsa.pub用來在github網站做配置用

5、配置github

github設置

使用Add SSH key,tittle可以隨意輸,將id_rsa.pub中的密鑰保存到這裏
設置完成後,可以在本地輸入

ssh -T git@github.com

其會將github中的公鑰與本地的私鑰進行匹配,成功則會返回成功信息

成功返回

二、安裝Ruby

1、在安裝Ruby時一定要勾選Add RubyExcutables to your Path,否則自己要配置環境變量
2、查看是否安裝成功

ruby -v

三、安裝devkit

四、將Ruby與devkit關聯起來

1、在devkit安裝目錄下

ruby dk.rb init

inti返回

會生成一個config.yml
成功的情況下在該文件下面會有一行是關於ruby的安裝路徑的數據
如果失敗也沒事,只要通過手動輸入就行了

修改

2、在devkit安裝目錄下

ruby dk.rb install

五、安裝配置octopress

1、克隆octopress,切換到自己要安裝的文件下

git clone git://github.com/imathis/octopress.git octopress

2、在octopress的文件根目錄下

gen sources -a http://gems.ruby-china.org/ 

一個國內的軟件源
移除自帶的軟件源,因爲在國內會被牆

gem sources -r http://rubygems.org

查看軟件源

gem sources -l

3、修改octopress文件下面的Gemfile文件中的source地址,也改爲http://gems.ruby-china.org/
如果上面的命令存在執行錯誤,可以使用windows自帶的CMD命令行去執行

4、在octopress下

gem install bundle

過程有點長,會有successful
接着執行

bundle install

過程有點長
最後

rake install

會生成source和public文件,source是源代碼的文件,而public是生成的文件

5、編譯octopress

在octopress文件下

rake generator

該指令會編譯修改的內容,生成好的文件會在public文件下

6、運行

在octopress文件下

rake preview

會使用4000端口,開一個服務
使用localhost:4000訪問

六、部署到Github網站上去

1、在Github中創建一個username.github.io的倉庫,username爲用戶自己的Github帳號名

2、在octopress文件下

rake setup_github_pages

會提示你輸入github中的git地址

github地址

會創建_deploy文件,並且跟Github綁定好了
如果上面的指令不起作用,可以使用下面的方式

rake setup_github_pages[github中username.github.io倉庫的ssh地址]

3、使用rake generator

4、使用rake deploy,將本地編譯好的文件上傳到Github中

七、將source目錄代碼上傳到Github分支

git add .
git commit -m 'your message'//註釋
git push origin source

相關軟件下載地址:軟件

學習網站:jekyll

發佈了80 篇原創文章 · 獲贊 26 · 訪問量 27萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章