1. 程式人生 > >教你如何建高逼格個人網站

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

從大學開始我就希望能有一個自己的個人網站,覺得那樣真的很酷,就自學了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

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地址,也改為
如果上面的命令存在執行錯誤,可以使用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

相關軟體下載地址:軟體