Meow 主题文档 - 主题页面

作者: 小橘猫

发表于2025-06-20

更新于2025-06-26

总字数: 1.3k字

阅读时长: 4分钟

访问量:

Docs文档中文文档

※ Meow 主题文档目录 >>

🚀 快速开始 - 📋 主题配置 - 💌 主题页面 - 📌 标签插件 - 💡 进阶教程

Meow 提供了一些页面模板，只需要简单操作就可以轻松建立属于自己的特色板块～

分类与标签

新建分类页与标签页。注意，页面名称应与博客根目录下_config.yml 中的 category_dir 和 tag_dir 保持一致。

1 2	hexo new page categories hexo new page tags

修改分类页与标签页的属性。分别打开 source/categories/index.md 和 source/tags/index.md 文件，在 Front-matter 中增加 type 配置项，并且自定义 title 页面标题。

1
2
3

title: 分类
date: 2025-05-15 16:50:32
type: category

1
2
3

title: tags
date: 2025-05-16 19:35:34
type: tag

配置分类页与标签页。配置方法详见主题配置的《页面》章节。

动态

与正式的长篇博客文章不同，动态页更适合用于发表短文，比如当下的心情感悟、日常生活的点滴、一闪而过的灵感、绷不住一点的吐槽…… 形式与说说 / 微博类似。

注：本主题参考了即刻短文静态部署版，在此基础上对动态页进行了修改适配。

新建动态页面文件。其中，essay 可以替换成其它自定义的名字。

hexo new page essay

修改动态页面的属性。打开 source/essay/index.md 文件，在 Front-matter 中增加 type: essay 配置项，并且自定义 title 页面标题。

1
2
3

title: 🐈动态
date: 2025-05-19 15:12:42
type: essay

创建动态内容文件。在博客根目录的 source/_data 文件夹（如果没有_data 文件夹则新建一个）里创建 essay.yml 文件，然后按以下样例格式填写动态内容。

essay_info:
  author:
    小橘猫: https://xxx.com/xxxx.jpeg
    橘子: https://xxx.com/yyyy.jpeg
essay_list:
  - content: 测试说说~~Hello World!🐱
    date: 2025-05-20 19:04:12
  
  - content: 博客Github仓库：[hexo-theme-meow](https://github.com/chanwj/hexo-theme-meow)
    date: 2025-05-19 00:00:00
    from: 小橘猫
  
  - content: 📸可以添加图片列表，主题会自动排列布局
    date: 2025-05-18 09:33:51
    from: 小橘猫
    image:
      - assets/images/wallhaven-5yl597.webp
      - assets/images/wallhaven-e7zogk.webp
  
  - content: |
      支持自定义多个说说作者和头像！对于团队博客来说应该很实用~
      （也许还可以尝试用来做角色对话捏它？）
    date: 2025-05-18 08:46:07
    from: 橘子

参数	说明
author	作者列表，用于配置作者头像，格式：作者名称：作者头像链接支持配置多个作者，如不需要显示作者名称和头像则无需配置
essay_list	动态列表，需要按照 YAML 数组形式填写
content	动态的具体内容，支持 Markdown 语法
date	动态的发布日期时间，在页面上会自动显示为已配置的语言区域风格
from	动态所属作者的名称，必须与 `essay_info.author` 中的配置对应如不需要显示作者名称和头像则无需配置 `from` 项
image	动态附加的图片列表，需要按照 YAML 数组形式填写图片链接在页面上会自动排列布局（最多一列 3 张）

配置动态页面。在主题配置文件中找到下列项并按需修改。

essay:
  desc: 下面让我来简单喵几句。 # 动态页的描述
  avatar_shape: 2 # 作者头像的形状，1(常规)/2(圆形)
  max_num: 30 # 最多展示多少条动态，默认30

友情链接

作者的其它网站、亲友的博客、想要展示的链接…… 这些都可以放进友情链接页中。

新建友链页面文件。注意，friends不可以替换成其它名字。

hexo new page friends

修改友链页面的属性。打开 source/friends/index.md 文件，在 Front-matter 中增加 type: friends 配置项，并且自定义 title 页面标题。

1
2
3

title: 🍻友情链接
date: 2025-06-06 22:32:58
type: friends

创建友链内容文件。在 source/friends 目录下新建 friends.js 文件，然后按以下格式填写友链内容。

const friendsData = {
  friends: [
    {
      class: {
        name: '小伙伴们',
        desc: '这个分类下的友链配置了随机排列',
        random: true
      },
      list: [
        {
          name: '000',
          url: 'https://chanwj.github.io',
          avatar: 'assets/images/Hexo-Theme-MEOW.png',
          desc: '0000000000000000000'
        },
        {
          name: '1111',
          url: 'https://chanwj.github.io',
          avatar: 'assets/images/Hexo-Theme-MEOW.png',
          desc: '1111111111111111'
        },
        {
          name: '222',
          url: 'https://chanwj.github.io',
          avatar: 'assets/images/Hexo-Theme-MEOW.png',
          desc: '222222222222222222'
        },
      ]
    },
    {
      class: {
        name: '第二个分类',
        desc: '分类描述……',
        random: false
      },
      list: []
    },
  ]
};

export default friendsData;

参数	说明
friends	友链内容，每一项包含分类和列表两项参数，按 JSON 数组格式列出
class	友链分类，使各个友链的定位更加清晰，包含分类名称、分类描述、是否随机排列共 3 项参数
random	是否使该分类下的友链按随机顺序排列，true /false
list	友链列表，按 JSON 数组格式列出，每一个友链包含名称、链接、头像、描述共 4 项参数