这是一个用于测试的文档

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 %}

示例

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