博客搭建3-安装Next主题

发表于 更新于 分类于

很喜欢简洁朴素干净的 next 主题

适用于 hexo 5.0 以上版本

安装主题

有三种方式安装：下载源码、npm、git，推荐使用 git 方式

git 方式

# 切换到博客站点根目录
cd hexo-site
# 安装next主题到themes文件夹内，并更名为next
git clone https://github.com/next-theme/hexo-theme-next themes/next

将themes/next/_config.yml文件拷贝到博客站点根目录下，更名为_config.next.yml

站点配置(Hexo 配置)

打开站点的_config.yml，找到Extensions块，修改主题为next

# Extensions（拓展）
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
# theme: landscape # 默认主题
theme: next

主题配置（Next 主题配置）

站点根目录下的_config.next.yml文件

3.1 配置分类和标签页面

命令行输入 hexo n page 标签 新建 tags 页面，会在source文件夹下生成tags文件夹，会使用scaffolds文件夹下的page模板在tags文件夹下生成index.md文件

打开tags\index.md，添加type: tags

---
title: 标签
date: 2021-07-08 08:27:38
type: tags
---

命令行输入 hexo n page 分类 新建 categores 页面，会在source文件夹下生成categories文件夹，会使用scaffolds文件夹下的page模板在categories文件夹下生成index.md文件

打开tags\index.md，添加type: categories

导航栏配置

测试浏览

运行hexo s，浏览器http://localhost:4000查看是否生效

参考资料

更新日志

  • 20240916：增加分类和标签页面的配置说明，
  • 20240303：精简主题安装的操作，推荐使用 git 方式安装
  • 20220410：初稿