
创建hexo博客
安装 hexo
前置条件
hexo 安装步骤
- 安装
1 | npm install -g hexo-cli |
- 初始化新建文件夹
1 | hexo init <folder> |
- 切换到新建的文件夹
1 | cd <folder> |
安装后的文件夹目录结构:
1 | ├── _config.yml |
网站的配置文件为:_config.yml
安装 hexo 主题
以 solitude 主题为例
- 安装命令
1 | git clone -b main https://Github.com/DuoSco/Hexo-theme-solitude.git themes/solitude |
Gitee 稳定版:
1 | git clone -b master https://gitee.com/yife68/hexo-theme-solitude.git themes/solitude |
- 应用主题
修改 hexo 根目录配置文件 _config.yml,把主题改为 solitude
1 | theme: solitude |
- 将主题配置文件拷贝到博客根目录
mac:
1 | cp -rf ./themes/solitude/_config.yml ./_config.solitude.yml |
windows:
复制 /themes/solitude/_config.yml
文件到 hexo 根目录,并重命名为 _config.solitude.yml
- 安装主题所需插件:
安装 pug 和 stylus 渲染插件
1 | npm install hexo-renderer-pug hexo-renderer-stylus --save |
1 | npm un hexo-renderer-marked # 卸载默认 markdown 解析插件 |
本地启动 hexo(hexo三连)
1 | hexo cl #清除已生成文件 |
更新主题
cd 到主题目录
1 | git pull |
安装 hexo-algolia 搜索
hexo-algoliasearch(这个比较新):
Github - LouisBarranqueiro/hexo-algoliasearch:
安装这个 Hexo 插件之后还要去 algolia 网站注册账号来配置获取以下信息:
1 | algolia: |
local search【本地搜索】(我没用这个)
Github - next-theme/hexo-generator-searchdb: 🔍 Seach data generator plugin for Hexo.
Github - wzpan/hexo-generator-search: A plugin to generate search data for Hexo.
安装豆瓣页面
案例:阅读书虫 | 七鳄学习格
配置 twikoo 评论系统
教程在下面:
云函数部署 | Twikoo 文档
发布到Github pages
新建Github仓库
- 注册Github账号
- 新建一个名叫 “用户名.github.io” 的仓库
绑定域名
- 在Github右上角 “点击头像-settings-左边菜单栏pages-add a domain” 添加你的根域名,就是没有前缀的域名,点击add domain
- 会弹出 “add a verified domain” 接下来去你的域名商网站添加一个txt record进行域验证,把Github给你的域名前缀和txt record填写进去,点击verify验证域名所有权
- 在项目根目录建立一个CNAME文件里面填写要绑定的根域名xxx.com
- 在项目repo页面点击 “settings-pages-custom domain” 添加要绑定的根域名,点save
- 过一段时间勾选下面的Enforce HTTPS
修改hexo根目录的 _config.yml 配置文件
添加:
1 | # Deployment |
部署命令
1 | hexo cl && hexo g && hexo algolia |
1 | hexo deploy |
本文是原创文章,采用CC BY-NC-SA 4.0协议,完整转载请注明来自Readfere
评论