hexo搭建静态博客

基本原理

• Github Pages 寄存网页文件
• Hexo将Markdown文件渲染成带有样式的HTML文件
  • 样式使用主题提供，例如Next就是一种主题

1. 安装Hexo，并初始化博客

我使用scoop安装的软件，所以这里的安装方式是基于scoop的。

1. 安装Node.js

scoop install nodejs-lts

2. 安装Git

scoop install git

3. 安装Hexo

npm install -g hexo-cli

4. 初始化博客

hexo init blog
cd blog
npm install

5. 本地预览

hexo server

2. 配置主题

1. 下载主题

使用 Next 主题

git clone https://github.com/theme-next/hexo-theme-next themes/next

2. 配置主题

修改_config.yml文件

（1）选择next主题

theme: next

（2）修改url和root

url: https://Kelfvin.github.io
root: /

如果不修改，后面部署到Github Pages时主题无法生效

3.部署

1. 配置_config.yml文件

deploy:
  type: 'git'
  repo: 'https://github.com/Kelfvin/Kelfvin.github.io'
  branch: 'main'

2. 安装hexo-deployer-git

npm install hexo-deployer-git --save

3. 部署到Github Pages

hexo clean
hexo generate
hexo deploy