零基礎Github Page免費無限流量個人博客搭建教程

這篇文章主要介紹了什麼是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上的靜態網頁。


二、安裝本地Git環境


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環境已經搭建完畢。


三、配置Github


3.1 本地生成SSH公鑰


爲了保證與服務器通信的安全,Github只提供HTTPSSSH兩種連接方式,這裏我們使用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中輸入以下代碼測試:



如果你看到了以下結果,說明成功了:


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.


四、創建你的Github Page


登錄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只是一個靜態頁面託管服務,也就是說不能運行phpmysql等程序。

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,轉載請註明

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章