创建页面
Hexo 框架初始化生成的博客中没有 Categories(分类)、Tags(标签)、About(关于)、Links(友链)、Photos(相册) 等页面,这些都是需要自己先手动创建,再配置使用。
以手动创建「About(关于) 」页面为例:
在 Hexo 项目根目录下使用如下命令,即可创建
about
页面。bashcd your-hexo hexo new page about
创建成功后,会在
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>
效果图:
在主题配置文件
_config.yml
(或者keep.yml
)中启用about
导航菜单。yamlmenu: about: /about # ...
其他页面的创建和使用跟「About(关于)」页面一致,此处不再赘述。
Front-Matter
在 Keep 主题中,页面的 Front-Matter 也内置了一些的变量,对页面进行特殊配置。
comment
comment
用于在页面中是否开启评论功能,可选值:true
或 false
(默认 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
---
效果图:
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
---
效果图: