github博客搭建並自定義域名


一 用戶或組織網站

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.netf1g1ns1.dnspod.net

3 訪問你的域名

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM