hexo|博客搭建

![[Pasted image 20240923154517.png]]
hexo是市面上最好用的个人博客搭建框架, 几秒钟就可以完成博客站建立和更新.

1.环境安装

1.1 依赖安装

  • Node.js (Node.js 版本需不低於8.10，建議使用 Node.js 10.0 及以上版本)
  • Git

1.2 安装 Hexo

1
npm install -g hexo-cli

1.3 创建博客

1
2
3
hexo init myblog
cd myblog 
npm install

2. 配置部署

2.1 生成token

github - 点击头像 - setting-developer setting - personal access token - fine-grain tokens - generate new tokens
![[Pasted image 20240923155522.png]]

2.2 修改_config.yml文件

1
2
3
4
5
deploy:  
  type: git  
  repo: git@github.com:RainFung/rainfung.github.io
  branch: master
  token: github_pat_xxxxxx

3. 更换主题

![[Pasted image 20240923154932.png]]

主题地址: https://github.com/colmugx/hexo-theme-Nlvi

1
2
3
4
5
# 1. 下载主题文件包
git clone https://github.com/ColMugX/hexo-theme-Nlvi.git themes/Nlvi

# 2. myblog下, 安装主题渲染插件
npm i hexo-renderer-swig --save

修改_config.yml配置文件

1
2
3
4
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: Nlvi

_source文件夹里面的about目录拷贝到项目中的source目录中

1
mv _source/about myblog/source/

4. 发布

4.1 本地预览

1
hexo generate; hexo deploy; hexo server

4.2 线上发布

1
hexo clean;hexo generate;hexo deploy

参考文件

https://www.mls-tech.info/hexo/hexo-deploy-github-authentication-failed/
https://github.com/hexojs/hexo/issues/4757
https://rainfung.github.io/
https://github.com/colmugx/hexo-theme-Nlvi