HEO主题

主题说明

使用主题

1. 顶部横幅

2. 英雄区

英雄区左侧

1. 左上角的卡牌点击是随机跳转到一篇文章，此功能无法修改配置，但是可以在源代码themes/heo/components/Hero.js中看到。

2. 左上卡牌大标题 themes/heo/config.js

3. 左上角卡牌背景滚动图，会循环展示一些技能的图标，可以在 themes/heo/config.js中配置
展开相关代码

4. 左下角三个导航标签，点击跳到特定页面，可以在 themes/heo/configs.js 中配置



目前这个三个卡牌，默认跳到的是三个标签归档页。
什么是标签归档？例如 /tag/必看精选 这个链接，展示的是所有标签中包含必看精选的文章：



一篇文章可以打多个标签，然后通过访问 /tag/[标签] 的方式，快速浏览一组包含了同一标签的文章，例如您希望某片文章出现在 /tag/必看精选 这个链接 这个链接下，只要给这篇文章打上必看精选的标签(tag)即可。



英雄区右侧

显示置顶文章的标题文字，以及跳转链接， 配置方式 themes/heo/config.js



推荐置顶文章

点击更多推荐后，可以看到6篇被推荐制定的文章，只有被打了“推荐”标签的文章会在此置顶。
相关配置请查看 themes/heo/config.js



3. 文章列表区



 
1. 文章分类横幅



这里显示您Notion中的所有文章分类，每篇文章可打多个标签，但只能归属于一个分类。 您可以直接在分类栏中输入分类名字，按下回车键即可创建。



2. 个人资料卡牌欢迎语
此处的文字点击会发生变化，在 themes/heo/config.js 中配置



下方的 Tangly是显示作者名字，在blog.config.js中配置
3. 公告栏， 卡牌中间的文字是公告内容



公告内容是您Notion模板中类型为Notice的文章内容。



 

移动端-英雄区

在移动端英雄区被精减，默认显示如下：
左侧是两个标签，默认是必看精选和热门文章，第三个标签被隐藏。
右侧默认显示打了《推荐》标签的六篇文章