使用git➕hexo发布博客

Github 配置

创建仓库

打开 github 并新建仓库

📢 仓库名称格式为: github用户名.github.io，例如我的用户名叫

配置 personal token

1. 打开设置

2. 滑到底部在侧边栏找到并点击 Developer settings

3. 点击 Tokens \(\Rightarrow\) Generate new token

4. 创建 Personal access tokens 并点击 Generate token 保存 token

5. 跳转的页面中，会出现 token，复制并记住 token

   ⚠️ 注意:在离开这个界面后这串代码将不再可见，因此在刷新界面或者离开界面前一定复制好token。

   

本地配置

创建项目

1. 安装 hexo 环境

npm install -g hexo-cli

2. 初始化博客

hexo init 博客名

3. 对刚创建的博客进行生成静态文件

cd 创建的博客名
hexo g / hexo generate

配置

1 本地运行

hexo s / hexo server

2. 清除缓存

hexo clean

3. 安装插件

npm i hexo-deployer-git --save

4. 配置 _config.yml

type: git
repository: git@github.com:github用户名/仓库名.github.io.git
branch: main # 仓库分支，默认是main

type: git
repository: https://你刚刚创建的personal token@github.com/github用户名/仓库名.github.io.git #你的仓库地址
branch: main # 仓库分支，默认是main

5. 部署到 github 仓库

hexo d / hexo deploy

6. 访问 github 用户名.github.io

安装主题

1. 安装主题并使用配置 (这里我用的是 fluid 主题)

npm install --save hexo-theme-fluid

2. 根目录创建 _config.fluid.yml

   🆕 _config.fluid.yml 的配置会覆盖 _config.yml 的配置

配置域名

1. 解析 DNS（我这里用的腾讯云）

2. 在 source 下创建 CNAME 写配置域名

3. 在_config.yml 中 url 填写访问的域名

4. 打开设置并选择 github pages 配置

5. 选择访问分支并保存

6. 填写刚刚写的域名并保存，他会自动解析成功后即可通过访问

url: 配置的域名 # 访问网址