一 用戶或組織網站
1 創建repository
1 登錄你的github帳號,然后創建一個repository,名稱為username.github.io,注意前面的username是你的github帳號(或者組織帳號)名稱
注意:如果repository的第一部分不完全匹配你的用戶名,它不會工作,所以一定要創建正確。
2 clone repository到本地
在本地創建一個用於放置該項目的文件夾,Terminal進入到該文件夾的根目錄,執行clone命令
git clone https://github.com/username/username.github.io
注:clone后面的url是你新建的repository的地址,具體地址進入你創建的repository可以找到
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帳號名稱。
注意: 這里使用命令行操縱,你也可以使用github的客戶端來操作。
二 項目網站
創建項目網站,您可以通過選擇一個預設的主題來生成一個網站 ,或從頭開始創建一個網站。
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.net
和f1g1ns1.dnspod.net
。
3 訪問你的域名
訪問你的域名,現在應該能成功解析打開網站。