安装Hexo

1
npm install -g hexo-cli && hexo -v

初始化Hexo

1
2
3
hexo init
cd 自己初始化的目录
npm i

node_modules:依赖包
scaffolds:生成文章的一些模板
source:用来存放你的文章
themes:主题
.npmignore:发布时忽略的文件(可忽略)
_config.landscape.yml:主题的配置文件
config.yml:博客的配置文件
package.json:项目名称、描述、版本、运行和开发等信

启动项目

1
hexo cl && hexo s

打开浏览器,输入地址:http://localhost:4000/

将静态博客挂载到 GitHub Pages

安装 hexo-deployer-git

1
npm install hexo-deployer-git --save

修改 _config.yml 文件
在blog-demo目录下的_config.yml,就是整个Hexo框架的配置文件了。可以在里面修改大部分的配置。详细可参考官方的配置描述。
修改最后一行的配置,将repository修改为你自己的github项目地址即可,还有分支要改为main代表主分支(注意缩进)。

1
2
3
4
deploy:
type: git
repository: [email protected]:cmliussss2024/cmliussss2024.github.io.git
branch: main

修改好配置后,运行如下命令,将代码部署到 GitHub(Hexo三连)。

1
2
3
4
5
6
7
// Git BASH终端
hexo clean && hexo generate && hexo deploy

// 或者

// VSCODE终端
hexo cl; hexo g; hexo d

hexo clean:删除之前生成的文件,可以用hexo cl缩写。
hexo generate:生成静态文章,可以用hexo g缩写
hexo deploy:部署文章,可以用hexo d缩写

稍等两分钟,打开浏览器访问:https://你的GitHub名字.github.io ,这时候我们就可以看到博客内容了。

将静态博客挂载到 Cloudflare Pages

在 Workers 和 Pages 中选择 Pages 的 连接到 Git
然后登录你Blog仓库对应的GitHub帐号
点击保存并部署后等待部署完成即可。

这时你也就可以将你的<用户名>.github.io的仓库设置为Private私库了

如何使用

新建一篇博文

1
hexo new 这是一篇新的博文

然后用文本编辑器去编辑_posts/这是一篇新的博文.md里的内容即可,注意要使用Markdown格式书写。
详细使用方法可以查阅 https://hexo.io/zh-cn/docs/writing

编辑完文章保存后可以使用如下命令,生成本地页面 http://localhost:4000/ ,进行预览

1
2
3
4
5
6
7
// Git BASH终端
hexo cl && hexo s

// 或者

// VSCODE终端
hexo cl; hexo s

确认无误后使用以下命令,将本地文章推送至GitHub仓库即可

1
2
3
4
5
6
7
// Git BASH终端
hexo cl && hexo g && hexo d

// 或者

// VSCODE终端
hexo cl; hexo g; hexo d