本文記錄在 Windows 平臺下使用 hexo + GitHub Pages 搭建個人博客。并且綁定個人域名。
首先,介紹一下什么是 hexo。下面是 hexo 官方的解釋:
Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在幾秒內,即可利用靚麗的主題生成靜態網頁。
安裝 Hexo
首先,確保自己電腦有安裝下列應用程序:
直接去上面兩個鏈接地址下 Node.js 和 git,Windows 平臺的安裝十分簡單,一直 next 就行。安裝 Node.js 時注意勾選 Add to PATH 選項,或者可以選擇使用 Git Bash,它提供了 Linux 風格的 shell,使用命令行來安裝。確保自己電腦安裝上上面應用程序后就可以安裝 hexo。打開 Git Bash(下面的所有命令都是在 Git Bash 里面輸入),輸入下面命令:
npm install -g hexo-cli
經過上面過程后,在我們電腦已經成功安裝 hexo 了。接下來就是建站過程。
建站
hexo init E:/blog
cd E:/blog
npm install
hexo generate
hexo server //完后可以在本地 http://localhost:4000/ 下預覽博客界面
- 如果
hexo server
提示找不到命令.執行下面命令即可:
npm install hexo -server --save
上述命令在本地 E:/blog
目錄下創建了我們的站點,并且可以在瀏覽器輸入 http://localhost:4000/ 來本地預覽我們的博客,進行到這里,我們已經在本地成果的創建了我們的博客,hexo 的本地默認預覽如圖所示:
進入本地 E:/blog
目錄下,可以看到 hexo 生成了下面的文件結構:
其中我們寫的博客內容就存放在 E:/blog/source/_posts
。關于 hexo 的搭建和就說到這里,更多的 hexo 設置等可以參考 hexo 官方文檔,相信比我說的更清楚。
部署到 github
首先,在自己的 github 下創建一個名字為 username.github.io
,注意這里的命名格式,例如我創建的倉庫就是 barry-ren.github.io
。
這里我們使用 SSH keys 讓本地博客與 github 建立聯系。
生成 SSH keys:
$ ssh-keygen -t rsa -C "你的郵件地址"
Generating public/private rsa key pair.
Enter file in which to save the key (/c/Users/Barry/.ssh/id_rsa):
//這里直接按回車就好
完后會讓你輸入密碼,這里輸入的密碼用于往 github 提交項目時,如果時空,提交時不用輸入密碼,這里我直接空車,沒有輸入。最后,會看看到這樣的圖片,表示成功生成 SSH keys了。如下圖所示:
添加 SSH Keys 到 github
進入本地
C:/Users/Barry/.ssh
目錄。復制id_rsa.pub
的全部內容。進入自己的 github 賬戶,選擇 Settings --> SSH and GPG keys --> New SSH keys,將本地復制的
id_rsa.pub
下的內容粘貼到此即可,完后確認,這里會讓你輸入自己 github 賬戶確認一下。
確認是否添加成功:
ssh -T git@github.com
如果成功的話會有如下圖反饋:
部署到 github
在站點目錄 _config.yml
配置文件中,添加下面字段:
deploy:
type: git
repo: git@github.com:barry-ren/barry-ren.github.io.git
branch: master
然后安裝 git 包,執行下面命令:
npm install hexo-deployer-git --save
部署到 github :
hexo deploy
現在我們已經可以通過 http://barry-ren.github.io/ 訪問自己的博客了,自己的個人博客已經順利搭建起來。
綁定域名
現在我們的博客搭建起來后只能通過 github 倉庫地址來訪問,這里我們將綁定自己的專屬域名。域名注冊我選擇了一家國外的公司 name.com 這家來注冊,國內注冊的域名你懂得。關于域名注冊就不多贅述了,值得注意的一點是在 name.com 注冊域名只能通過信用卡或者 PayPal 來付款。
注冊完后登錄,選擇 My Domains,完后選擇自己博客的域名。完后再 DNS Records 中添加兩條 A 記錄,如圖所示:
其中的 Answer 字段的 151.101.24.133
通過 ping uername.github.io
獲得,如圖:
到此為止,我們個人的博客的搭建和域名綁定全部搞定,可以欣賞一下個人博客了:
- 轉載請注明出處。