1. 程式人生 > >Hexo搭建博客筆記

Hexo搭建博客筆記

本地 repo -h 輸入 local files nds del help

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

部署上去

看看效果

技術分享圖片

【添加功能組件】https://blog.csdn.net/weixin_38796712/article/details/79372789

技術分享圖片

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

執行這個 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/

技術分享圖片

技術分享圖片

Hexo搭建博客筆記