Hexo搭建博客筆記

Hexo搭建（建議看ppt：https://files.cnblogs.com/files/-SANG/%E4%BD%A0%E7%9A%84%E7%8C%AB.pptx ）

 

安裝Git

https://git-scm.com/

 

安裝Node JS

https://nodejs.org/en/

 

新建文件夾

能夠命名爲MyBlog或者MiaoMiaoMiao或者LuluTan

（你開心就好）

 

 

 

在新建的文件夾下，右鍵Git Bash Here

輸入npm install -g hexo-cli

（複製後 鼠標右鍵粘貼，不要Ctrl+V）

 

 

 

$ hexo init

（輸的時候不要帶$，我只是演示一下）

網上多是這樣的

$ hexo init <folder>

$ cd <folder>

$ npm install

不用管，你不須要選擇文件夾

 

 

 

$ npm install

 

 

 

 

 

安裝hexo-server以便於本地查看（調試）博客

輸入：

$ npm install hexo-server –save

安裝完

輸入hexo server即可以在localhost上查看博客

按下Ctrl+C能夠關閉本地Server的運行（關閉時有Bye等提示語）

（若是未安裝成功 hexo server會出來其餘提示，而不是提示你Hexo在某某端口運行）

 

 

 

在localhost上查看博客是否運行

 

 

 

部署到 Coding 或者Github上

（二者方法同樣）

更改_config.yml

 

 

 

# Deployment

## Docs: http://hexo.io/docs/deployment.html

deploy:

  #咱們是使用 git 來部署的。

  type: git

  # git 倉庫的地址。

  repo: https://git.coding.net/johnh/myblog.git

  # 分支名稱。

  branch: master

複製上面的改爲你本身的倉庫地址

 

 

 

 

 

 

安裝deployer才能將本地代碼部署到雲端

$ npm install hexo-deployer-git --save

 

 

 

輸入hexo g生成

Hexo d部署後

會要求你驗證身份

（有的教程會教你用SSH密鑰驗證身份啥的太麻煩了）

 

 

 

這就成功了

 

 

 

參考博客：

• 【極其推薦】https://jingyan.baidu.com/article/f71d603796d91a1ab641d1e8.html
• 【通常推薦】https://hexo.io/zh-cn/docs/configuration.html
• 【通常推薦】https://www.jianshu.com/p/25d9de2996ff

 

 

更改主題：

將Github上別人的主題下載下來，放在themes文件夾下（landscape是hexo默認主題）

 

 

 

修改_config.yml（不是mic文件夾裏的_config.yml）中的theme

 

 

 

 

 

而後

hexo g

hexo d

部署上去

看看效果

 

 

 

【添加功能組件】http://www.javashuo.com/article/p-knwbkqap-ga.html

 

 

看下面就行，這兒就提示你一下我在哪找的

 

 

執行這個 npm install hexo-helper-live2d --save

 

再執行這個（安裝這個模型包）npm install live2d-widget-model-tororo

 

這是人家官方文檔

https://github.com/EYHN/hexo-helper-live2d/blob/master/README.zh-CN.md

 

這個是全部模型展現

https://huaji8.top/post/live2d-plugin-2.0/

 

 

 

 

最後效果：http://sylvesterli.coding.me/AzureIoT/