這篇文章主要介紹了什麼是Github Page,以及如何用Github Page搭建一個免費的、無限流量的個人博客並綁定獨立域名。
1.1 爲什麼要用Github Page搭建博客
借用阮一峯老大的話說,
喜歡寫Blog的人,會經歷三個階段。
1.第一階段,剛接觸Blog,覺得很新鮮,試着選擇一個免費空間來寫。
2.第二階段,發現免費空間限制太多,就自己購買域名和空間,搭建獨立博客。
3.第三階段,覺得獨立博客的管理太麻煩,最好在保留控制權的前提下,讓別人來管,自己只負責寫文章。
那麼Github Page無疑就是第三個階段最Geek範兒的選擇了。
1.2什麼是Github Page
簡單的說,Github是一個具有版本管理功能的代碼倉庫,每個項目都有一個主頁,列出項目的源文件。
但是對於一個新手來說,看到一大堆源碼,只會讓人頭暈腦漲,不知何處入手。
他希望看到的是,一個簡明易懂的網頁,說明每一步應該怎麼做。
因此,github就設計了Pages功能,允許用戶自定義項目首頁,用來替代默認的源碼列表。
所以,github Pages可以被認爲是用戶編寫的、託管在github上的靜態網頁。
2.1 安裝MyGit
首先在Github上註冊賬號,然後下載Windows下的Git客戶端MyGit,一路next至安裝完畢。
找到桌面的Git Bash,雙擊打開,熟悉的命令行界面就出來了。
使用cd命令進入你想要的目錄,比如我進入了d:/working/Git
2.2 修改Git Bash默認工作路徑
值得注意的是,一般情況下打開Git Bash後默認的路徑一般都是C:/Users/用戶名,每次工作都得切換到常用的目錄下,此操作是重複且沒有意義的。
我們打開Git安裝位置\etc\profile文件,找到
# normalize HOME to unix path
HOME="$(cd"$HOME" ; pwd)"
export PATH="$HOME/bin:$PATH"
增加兩行,修改後結果如下:
# normalize HOME to unix path
HOME="你想要修改的HOME路徑"
HOME="$(cd"$HOME" ; pwd)"
cd
export PATH="$HOME/bin:$PATH"
更多的修改路徑及自定義Bash路徑變量,參考這裏
至此,本地的Git環境已經搭建完畢。
3.1 本地生成SSH公鑰
爲了保證與服務器通信的安全,Github只提供HTTPS和SSH兩種連接方式,這裏我們使用SSH。
在Git bash中輸入
$ ssh-keygen -t rsa -C "[email protected]"
看到以下信息,輸入你的Github密碼:
# Creates a new ssh key using the providedemail Generating public/private rsa key pair.
Enter filein which to save the key (/home/you/.ssh/id_rsa):
Enter passphrase (emptyforno passphrase): [Type a passphrase]
Enter same passphrase again: [Type passphrase again]
然後你在你的目錄下會發現有一個.ssh目錄,裏面有一個id_rsa文件和一個id_rsa.pub文件,說明SSH私鑰和公鑰已經成功生成了。
3.2 將SSH公鑰添加到Github
在Github網站上找到Account Setting ->"SSH Keys" -> Add SSH key,將id_rsa.pub中的內容粘貼到key一欄,點擊addkey按鈕。
在Git Bash中輸入以下代碼測試:
ssh -T [email protected]
如果你看到了以下結果,說明成功了:
The authenticity of host'github.com (207.97.227.239)' can't beestablished.
RSA key fingerprint is16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48.
Are you sure you want to continue connecting(yes/no)?[Type yes]
Hi username!
You've successfully authenticated, butGitHub doesnot provide shell access.
登錄https://github.com/yourname,點擊Repositories-> New創建一個新的倉庫。
注意,Repositoryname一定要設置爲yourname.github.io,其他選項默認,點確認
然後在這個倉庫的頁面https://github.com/yourname/yourname.github.io的右邊欄點Settings
往下拉找到GitHubPages -> Automatic Page generator,一路Next即可
等幾分鐘,訪問http://yourname.github.io就能看到你創建的頁面了。
在倉庫頁面右邊欄,有一個SSH clone URL,將裏面的內容複製下來
在Git Bash中輸入:
$ git clone 你複製的內容
看看你的工作目錄下,Github幫你自動生成的網站就被複製下來了,目錄結構類似於:
--images
--javascripts
--stylesheets
index.html
params.json
嘗試更改一下index.html,比如將
<title>Test</title>
改成:
<title>我的博客</title>
然後在Git Bash裏面依次輸入下面三個命令
$ git add -A
$ git commit -m "change title of index.html"
$ git push
這三個命令的意義及更多git命令的用法,見這裏
上傳完畢後,等幾分鐘,刷新頁面,就會發現頁面的標題已經變成“我的博客”了。
Github Page只是一個靜態頁面託管服務,也就是說不能運行php和mysql等程序。
Github Page允許站內生成網頁(比如我們剛剛做的那樣),
也允許用戶自己編寫網頁上傳,只不過上傳的網頁會經過Jekyll程序的再處理。
用Github Page建立博客的思路:
- 使用Jekyll語言人工編寫符合規範的代碼上傳(不推薦)
- 使用基於Jekyll的Octopress靜態博客系統搭建(推薦)
- 使用其他基於Jekyll的靜態博客主題,比如HPSTR或Hexo(推薦)
這裏使用的是HPSTR主題,它的示例鏈接是這裏
它本身就是一個Github Page,我們找到它的git地址clone下來
$ git clone [email protected]:mmistakes/hpstr-jekyll-theme.git
複製它的文件到你自己的文件夾裏,然後按照配置提示修改參數、上傳即可
HPSTR主題裏有幾篇默認文章,講解了一下如何寫文章以及一些簡單的Markdown語法等等。
其他主題的安裝方法也很類似,就不一一說明了。
如果你想要顯得更Geek一點,還可以綁定獨立域名。
假設你已經有一個域名yourname.com,在你的代碼倉庫的根目錄下創建一個名爲CNAME的文件,注意沒有後綴名。
裏面寫入你要綁定的域名,比如youname.com
然後前往你的域名託管商處,新增一條CNAME類型的解析記錄,指向yourname.github.io
根據域名託管商的默認TTL設置的不同,解析生效需要10分鐘至24小時不等。
等解析生效,你就可以使用你的
(完)
本文首發http://www.dss886.com,轉載請註明