页面模板
为了提升个人博客的易用性和实用性,Keep 主题内置友链页面(links)、相册页面(photos)和工具页面(tools)等页面模板。
按照如下教程完成页面创建和数据配置,便可得到漂亮且实用的页面。
友链页面 links
效果图
配置流程
创建友链(links)页面,在 Hexo 项目根目录下使用如下命令即可自动创建。
shcd your-hexo hexo new page links
注意
请勿删除或修改
source/links/index.md
文件的title
属性--- title: links date: 2020-05-13 14:16:07 ---
在 Keep 主题配置文件的
menu
配置项里面开启links
导航菜单。yamlmenu: home: / links: /links # ......
在你的 Hexo 项目的
source
目录里增加_data
文件夹。提示
如果已经有了
_data
文件夹,则忽略这一步。在
_source/_data
文件夹里新建links.yml
文件。在
links.yml
文件里按如下格式增加你的友链数据。yaml- title: 朋友们 1 - name: XPoet link: https://xpoet.cn/ description: 懒惰是程序员第一生产力 avatar: https://cdn.statically.io/gh/XPoet/image-hosting@master/common-use/avatar.jpg - name: 不知名艺术家 link: https://jinzhanqi.com/ description: love artist, love code. avatar: https://s3.ax1x.com/2020/11/17/DVvkB4.jpg - ...... - ...... - ......
v4.0.0 起
在_data/links.yml
中添加- title: xxx
可以为友链列表设置分类标题,如下图。目录结构参考
相册页面 photos v4.0.0
效果图
配置流程
创建相册(photos)页面,在 Hexo 项目根目录下使用如下命令即可自动创建。
shcd your-hexo hexo new page photos
注意
请勿删除或修改
source/photos/index.md
文件的title
属性--- title: photos date: 2023-11-08 14:16:07 ---
在 Keep 主题配置文件的
menu
配置项里面开启photos
导航菜单。yamlmenu: home: / photos: /photos # ......
在你的 Hexo 项目的
source
目录里增加_data
文件夹。在
source/_data
文件夹里新建photos.yml
文件。在
photos.yml
文件里按如下格式增加图片数据。yaml- url: https://xpoet.cn/images/logo.png name: XPoet - url: /images/photos/img-1.png name: img1 - url: /images/photos/img-2.png name: img2 - ...... - ...... - ......
工具页面 tools v4.1.0
效果图
配置流程
创建工具(tools)页面,在 Hexo 项目根目录下使用如下命令即可自动创建。
shcd your-hexo hexo new page tools
注意
请勿删除或修改
source/tools/index.md
文件的title
属性--- title: tools date: 2024-03-08 14:16:07 ---
在 Keep 主题配置文件的
menu
配置项里面开启tools
导航菜单。yamlmenu: home: / tools: /tools # ......
在你的 Hexo 项目的
source
目录里增加_data
文件夹。在
source/_data
文件夹里新建tools.yml
文件。在
tools.yml
文件里按如下格式增加工具项数据。yaml- category: 聊天 AI - name: ChatGPT link: https://chat.openai.com/ description: OpenAI 旗下 AI 聊天对话工具 image: /images/tools/chatgpt.svg - name: Gemini link: https://gemini.google.com/app description: Google 旗下 AI 聊天对话工具 image: /images/tools/gemini.svg - ...... - ...... - ......
在
_data/tools.yml
中添加- category: xxx
可以为工具列表设置分类和跳转目录,如下图。