Hexo 博客部署到 GitHub


本文簡單記錄了一下把 Hexo 部署到 GitHub 上的過程,也是搭建靜態博客最常用的一種方式。

前面寫了關於如何把 Hexo 安裝在樹莓派上的教程,但樹莓派畢竟是連着自己的家的路由器,萬一哪天網斷了,網站就訪問不了,多尷尬。
最近這幾天又把整個 Hexo 博客的環境在自己的筆記本上搭了一下,后續准備采用:

  • 本地編寫 markdown 文件,通過 node.js 和 hexo 生成靜態文件,上傳到 GitHub 的方式來更新博客,即把 flyoob.com 指向 GitHub Pages。

在 GitHub 上的操作

一、新建一個 Repository

在 Repository name 下填寫 yourname.github.io,Description (optional) 下填寫一些簡單的描述(不寫也沒有關系),如圖所示:

創建成功之后,如下圖所示:

簡單兩步 yourname.github.io 這個域名就配置成功了。

在筆記本上的操作

二、安裝 GitHub

這步沒什么好說的,去 https://git-scm.com/download/ 適合你 Windows 的客戶端,注意要添加 Git 環境變量到系統,否則在下面部署時出現如下錯誤。

git is not recognized as an internal or external command

還有生成 ssh 密鑰等操作這里不再贅述,可以自行 Google。

三、為 Hexo 安裝 Git 插件

安裝 hexo-deployer-git,否則會報 ERROR Deployer not found: git 的錯誤。

npm install hexo-deployer-git --save

修改你的 _config.yml 配置文件如下:

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: git@github.com:flyoob/flyoob.github.io.git
  branch: master

注意這里選擇的是 ssh 地址,如下圖:

生成靜態文件和部署:

hexo g
hexo d

最后出現如下提示就代表成功啦!

INFO  Deploy done: git

最后配置一下域名

四、設置域名 flyoob.com 指向 flyoob.github.com

我的域名是在 GoDaddy 上買的,DNS 用的是國內的 DNSpod。

1.首先在 GoDaddy 中修改域名的 DNS 地址:

設置為 DNSpod 提供的兩個域名服務器:

f1g1ns1.dnspod.net
f1g1ns2.dnspod.net

2.然后在 DNSPOD 中添加域名 flyoob.com,並添加兩條 CHAME 值(主機記錄分別為 www 和 @),內容為你的博客在 GitHub 上的地址:

3.最后在 GitHub Page 中的設置
在你本地的Hexo項目根目錄下找到 source 目錄,在 source 根目錄下創建CNAME文件注:沒有后綴)里面寫入你要綁定的域名如:flyoob.com保存退出即可,注意不要忘了 git push 一次,把這個文件同步到 GitHub。


免責聲明!

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



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