想着把技术记录从原来的博客分离出来,正好junweiin.github.io闲置着,就决定用它来搭建一个新的博客,专门用来记录技术文章。

选型上,我选择了 Hexo 框架,因为它简单易用,同时支持自定义主题和插件。也因为 Hexo 是基于 Node.js 的,电脑上已经安装。hugo是go开发的,需要安装go环境。且已经非常喜欢使用markdown进行编辑。

环境准备

  • Node.js (v18+)
  • Git
  • GitHub 账号

安装步骤

1. 安装 Hexo CLI

1
npm install -g hexo-cli

2. 初始化博客

1
2
hexo init blog
cd blog

3. 安装依赖

1
pnpm install

4. 安装部署插件

1
pnpm add hexo-deployer-git

5. 配置 _config.yml

1
2
3
4
5
url: https://username.github.io
deploy:
type: git
repo: https://github.com/username/username.github.io.git
branch: master

6. 部署到 GitHub Pages

1
hexo clean && hexo deploy

绑定自定义域名

  1. 在仓库 Settings > Pages 中设置自定义域名
  2. 在 source 目录添加 CNAME 文件

常用命令

命令 说明
hexo new "标题" 新建文章
hexo generate 生成静态文件
hexo server 启动本地服务器
hexo deploy 部署到 GitHub
hexo clean 清理缓存

主题

官网上有很多免费主题,https://hexo.io/themes/,看了一圈,没有喜欢的,然后自己简单做了一个,简约的主题,就是当前显示的这个。