编写文章以及独立页面
文章封面
在文章列表页面或者其他位置显示的文章摘要卡片上面的图片称之为「文章封面」
自动生成封面
根据 tags
作为关键词为每一篇文章在线搜索封面:
article: |
引用外部图片
在文章的 front-matter
中写上 cover: xxx
即可。例如:
|
显示效果

上面这种方式会显示title与description或者摘要,若你想要图片全显示,可以加入如下参数:
|
Stellar v1.14.0 更换 cover-title
cover-cat
cover-subtitle
cover-text-color
为 poster
为了显示美观,建议
topic
和caption
选择其一与headline
搭配使用。
显示效果
填写 topic
与 headline
时大标题位于上方

只填写 headline
或填写 headline
与 caption
时大标题位于下方

如果您想使用 Unsplash 搜索图片作为封面,可以在 cover
设置搜索关键词(用英文逗号隔开):
|
内容摘要
自动生成摘要
建议您通过 description
或者 excerpt
方式生成摘要,但如果您希望自动从文章内容截取一定字数的文字作为摘要,可以这样设置:
article: |
手动设置摘要
一篇文章开头一段文字描述就是摘要,摘要和正文用 <!-- more -->
隔开,前后一定要有空行。例如:
|
AI摘要
感谢 @张洪Heo @Tianli 提供的项目 Post-Abstract-AI
# AI 摘要 |
如何获取 tianliGPT_key:到 爱发电 中购买,购买完成后,添加机器人客服:2102916311
,回复 /chat 你的key 你的博客地址注意保留最后的斜杠
key与博客地址为绑定状态,所以本地调试时是无法接收到数据的。不绑定机器人可能会产生跨域问题,请将key绑定到机器人上。
文章模板
使用 Hexo 自带模板实现命令行创建新文章时自动生成相关信息。
根目录下 scaffolds
文件夹中编辑 post.md
的 font-matter
:
|
文章页
横幅图片
文章页面顶部区域可以显示长长的横幅图片,设置方法如下:
banner: /assets/xaoxuu/blog/2020-0927a@1x.svg |
如果您想使用 Unsplash 搜索图片作为横幅,可以在 banner
中设置搜索关键词(用英文逗号隔开):
|
指定一级标题
默认的一级标题是文章的 title
,如果希望使用别的文字作为一级标题,可以指定 h1
,例如:
|
文章索引与推荐
文章如果有分类和标签就会自动在主页出现「分类」、「标签」选项卡实现分类浏览,不需要手动添加页面。
文章分类
在文章列表页面会显示文章所属的第一级分类,例如:
|
这样写就只会显示「设计开发」一级分类,而在文章页面顶部则会显示完整的面包屑导航。
文章标签
文章标签目前不可见,用于关键词、搜索、按标签检索、相关文章推荐等功能,例如:
|
相关文章推荐
要实现相关文章推荐功能,您需要安装插件:
然后在主题配置文件中开启:
article: |
开启后会在每篇文章的下方推荐相同类型的文章。
参考资料
填写引用文章的标题和链接:
|
效果见这篇文章:
更多的独立页面
Stellar 同时具有博客和 Wiki 两个大模块,为了能够正确进行导航栏高亮,引入了 menu_id
来进行区分,通常情况下,layout: post
和 layout: wiki
两种布局模板可以自动为 sidebar.menu.post
和 sidebar.menu.wiki
的导航栏按钮高亮。自己创建的独立页面也可以在 front-matter
中指定 menu_id
来使某个按钮处于选中状态。
例如您有关于、友链两个页面,都希望高亮「更多」按钮:
|
|
在主题配置文件中设置导航栏:
sidebar: |
友链页面
友链被设计成标签,您可以在任何页面任何位置插入友链,详见:
关于页面
没有单独的关于页面布局,您可以自由组合丰富的标签来实现个性化的关于页面,例如:about
、tabs
、navbar
、quot
、timeline
标签。