页面模板

为了提升个人博客的易用性和实用性，Keep 主题内置友链页面（links）、相册页面（photos）和工具页面（tools）等页面模板。

按照如下教程完成页面创建和数据配置，便可得到漂亮且实用的页面。

友链页面 links

效果图

配置流程

1. 创建友链（links）页面，在 Hexo 项目根目录下使用如下命令即可自动创建。

   cd your-hexo
   hexo new page links

   注意

   请勿删除或修改 source/links/index.md 文件的 title 属性

   ---
   title: links
   date: 2020-05-13 14:16:07
   ---

2. 在 Keep 主题配置文件的 menu 配置项里面开启 links 导航菜单。

   menu:
     home: /
     links: /links
     # ......

3. 在你的 Hexo 项目的 source 目录里增加 _data 文件夹。

   提示

   如果已经有了 _data 文件夹，则忽略这一步。

4. 在 _source/_data 文件夹里新建 links.yml 文件。

5. 在 links.yml 文件里按如下格式增加你的友链数据。

   - 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 可以为友链列表设置分类标题，如下图。
   

6. 目录结构参考

   

相册页面 photos v4.0.0

效果图

配置流程

1. 创建相册（photos）页面，在 Hexo 项目根目录下使用如下命令即可自动创建。

   cd your-hexo
   hexo new page photos

   注意

   请勿删除或修改 source/photos/index.md 文件的 title 属性

   ---
   title: photos
   date: 2023-11-08 14:16:07
   ---

2. 在 Keep 主题配置文件的 menu 配置项里面开启 photos 导航菜单。

   menu:
     home: /
     photos: /photos
     # ......

3. 在你的 Hexo 项目的 source 目录里增加 _data 文件夹。

4. 在 source/_data 文件夹里新建 photos.yml 文件。

5. 在 photos.yml 文件里按如下格式增加图片数据。

   - 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

效果图

配置流程

1. 创建工具（tools）页面，在 Hexo 项目根目录下使用如下命令即可自动创建。

   cd your-hexo
   hexo new page tools

   注意

   请勿删除或修改 source/tools/index.md 文件的 title 属性

   ---
   title: tools
   date: 2024-03-08 14:16:07
   ---

2. 在 Keep 主题配置文件的 menu 配置项里面开启 tools 导航菜单。

   menu:
     home: /
     tools: /tools
     # ......

3. 在你的 Hexo 项目的 source 目录里增加 _data 文件夹。

4. 在 source/_data 文件夹里新建 tools.yml 文件。

5. 在 tools.yml 文件里按如下格式增加工具项数据。

   - 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 可以为工具列表设置分类和跳转目录，如下图。