Test Article
Hello world!
Hi there!
如果你看到这个,说明这个博客框架似乎运行正常。
This marks the blog is running well.
下面的部分用于测试hexo和stellar主题扩展的相关功能,请忽略其中的内容。
表情
行内文本修饰
美化文本格式
- 这是
你知道的太多了 隐藏标签 - 这是 下划线 标签
- 这是
着重号 标签 - 这是
波浪线 标签 - 这是
删除线标签 - 这是 X2 上标标签
- 这是 X2 下标标签
- 这是 键盘样式 标签,试一试:Ctrl + D
mark 标记
- 这是彩色标记:默认 红 橙 黄 绿 青 蓝 紫
- 这是底色标记:浅 深
- 这是特殊标记: 警告 错误
- 一共 12 种颜色。
tag标签
和mark类似,但是可以高亮和添加链接,使用属性color指定颜色,不指定为随机
Stellar Hexo MyGitHub使用标签插入图片
这将比使用默认markdown格式插入图片要好
- src: 图片地址
- description: 图片描述
- width:和padding:可以对不同的尺寸做适应
- bg:可以添加背景颜色,使用bg:var(–card)使得背景颜色适配全局配色
- download: 设置为true可以增加一个下载图片的按钮,但这只会从src中下载图片,如果(对于大图)图片的下载地址和src的预览地址不同,可以将下载地址写在这里
- 点击放大功能:在任意
image
标签中增加fancybox:true
参数即可为特定图片开启缩放功能
1 | {% image src [description] [download:bool/string] [width:px] [padding:px] [bg:hex] %} |
文本美化块
美化的引用
- 适合居中且醒目的引用:
这句话不是我说的 ——鲁迅
- 支持自定义引号:
话题001
诗词文本展示
游山西村
莫笑农家腊酒浑,丰年留客足鸡豚。
山重水复疑无路,柳暗花明又一村。
箫鼓追随春社近,衣冠简朴古风存。
从今若许闲乘月,拄杖无时夜叩门。
备注块
正式内容中,第一个空格前面的是标题,后面的是正文。如果标题中需要显示空格,请使用
代替。
- 无色备注块:和代码块一样的展示方式
你 标题 中有 空 格
正文部分可以随便空格。
- 彩色备注块:使用
color:<color>
设置背景颜色,颜色标签和行内文本一致
可用颜色:
color = red、orange、yellow、green、cyan、blue、purple、light、dark、warning、error
- 只使用标题的备注块,使得文本默认加粗:
这个只有标题,没有正文。
外链卡片
1 | {% link href [title] [icon:src] [desc:true/false] %} |
mermaid代码语言绘图
需要安装插件,目前还没有支持
使用前需要在 Markdown 文件开头加入
1 | --- |
然后使用代码块,在语言中指定mermaid
即可
frame插入一个移动设备UI框架
- 可用插选择参数img(图片)和video(视频)
iframe插入视频
静态时间线
2021 年 6 月
BT夏季版banner
2021 年 2 月
过年放假
友情链接
要现在source/_data/links.yml
中加入链接的静态数据:
1 | '链接组名称': |
然后这样写:
1 | {% friends 链接组名称 %} |
一个链接组可以有多个链接,它们会自适应排布到页面。
网站卡片链接
同样要先在source/_data/links.yml
中加入链接的静态数据,写法和友链一样。
写法是:
1 | {% sites 分组名 %} |
github card卡片
填写github仓库的名称后缀即可
容器标签
支持更加丰富的分块文本,note等标签是由容器标签简化实现的。
容器标签需要多行来写
- 标准容器块
这是标题
这是容器块中的内容
插入一个链接:#172
- 可折叠标题的容器块
容器块中可用嵌套其他块,包括另一个容器块。使用child属性设置嵌入块的属性
open属性设置块是否默认打开
默认打开的代码折叠框
代码块
- 平铺折叠列表块
#1
这是答案1
#2
这是答案2
#3
这是答案3
- 分栏tab容器
方便地切换展示的内容,也可以嵌套
1 | let x = 123 |
a | b | c |
---|---|---|
a1 | b1 | c1 |
a2 | b2 | c2 |
- 轮播容器
适用于轮播图片,默认一张图片是 50% 宽度,通过设置 width:min 设置为 25% 宽度,width:max 设置为 100% 宽度。
- 添加参考引用列表,效果如下:
references:
- title: ‘使用 Stellar 主题的博客’
url: https://xaoxuu.com/wiki/stellar/examples/ - title: ‘Hexo Stellar 和 Next 主题支持 KaTex 公式与 Markdown 复杂表格’
url: https://www.panoshu.top/blog/2c3f9e38/