Hexo的搭建

发表于 分类于

Hexo博客搭建

准备工作:

下载并安装Node.js

下载并安装Git

下载并安装Hexo

  1. GitHub
  2. 官方文档

创建Hexo目录的文件夹,打开cmd/powershell

1
npm install hexo-cli -g

初始化hexo模板文件：

1
2
3
4
5
6
hexo init
#init 后可接你想要新建的文件夹，若不写文件夹名则默认在当前文件夹生成hexo文件
npm install
# 默认安装所有 `package.json` 文件中提到的包
hexo server
启动本地服务器即可

安装Next主题

官方github

使用npm安装next主题

1
2
3
4
5
6
7
8
9
10
11
npm install hexo-theme-next

进入node_modules/hexo-theme-next,将_config.yml复制至主目录并修改为_config.next.yml(初始的_config.yaml不要覆盖了)

打开初始_config.yaml修改
theme: next

hexo server
启动本地服务器即可

其余配置请自行参照文档修改客制化

发布到GitHub仓库

在将其部署到 GitHub Pages 上之前，可以先建立一个分支。

你的名字.github.io 部署后，GitHub Pages 将默认使用你的 master 分支作为静态文件部署。
所以可以新建一个 source 分支（命名随意）用来存储 Hexo 源代码，master 分支则用来存储部署后的静态文件。

1
git checkout -b source

这时便成功建立了一个 source 分支。

你可以通过 git branch -v 来查看当前有哪些分支，使用 git branch 分支名 来切换到对应的分支。

将本地的仓库与此前在 GitHub 上建立的仓库建立关联。

1
git init # 初始化 Git 仓库，只需要执行一次即可

安装 hexo-deployer-git 插件

1
npm install hexo-deployer-git

在 _config.yml 中配置。

1
2
3
4
5
deploy:
  type: git
  repo: 你此前新建的仓库的链接 # 比如：https://github.com/Louis7904/louis7904.github.io
  branch: master # 默认使用 master 分支
  message: Update Hexo Static Content # 你可以自定义此次部署更新的说明
1
2
3
4
5
6
7
输入hexo gen构建博客
hexo de上次至GitHub
hexo clean清理缓存

打开GitHub个人主页查看博客即可
https://名字.github.io
可部署至vercel加速,创建vercel账号后导入即可.具体Google