更新于 

编写文章以及独立页面

文章封面

在文章的 front-matter 中写上 cover: xxx 即可。例如:

blog/source/xxx.md
1
2
3
4
---
title: 如何使用手机摄像头测量心率
cover: https://cdn.jsdelivr.net/gh/cdn-x/xaoxuu/blog/[email protected]
---

文章摘要

一篇文章开头一段文字描述就是摘要,摘要和正文用 <!-- more --> 隔开,前后一定要有空行。例如:

blog/source/xxx.md
1
2
3
4
5
6
7
8
9
10
---
title: 如何使用手机摄像头测量心率
cover: https://cdn.jsdelivr.net/gh/cdn-x/xaoxuu/blog/[email protected]
---

在心率管家默默无闻地上线了一年多之后,现在终于打算来好好聊聊关于手机摄像头测量心率的那些事。本文参考了很多前辈的文章,将在文末列出。

<!-- more -->

后面是正文部分,在主页看不到。

分类与标签

在文章列表页面会显示文章所属的第一级分类,标签不可见,用于关键词、搜索、按标签检索、相关文章推荐等功能。例如:

blog/source/xxx.md
1
2
3
4
---
categories: [设计开发]
tags: [iOS, 心率]
---

指定一级标题

默认的一级标题是文章的 title,如果希望使用别的文字作为一级标题,可以指定 h1,例如:

blog/source/xxx.md
1
2
3
---
h1: 快速开始
---

更多页面

Stellar 同时具有博客和 Wiki 两个大分类,为了能够正确进行导航栏高亮,引入了 menu_id 来进行区分,通常情况下,layout: postlayout: wiki 两种布局模板可以自动为 sidebar.menu.postsidebar.menu.wiki 的导航栏按钮高亮。自己创建的独立页面也可以在 front-matter 中指定 menu_id 来使某个按钮处于选中状态。

例如您有关于、友链两个页面,都希望高亮「更多」按钮:

blog/source/about/index.md
1
2
3
4
---
menu_id: more
title: 关于
---
blog/source/friends/index.md
1
2
3
4
---
menu_id: more
title: 友链
---

在主题配置文件中设置导航栏:

blog/_config.stellar.yml
1
2
3
4
5
6
sidebar:
menu:
...
more:
title: 更多
url: xxx

友链

友链被设计成标签,您可以在任何位置插入友链,详见: