Skip to content

创建页面

Hexo 框架初始化生成的博客中没有 Categories(分类)Tags(标签)About(关于)Links(友链)Photos(相册) 等页面,这些都是需要自己先手动创建,再配置使用。

以手动创建「About(关于) 」页面为例:

  1. 在 Hexo 项目根目录下使用如下命令,即可创建 about 页面。

    bash
    cd your-hexo
    hexo new page about
  2. 创建成功后,会在 your-hexo/source/ 目录下自动生成 about/index.md 文件。
    我们在 about/index.md 文件里编写 about(关于)的具体内容。

    支持 Markdown 和 HTML 格式。

    • 示例:

      markdown
      ---
      title: about
      date: 2020-03-19 14:59:53
      comment: true
      ---
      
      # About me
      
      ## About me
      
      <div style="color: red;">About me</div>
    • 效果图:

      image

  3. 在主题配置文件 _config.yml (或者 keep.yml)中启用 about 导航菜单。

    yaml
    menu:
      about: /about
      # ...

其他页面的创建和使用跟「About(关于)」页面一致,此处不再赘述。

Front-Matter

在 Keep 主题中,页面的 Front-Matter 也内置了一些的变量,对页面进行特殊配置。

comment

comment 用于在页面中是否开启评论功能,可选值:truefalse (默认 false)。

使用示例:

---
title: about
date: 2020-03-19 14:59:53
comment: true
---

提示

所有手动创建的页面,默认不开启评论功能。

page_cover v4.0.5

page_cover 用于配置页面的封面,填写图片链接或本地图片路径。

使用示例:

---
title: about
date: 2020-03-19 14:59:53
comment: true
page_cover: https://img1.baidu.com/it/u=2523242416,2388336867&fm=253&fmt=auto&app=138&f=JPEG
---

效果图:

image

page_cover_height v4.0.5

page_cover_height 用于设置页面封面的高度,填写具体的数值。

使用示例:

---
title: about
date: 2020-03-19 14:59:53
comment: true
page_cover: https://img1.baidu.com/it/u=2523242416,2388336867&fm=253&fmt=auto&app=138&f=JPEG
page_cover_height: 400
---

效果图:

image

tag_cloud v4.1.2

tags 页面默认的显示方式是标签云,设置 tag_cloud: false,可以切换为另一种显示形式。

注意

tag_cloud 只在 tags(tag) 页面中生效。

使用示例:

---
title: tags
date: 2020-09-03 10:49:42
tag_cloud: false
---

效果图:

image

Released under the AGPL-3.0 License