Hexo Github Pages Apollo | 搭建博客

天水 646 2 min

使用Hexo框架搭建个人博客，借助Github Pages部署至远端（前前后后换了好多东西，这篇文章参考意义不大）

部署

本地配置Node.js和git环境，搭建时需要用到npm和git命令

安装hexo-cli

npm install hexo-cli -g

新建文件夹

本地创建存放博客的文件夹

mkdir blog

mkdir dull

新建一个网站。如果如果没有指定路径，Hexo默认在目前的文件夹建立网站

hexo init

hexo init

本地测试

hexo server

网站会在http://localhost:4000下启动

新建文章页

hexo new "新建文章标题"

在本地对新建文件标题.md 进行相应编辑

部署至GitHub

现已部署至Vercel，Github部分仍然可做参考

此步骤需要使用Github个人仓库，请自行创建

安装插件hexo-deployer-git

npm install hexo-deployer-git --save

编辑_config.yml

deploy: 
    type: git
    repo: https://github.com/username/username.github.io.git  # 存储库的url
    branch: main                                # 将静态站点部署到的 Git 分支

部署命令

hexo deploy

结束前需要输入github的账号和密码

或者直接在浏览器中验证登录

域名解析

注册域名并备案

到域名供应商控制台处进行解析设置

添加两个CNAME类型，主机记录分别为www和@

保证www.example.com和example.com都解析到username.github.io

进入仓库设置，找到Custom domain添加域名后保存即可

静待片刻即可使用域名访问博客

更换主题

可以根据自己的喜好在Hexo主题站中查找并使用相应主题

目前使用Apollo

启用主题Apollo

下载最新 release 版本解压到 themes 目录，并将解压出的文件夹重命名为 apollo

（已改用Apollo）安装Nexmoe主题

1. 使用npm安装

npm i hexo-theme-nexmoe

2. 使用 git 克隆

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

安装插件 hexo-wordcount

npm i hexo-wordcount --save

为实现字数统计、阅读时长等统计功能，需要 hexo-wordcount 支持

启用主题 Nexmoe

在 _config.yml 中，修改 theme 的值为 nexmoe

在 _config.yml 中，修改 theme 的值为 fluid

下列皆为Fluid配置项

配置 pretty_urls

trailing_index

是否在永久链接中保留尾部的 index.html，设置为 false 时去除

trailing_html

是否在永久链接中保留尾部的 .html, 设置为 false 时去除