这是一个用于测试的文档

1.文字测试

啦啦啦啦 我是大帅哥

啦啦啦啦 我是大帅哥

啦啦啦啦 我是大帅哥
啦啦啦啦 我是大帅哥

2.图片测试

示例插入图片方法
![描述]（地址)
  • 插入图片可用网络地址
    偷笑
  • 插入图片可用本地地址，默认在/theme/source/img 中，输入只需/img。
    但是hexo好像不支持添加css，改不了大小
    偷笑的傻狗
  • 也可插入HTML语言，可修改大小，样式等等
    <img src="图片地址" width = "大小" height = "大小" alt="图片描述" align=对齐 />
    偷笑的傻狗
图片墙
{% gallery %}

{% endgallery %}








3.代码测试

短代码
#include <stdio.h>
int main()
{
    printf("hello world");
    return 0;
}
长代码

测试是否有展开按钮

#include <stdio.h>
#include<string.h>
void sc(int i,int n, char a[]);
int main()
{
    char a[80];
    char b[80];
    char *c;
    int d;
    scanf("%[^\n]%*c", a);
    scanf("%[^\n]%*c", b);
    int a1,b1,cnt;
    a1=strlen(a);
    b1=strlen(b);
    int i,j;
    while (c)
    {
    c=strstr(a,b);
    d=c-a;
    sc(d,b1,a);
    }
    printf("%s",a);
}
void sc(int i,int n, char a[])
{
 int j;
	for ( j=i+n;j<81 ; i++)
	{
		a[i]=a[i+n];
		j=i+n;
	}
}

4.地图测试

语法

参数参考地址

{% + 标签值 + 经度 + 纬度 + 文本 + 缩放等级 + 宽 + 高 + 默认图层 + %}

混合

</div>

openstreet

高德

</div>

geoq

5.图标测试

awesomeicon自带图标

阿里图标

6.markdown样式测试

1.删除线

~~xxx~~

2.斜体

3.下划线

<u>xxx</u>

4.粗斜体

三个* 包裹

5.表格

这瓜多少钱一斤啊价钱
1斤2块
15斤30块
写法
| Syntax | Description |  
| ----------- | ----------- |  
| Header | Title |  
| Paragraph | Text |

6.脚注

[^ 数字 ]
Here’s a sentence with a footnote.1

1:This is the footnote.

7.引用

用>放在开头 可嵌套

这是一条引用

这是引用的引用

这是引用的引用

8.标题

小标题

小标题
---
大标题
===

9.列表

用+号或-号

  • 列表
    • 嵌套列表
      • 只需加tab键

10.键盘(html标签)

语法

使用kbd的尖括号包裹

  • 使用 Ctrl+Alt+Del 重启电脑

使用标签外挂

1.分栏 tabs

用法

  1. Unique name:

    选项卡块标签的唯一名称，不带逗号。

    将在 #id 中用作每个标签及其索引号的前缀。

    如果名称中包含空格，则对于生成 #id，所有空格将由破折号代替。

    仅当前帖子 / 页面的 URL 必须是唯一的！

  2. [index]:

    活动选项卡的索引号。

    如果未指定，将选择第一个标签（1）。

    如果 index 为 - 1，则不会选择任何选项卡。

  3. [Tab caption]:

    当前选项卡的标题。
    如果未指定标题，则带有制表符索引后缀的唯一名称将用作制表符的标题。
    如果未指定标题，但指定了图标，则标题将为空。

  4. [@icon]:
    FontAwesome 图标名称
    （全名，看起来像 “fas fa-font”）
    可以指定带空格或不带空格；
    例如’Tab caption @icon’ 和 ‘Tab caption@icon’.
{% tabs Unique name, [index] %}
<!-- tab [Tab caption] [@icon] -->
Any content (support inline tags too).
<!-- endtab --\>
{% endtabs %}

2.折叠栏 folding

语法
{% folding 参数（可选）, 标题 %}

{% endfolding %}
示例
图片测试

haha

html图片测试

文字测试

Hello

3.密码psw

\\ { % psw文本 % \\ }
这是一个密码

4.隐藏标签 hideblock

语法

inline

{% hideInline content,display,bg,color %}

block
{% hideBlock display,bg,color %}
content
{% endhideBlock %}

content 内容
dispaly 显示在外面的东西
示例
猜谜语
哪個英文字母最酷？
因為西裝褲(C裝酷)

門裏站着一個人?
閃
查看答案

傻子，怎麼可能有答案

5.注释 natation

语法
{% nota [label] , [text] %}
示例 把鼠标移动到我上面试试

6.行内文本 span

自定义颜色和大小文字 占用行距离
{ % span 样式参数(参数以空格划分), 文本内容 %}
  • 字体: logo, code
  • 颜色: red,yellow,green,cyan,blue,gray
  • 大小: small, h4, h3, h2, h1, large, huge,ultra
  • 对齐方向: left, center, right

这是small的效果
这是h4的效果
这是h3的效果
这是h2的效果
这是h1的效果
这是blue的效果
这是红色的效果
这是黄色的效果

7.段落文本 p

自定义颜色和大小文字

占用段落

{ % p 样式参数(参数以空格划分), 文本内容 %}
  • 字体: logo, code
  • 颜色: red,yellow,green,cyan,blue,gray
  • 大小: small, h4, h3, h2, h1, large, huge,ultra
  • 对齐方向: left, center, right

