Skip to content

创建页面

Hexo 框架初始化生成的博客中并没有 categories(分类)tags(标签)about(关于)links(友链)、**photos(相册)、tools(工具) 等页面,这些都是需要自己先手动创建,再配置使用。

以手动创建 about(关于) 页面为例:

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

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

    about/index.md 支持 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(关于)页面一致,此处不再赘述。

注意

创建页面时自动生成的 title 属性不要修改!不要删除!
例如:title: 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

page_cover_title v4.2.0

Keep 主题 v4.2.0 起,可使用 page_cover_title 设置页面封面的标题。

使用示例:

---
title: links
...
page_cover: https://cn.bing.com/th?id=OHR.ConwyRiver_EN-US4472231451_1920x1080.jpg
page_cover_title: 宝藏博主们~~
---

注意

page_cover_title 只在 page_cover 存在时才生效。

效果图:

img.png

tag_cloud v4.1.2

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

注意

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

使用示例:

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

效果图:

image

template v4.2.0

Keep 主题 v4.2.0 起,可使用 template 为页面设置页面模板。

template 可选值:linksphotostools

页面模板如何使用?→

Released under the AGPL-3.0 License