簡介
主要技術為:nodeJs + git + hexo;
nodeJs和git這裡就不多說了,直接去官網下載註冊即可,主要說下hexo。
hexo 本地配置
- 安裝hexo
mkdir hexo && cd hexo
npm i hexo-cli -g
npm i hexo --save
- 檢測是否安裝成功
hexo -v
- 初始化
hexo init
- 安裝依賴包
npm i
# 或者 cnpm i 或者 yarn 都可以
- 首次體驗hexo
hexo g
# 之後每次操作需要看效果除錯時直接輸入 hexo s 即可
hexo s
- 在瀏覽器中開啟 http://localhost:4000 可預覽hexo,至此,hexo本地配置成功
將hexo與github page聯絡起來
- 配置git個人資訊
git config --global urser.name "zine-fj"
git config --global user.email "747810974@qq.com"
#生成祕鑰
ssh-keygen -t rsa -C "747810974@qq.com"
- 配置Deployment,在hexo根目錄中的
_config.yml
,找到Deployment,然後操作如下:
deploy:
type: git
repo: git@github.com:yourname/yourname.github.io.git
branch: master
寫部落格、釋出文章
- 新建一篇部落格
hexo new post "article name"
- 這時候在目錄
hexosource\_posts
中將會看到article name.md
檔案,使用MarDown編輯方式編輯即可 - 生成、部署
# 生成
hexo g
# 部署
hexo d
# 當然也可以一步操作(我經常這樣)
hexo d -g
- 成功後訪問你的地址
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主題配置官網
- 注意區分:有兩個
_config.yml
檔案,一個在根目錄,一個在主題(next)目錄。 - 主題切換:在根目錄中修改:
theme:next
- 推薦使用Next中三個主題中的第三個主題
Pisces
- 剩下的,還是看官網咖!
新增評論
- 來必力:https://livere.com (來自韓國,使用郵箱註冊。)
- 暢言: http://changyan.kuaizhan.com (安裝需要備案號。不太好用。)
- Gitment: https://github.com/imsun/gitment (有點小bug,比如說每次需要手動初始化,登入時會跳到主頁。。)
- Valine: https://github.com/xCss/Valine (基於Leancloud的極簡風評論系統,符合我的調調)
所以最終推薦使用:Valine,註冊登入執行
在主題配置中找到 valine
將其enable設定為true,並填寫相應的appid、appkey即可