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

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Quick Start

Create a new post

1

$ hexo new "My New Post"

More info: Writing

Run server

1

$ hexo server

More info: Server

Generate static files

1

$ hexo generate

More info: Generating

Deploy to remote sites

1

$ hexo deploy

More info: Deployment