这是

small

的效果
这是

h4

的效果
这是

h3

的效果
这是

h2

的效果
这是

h1

的效果
这是

blue

的效果
这是

红色

的效果
这是

黄色

的效果

8.背景高亮 Label

语法
{% label text color %}
示例

大家好 ,我 是超级 大帅哥 ，哈哈 哈哈 哈哈 哈哈

9.行内图片 inline

语法
{% inlineimage 图片链接, height=高度（可选） %}
示例

这是 一段话。

这又是 一段话。

10.便条 note

用法
{% note [class]/[color] [no-icon]/[icon] [style] %}
Any content (support inline tags too.io).
{% endnote %}
参数
  • class: default / primary / success / info / warning / danger
  • color: default / blue / pink / red / purple / orange / green
  • style: simple/modern/flat/disabled
示例

这是一条primary的note

这是一条success morden-style的note

这是一条red的自定义icon的note

这是一条no-icon 嵌套inline图片的note

11. 上标标签 tip

把note改成tip即可
不太常用
详见上标标签tip示例

12. 动态标签

太花哨了 写起来太麻烦了 懒得用
万一要用详见动态标签示例

13. 复选列表 checkbox

语法
{% checkbox 样式参数（可选）, 文本（支持简单md） %}
参数
  • 样式: plus, minus, times
  • 颜色: red,yellow,green,cyan,blue,gray
  • 选中状态: checked示例

    黄色 + 默认选中

    叉

    支持简单的 markdown 语法

14.单选列表 radio

语法

把 checkbox 换成radio
但是没有样式了
示例

青色

15.进度条 progress

语法
{% progress [width] [color] [text] %}
示例

10%进度条样式预览

30%进度条样式预览

50%进度条样式预览

70%进度条样式预览

90%进度条样式预览

100%进度条样式预览

16.卡片链接 link

语法
{% link 标题, 链接, 图片链接（可选） %}

插件好像有错，待解决

17.网站卡片链接（带封面） sitegroup

可连续多张
语法

{% sitegroup %}
{% site 标题, url=链接, screenshot=截图链接, avatar=头像链接（可选）, description=描述（可选） %}
{% site 标题, url=链接, screenshot=截图链接, avatar=头像链接（可选）, description=描述（可选） %}
{% endsitegroup %}

示例
Serein吴振扬的小站
来日方长好兄弟飞哥的小站
千叶结锤最喜欢的up主
翁天信向大佬学习

18.长条按钮链接 button

语法
{% btn [url],[text],[icon],[color] [style] [layout] [position] [size] %}
参数

[url] : 鏈接
[text] : 按鈕文字
[icon] : [可選] 圖標
[color] : [可選] 按鈕背景顔色(默認style時）
按鈕字體和邊框顔色(outline時)
default/blue/pink/red/purple/orange/green
[style] : [可選] 按鈕樣式 默認實心
outline/留空
[layout] : [可選] 按鈕佈局 默認為line
block/留空
[position] : [可選] 按鈕位置 前提是設置了layout為block 默認為左邊
center/right/留空
[size] : [可選] 按鈕大小
larger/留空
示例
Serein

19.图片按钮链接 btns

语法
{% btns 样式参数 %}
{% cell 标题, 链接, 图片或者图标 %}
{% cell 标题, 链接, 图片或者图标 %}
{% endbtns %}
参数
  1. 圆角样式：rounded, circle
  2. 增加文字样式：可以在容器内增加 标题和

    描述文字

  3. 布局方式：默认为自动宽度，适合视野内只有一两个的情况。
参数描述
wide宽一点的按钮
fill填充布局，自动铺满至少一行，多了会换行
center居中，按钮之间是固定间距
around居中分散
grid2等宽最多2列，屏幕变窄会适当减少列数
grid3等宽最多3列，屏幕变窄会适当减少列数
grid4等宽最多4列，屏幕变窄会适当减少列数
grid5等宽最多5列，屏幕变窄会适当减少列数
示例插入html标签

若自定义html 则在

{% btns center rounded grid3  %}
{% endbtns %}

与中间代码处不该有空隙

20.音频测试 aduio

语法
{% audio 音频链接 %}
示例

21.视频测试 video

语法
单个视频
{% video 视频链接 %}
多个视频
{% videos,数量 %}
{% video 视频链接 %}
{% video 视频链接 %}
{% endvideos %}
示例

单个视频

多个视频

(站长的高中生活'◡')

22.诗词 poem

语法
{% poem [title],[author] %}
诗词内容
{% endpoem %}
示例
青玉案 元夕
辛弃疾

东风夜放花千树。
更吹落、星如雨。
宝马雕车香满路。
凤箫声动，玉壶光转，
一夜鱼龙舞。
蛾儿雪柳黄金缕。
笑语盈盈暗香去。
众里寻他千百度。
蓦然回首，那人却在，
灯火阑珊处。

23.时间轴

标记一下 太麻烦 不太可能用到

{% timeline title,color %}
<!-- timeline title -->
xxxxx
<!-- endtimeline -->
<!-- timeline title -->
xxxxx
<!-- endtimeline -->
{% endtimeline %}

测试

01-02

这是测试页面1

01-03

这是测试页面2

02 - 6

这是测试页面2