教你如何建高逼格個人網站
從大學開始我就希望能有一個自己的個人網站,覺得那樣真的很酷,就自學了HTML和Java程式設計,從此踏上了碼農搬磚的不歸路。。。。現如今,建一個網站的成本真的是太低了,特別是有了GitHub以後,不懂程式碼的孩子都可以自己建站了。好,廢話就放到最後說。
一、Git安裝配置
1、安裝Git軟體
2、在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
使用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
會生成一個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地址,也改為
如果上面的命令存在執行錯誤,可以使用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地址
會建立_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