Hexo 搭建部落格

晴末發表於2018-12-05

簡介

主要技術為:nodeJs + git + hexo;
nodeJs和git這裡就不多說了,直接去官網下載註冊即可,主要說下hexo。

hexo 本地配置

  1. 安裝hexo
mkdir hexo && cd hexo
npm i hexo-cli -g
npm i hexo --save
  1. 檢測是否安裝成功
hexo -v
  1. 初始化
hexo init
  1. 安裝依賴包
npm i
# 或者 cnpm i  或者  yarn 都可以
  1. 首次體驗hexo
hexo g
# 之後每次操作需要看效果除錯時直接輸入 hexo s 即可
hexo s
  1. 在瀏覽器中開啟 http://localhost:4000 可預覽hexo,至此,hexo本地配置成功

將hexo與github page聯絡起來

  1. 配置git個人資訊
git config --global urser.name "zine-fj"
git config --global user.email "747810974@qq.com"

#生成祕鑰
ssh-keygen -t rsa -C "747810974@qq.com"
  1. 配置Deployment,在hexo根目錄中的 _config.yml,找到Deployment,然後操作如下:
deploy:
  type: git
  repo: git@github.com:yourname/yourname.github.io.git
  branch: master

寫部落格、釋出文章

  1. 新建一篇部落格
hexo new post "article name"
  1. 這時候在目錄 hexosource\_posts中將會看到 article name.md 檔案,使用MarDown編輯方式編輯即可
  2. 生成、部署
# 生成
hexo g
# 部署
hexo d

# 當然也可以一步操作(我經常這樣)
hexo d -g
  1. 成功後訪問你的地址 yourname.github.io 即可看到生成的文章,比如我的(https://zine-fj.github.io)

注意:

  • 需要提前安裝一個擴充套件
npm i hexo-deployer-git --save
  • 如果出現 publickey 錯誤資訊,則可能是祕鑰配置問題,檢視另一篇部落格 Git祕鑰問題
  • 生成部署前,最好 hexo clean,否則後期的修改可能獲取不到!

主題推薦

兩個主題推薦:
一個是github上Star排名第五的Yilia
另一個是github上Star排名第一的next
我目前用的是next的主題

Next主題配置

在官網中看文件即可,看這個官網可以少踩很多坑…
Next主題配置官網

  1. 注意區分:有兩個 _config.yml 檔案,一個在根目錄,一個在主題(next)目錄。
  2. 主題切換:在根目錄中修改:
theme:next
  1. 推薦使用Next中三個主題中的第三個主題 Pisces
  2. 剩下的,還是看官網咖!

新增評論

所以最終推薦使用:Valine,註冊登入執行
在主題配置中找到 valine 將其enable設定為true,並填寫相應的appid、appkey即可

參考網址:(https://blog.csdn.net/gdutxia…

相關文章