github博客搭建並自定義域名

一 用戶或組織網站

1 建立repository

1 登陸你的github賬號,而後建立一個repository,名稱爲username.github.io,注意前面的username是你的github賬號(或者組織賬號)名稱html

注意:若是repository的第一部分不徹底匹配你的用戶名,它不會工做,因此必定要建立正確。git

2 clone repository到本地

在本地建立一個用於放置該項目的文件夾,Terminal進入到該文件夾的根目錄,執行clone命令github

git clone https://github.com/username/username.github.io

注:clone後面的url是你新建的repository的地址,具體地址進入你建立的repository能夠找到vim

3 添加網站內容

在剛新建的文件夾中添加一個index.html網頁,並編輯保存服務器

cd username.github.io

~$echo "Hello World" > index.html

這裏使用命令行生成,可使用vim編輯,固然你也可使用任何編輯器生成並編輯,在裏面寫入一句hello world。編輯器

4 提交

最後push到github repository上網站

git add --all

~$git commit -m "Initial commit"

~$git push -u origin master

5 訪問網站

打開 http://username.github.io 網址,查看你的我的網站。注意,這裏的username要替換成你的github賬號名稱。url

注意: 這裏使用命令行操縱,你也可使用github的客戶端來操做。.net

二 項目網站

建立項目網站,您能夠經過選擇一個預設的主題來生成一個網站 ,或從頭開始建立一個網站。命令行

2.1 方式一 選擇主題生成

步驟1 :建立選擇項目

進入到github,選擇一個已經存在的項目,或者建立一個新的項目。點擊進入該項目,點擊Setting按鈕。

項目網站中,gh-pages分支是用來發布你的網站的。這意味着您可使用GitHub頁面相同的存儲庫的項目,而不影響項目自己。

步驟2 : 自動生成

向下滾動到GitHub Pages模塊,點擊Launch automatic page generator按鈕。

步驟3:添加內容

使用編輯器向你的site添加內容,若是項目已經有了READE.md文件,你能夠點擊右邊的Load READE.md按鈕導入你的READE.md文件。

點擊Continue to Layouts進入下一步。

步驟4:選擇theme

選擇一個主題,而後點擊Publish按鈕。

步驟5:訪問網站

訪問你的項目網站http://username.github.io/repository ( username 修改成你的用戶名,repository修改成你的項目名 ),查看是否生成成功。

2.2 方式二 從頭生成

步驟1:建立一個gh-pages分支

進入到github,選擇一個已經存在的項目,或者建立一個新的項目。點擊分支的下拉按鈕,輸入gh-pages回車。建立gh-pages分支。

該分支用來發布你的site。

步驟2:(可選)設置gh-pages分支爲默認分支

若是你建立了一個新的分支在github上,進入setting,在分支選項上能夠切換當前默認的分支。

步驟3:建立一個index.html文件

返回repository,點擊增長一個新的文件index.html

步驟4:編輯index.html文件

步驟5:提交修改

步驟6:訪問網站

訪問你的項目網站http://username.github.io/repository ( username 修改成你的用戶名,repository修改成你的項目名 ),查看是否生成成功。

三 使用自定義域名

1 域名配置文件

在source目錄下建立一個CNAME文件,不帶後綴。這裏使用的是Windows系統,因此使用命令cd.>CNAME。建立好後打開:

直接寫入你的域名luciastar.com

2 DNS解析

第一步:先查看你的github網站的iP地址:

ping github.xxx.io

第二步:DNSpod解析域名

這裏使用DNSpod來進行解析 , 緣由:快,免費。

登陸:直接用QQ能夠登陸

點擊進入添加記錄頁面:

將域名指向服務器的ip,即在DNSPod中添加「A記錄」,注意要添加帶「www」的和不帶「www」兩個記錄,分別是@和www

ip都填以前解析出來的github網站ip。

第三步:設置域名的DNS解析器

這裏的域名是在godaddy買的

登陸godaddy->點擊左上角的Domin按鈕

添加上DNSpod的f1g1ns1.dnspod.netf1g1ns1.dnspod.net

3 訪問你的域名

訪問你的域名,如今應該能成功解析打開網站。

相關文章
相關標籤/搜索