Next 允许用户在菜单中添加自定义页面。
在终端中切换到站点根目录。使用 hexo new page custom-name
命令创建一个名为 custom-name
的新页面:
1 2 3 4 5 6 7
| cd hexo-sitehexo new page custom-name ``` 前置事项(Front-matter)是文件开头的一块 YAML 或 JSON 格式的内容,用于配置文章的设置。更多关于前置事项的设置可以在 Front-matter 文档 中找到。如果你愿意,也可以在 custom-name/index.md 中添加内容。
|
title: custom-namedate: 2014-12-22 12:39:04—
1 2 3 4 5 6 7
| 通过编辑 NexT 配置文件,将 custom-name 添加到 menu 中,就像添加 about 页面一样: NexT 配置文件:
|
menu: home: / || fa fa-home archives: /archives/ || fa fa-archive about: /about/ || fa fa-user
1 2 3 4 5 6 7 8 9 10 11 12 13
| 如果你想要添加标签或分类页面,请继续阅读。 请阅读 Hexo 的 分类与标签文档 来了解如何为文章添加标签或分类。 以下是一个带有标签的文章示例: ### 将归档页面设置为首页 你可以在 Hexo 配置文件中配置归档和索引生成器的路径,例如: Hexo 配置文件:
|
archive_dir: /index_generator: path: archives per_page: 10 order_by: -date
1 2 3 4 5 6 7 8 9 10 11 12
| ### 添加「标签」页面 添加「标签」页面,并在菜单中显示「标签」链接。「标签」页面将显示站点的所有标签。如果没有文章带有标签,该页面将为空白。 - 添加新页面 → - 设置页面类型 → - 编辑菜单 在终端中切换到站点根目录。使用 hexo new page tags 命令创建一个名为 tags 的新页面:
|
cd hexo-sitehexo new page tags
1 2 3
| 编辑新页面,并将类型更改为 tags ,主题将自动在该页面显示标签云。页面内容如下所示:
|
title: Tagsdate: 2014-12-22 12:39:04type: tags—
1 2 3 4 5 6
| 通过编辑 NexT 配置文件,将 tags 添加到 menu 中,如下所示: NexT 配置文件:
|
menu: home: / || fa fa-home archives: /archives/ || fa fa-archive tags: /tags/ || fa fa-tags
1 2 3 4 5 6 7 8 9 10 11 12
| 如果你为站点启用了任何评论系统,评论将显示在所有文章和页面上。 如果你想要为像 tags 或 categories 这样的页面禁用评论,请查看「如何在页面上禁用评论」。 默认情况下,Hexo 插件 hexo-generator-tag 提供了一个名为 enable_index_page 的选项,这将与上面创建的「标签」页面冲突。请确保你已禁用该选项。 Hexo 配置文件:
|
tag_generator: enable_index_page: false
1 2 3 4 5
| #### 标签云 从 NexT v7.0.2 开始,你可以自定义标签云的颜色、大小等属性,只需在 NexT 配置文件中设置相关值: NexT 配置文件:
|
tagcloud: min: 12 max: 30 amount: 200 orderby: name order: 1
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27
| 添加「分类」页面的方法与添加「标签」页面类似,唯一的区别是名称不同:只需将 tags 替换为 categories 即可。
请注意,你首先需要添加一个设置为公开的谷歌日历。如果你不确定如何操作,请先按照以下说明将谷歌日历设置为公开,然后再添加。 关于创建和管理公开谷歌日历的详细文档,请访问: https://support.google.com/calendar/answer/37083 - 设置谷歌日历 → - 添加日程页面 → - 设置页面类型 → - 编辑菜单 - 获取日历 ID 和 API 密钥 → - NexT 配置 你可以通过在 calendar 部分设置值来启用该功能。将日历 ID 和 API 密钥的值复制到 NexT 配置文件中。 NexT 配置文件:
|
calendar:calendar_id: api_key: orderBy: startTimeshowLocation:falseoffsetMax:72offsetMin:4showDeleted:falsesingleEvents:truemaxResults:250
1 2 3 4
| 在终端中切换到站点根目录。使用 hexo new page schedule 命令创建一个名为 schedule 的新页面:
|
cd hexo-sitehexo new page schedule
1 2 3
| 编辑新页面,并将类型更改为 schedule ,主题将自动在该页面显示日程。页面内容如下所示:
|
title: Scheduledate: 2014-12-22 12:39:04type: schedule—
1 2 3 4 5 6
| 通过编辑 NexT 配置文件,将 schedule 添加到 menu 中: NexT 配置文件:
|
menu: home: / || fa fa-home archives: /archives/ || fa fa-archive schedule: /schedule/ || fa fa-calendar
1 2 3 4 5
| ### 自定义 404 页面 在终端中切换到站点根目录的 source 文件夹。创建一个名为 404 的新文件夹,然后在其中创建一个新页面:
|
cd hexo-sitehexo new page 404
1 2 3 4 5
| 请确保在 Hexo 配置文件中禁用了 relative_link : Hexo 配置文件:
|
relative_link: false
1 2 3 4 5 6 7
| 用户是否能够被重定向到 404 页面取决于网站托管服务或 Web 服务器的设置,而不是 Hexo。例如,如果你使用 Nginx 作为服务器,你还需要在 nginx.conf 文件中配置 404 页面。 #### 公益 404 如果你想要启用「公益 404」(腾讯在中国提供的服务),请按照以下方式编辑 404/index.md :
|
—title: '404’date: 2014-12-22 12:39:04comments: false—
1 2 3 4 5 6 7 8
| 你也可以在其中添加任何你想要的内容。 通过编辑 NexT 配置文件,将 404 添加到 menu 中: NexT 配置文件:
|
menu: home: / || fa fa-home archives: /archives/ || fa fa-archive commonweal: /404/ || fa fa-heartbeat
