发布于 

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] %}
点击下载你可以获得另一张来自Apple的图片
点击下载你可以获得另一张来自Apple的图片

文本美化块

美化的引用

  • 适合居中且醒目的引用:

    这句话不是我说的 ——鲁迅

  • 支持自定义引号:

    话题001

诗词文本展示

游山西村
陆游

莫笑农家腊酒浑,丰年留客足鸡豚。
山重水复疑无路,柳暗花明又一村。
箫鼓追随春社近,衣冠简朴古风存。
从今若许闲乘月,拄杖无时夜叩门。

备注块

正式内容中,第一个空格前面的是标题,后面的是正文。如果标题中需要显示空格,请使用 代替。

  • 无色备注块:和代码块一样的展示方式
你 标题 中有 空 格

正文部分可以随便空格。

  • 彩色备注块:使用color:<color>设置背景颜色,颜色标签和行内文本一致
可用颜色:

color = red、orange、yellow、green、cyan、blue、purple、light、dark、warning、error

  • 只使用标题的备注块,使得文本默认加粗:

这个只有标题,没有正文。

外链卡片

1
2
3
4
5
{% link href [title] [icon:src] [desc:true/false] %}
href: 链接
title: 可选,手动设置标题(为空时会自动抓取页面标题)
icon: 可选,手动设置图标(为空时会自动抓取页面图标)
desc: 可选,是否显示摘要描述,为true时将会显示页面描述

mermaid代码语言绘图

需要安装插件,目前还没有支持

使用前需要在 Markdown 文件开头加入

1
2
3
---
mermaid: true
---

然后使用代码块,在语言中指定mermaid即可

frame插入一个移动设备UI框架

  • 可用插选择参数img(图片)和video(视频)

iframe插入视频

静态时间线

2021 年 6 月

BT夏季版banner

2021 年 2 月

过年放假

友情链接

要现在source/_data/links.yml中加入链接的静态数据:

1
2
3
4
5
6
7
8
9
10
11
12
'链接组名称':
- title: 某某某
url: https://
screenshot:
avatar:
description:
- title: 某某某2
url: https://
screenshot:
avatar:
description:
...

然后这样写:

1
{% friends 链接组名称 %}

一个链接组可以有多个链接,它们会自适应排布到页面。

网站卡片链接

同样要先在source/_data/links.yml中加入链接的静态数据,写法和友链一样。
写法是:

1
{% sites 分组名 %}

github card卡片

填写github仓库的名称后缀即可

容器标签

支持更加丰富的分块文本,note等标签是由容器标签简化实现的。
容器标签需要多行来写

  • 标准容器块
这是标题

这是容器块中的内容
插入一个链接:#172

  • 可折叠标题的容器块
    容器块中可用嵌套其他块,包括另一个容器块。使用child属性设置嵌入块的属性
    open属性设置块是否默认打开
默认打开的代码折叠框

代码块

  • 平铺折叠列表块
#1

这是答案1

#2

这是答案2

#3

这是答案3

  • 分栏tab容器

方便地切换展示的内容,也可以嵌套

1
2
let x = 123
print("hello world")
a b c
a1 b1 c1
a2 b2 c2
  • 轮播容器
    适用于轮播图片,默认一张图片是 50% 宽度,通过设置 width:min 设置为 25% 宽度,width:max 设置为 100% 宽度。
  • 添加参考引用列表,效果如下:

references:



本站由 @anonymity 使用 Stellar 主题创建。
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。