Hexo 搭建博客

簡介

主要技術爲:nodeJs + git + hexo;
nodeJs和git這裏就很少說了,直接去官網下載註冊便可,主要說下hexo。html

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. 這時候在目錄 hexo\source\_posts中將會看到 article name.md 文件,使用MarDown編輯方式編輯便可
  2. 生成、部署
# 生成
hexo g
# 部署
hexo d

# 固然也能夠一步操做(我常常這樣)
hexo d -g
  1. 成功後訪問你的地址 yourname.github.io 便可看到生成的文章,好比個人(https://zine-fj.github.io)

注意:node

  • 須要提早安裝一個擴展
npm i hexo-deployer-git --save
  • 若是出現 publickey 錯誤信息,則多是祕鑰配置問題,查看另外一篇博客 Git祕鑰問題
  • 生成部署前,最好 hexo clean,不然後期的修改可能獲取不到!

主題推薦

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

Next主題配置

在官網中看文檔便可,看這個官網能夠少踩不少坑...
Next主題配置官網github

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

添加評論

因此最終推薦使用:Valine,註冊登陸運行
在主題配置中找到 valine 將其enable設置爲true,並填寫相應的appid、appkey便可shell

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

相關文章
相關標籤/搜索