测试页面

陪她去流浪 桃子 阅读次数:1149

本页源码:index.md

注意:本页面的容易并未覆盖所有支持的功能。


段落

这是段落。换行符不会自动换行,而是自动拼接到前一行,这样可以把长的段落分成多行写,也即软回车。如果想要达到硬回车效果,可以在最后添加一个反斜杠\
这样就会产生新的段落内换行(但是要注意他不属于新的段落)。

空一行继续写新的内容则会另起一个段落。


二号标题

标题字号测试。

注意,因为一号标题已被用作本文的标题、且语义上来说一篇文章只应出现一次一号标题,所以这里不做测试。

三号标题

四号标题

五号标题
六号标题

代码

  • 键盘:Ctrl + C

  • 行内代码:<div>code</div>

  • 块级代码:

    1
    2
    3
    4
    5
    6
    7
    
    package main
    
    import "fmt"
    
    func main() {
    	fmt.Println("Hello, 世界")
    }
    

引用

普通文本引用内容。

A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text.

It is typically distinguished visually using indentation and a different typeface or smaller size quotation. It may or may not include a citation, usually placed at the bottom.

GitHub 的 Alerts。

注意

Useful information that users should know, even when skimming content.

提示

Helpful advice for doing things better or more easily.

重要

Key information users need to know to achieve their goal.

警告

Urgent info that needs immediate user attention to avoid problems.

小心

Advises about risks or negative outcomes of certain actions.


列表

有序列表:

  1. 第一条
  2. 第二条
    1. 第二、一条
    2. 第二、二条
  3. 第三条

无序列表:

  • 第一条
  • 第二条
    • 第二、一条
    • 第二、二条
  • 第三条

各种 Markers:

  • 111
  • 222
  • 111
  • 222
  • 111
  • 222
  1. 111
  2. 222
  1. 111
  2. 222

样式

加粗 斜体 加粗斜体 删除线

插入的文本删除的文本

链接

这是一个链接

颜色

名字 代码 前景 背景
浅色 深色 浅色 深色
coral
#F08080
Text
Text
Text
Text
salmon
#E9967A
Text
Text
Text
Text
red
#FF325B
Text
Text
Text
Text
hotpink
#FF69B4
Text
Text
Text
Text
deeppink
#FF1493
Text
Text
Text
Text
palevioletred
#DB7093
Text
Text
Text
Text
tomato
#FF6347
Text
Text
Text
Text
darkorange
#FF8C00
Text
Text
Text
Text
orange
#FFA500
Text
Text
Text
Text
yellow
#FFD800
Text
Text
Text
Text
darkkhaki
#BDB76B
Text
Text
Text
Text
magenta
#DA70D6
Text
Text
Text
Text
purple
#9932CC
Text
Text
Text
Text
slateblue
#6A5ACD
Text
Text
Text
Text
mediumseagreen
#3CB371
Text
Text
Text
Text
green
#17a817
Text
Text
Text
Text
yellowgreen
#9ACD32
Text
Text
Text
Text
olive
#6B8E23
Text
Text
Text
Text
darkseagreen
#8FBC8B
Text
Text
Text
Text
lightseagreen
#20B2AA
Text
Text
Text
Text
teal
#008080
Text
Text
Text
Text
cyan
#00CED1
Text
Text
Text
Text
aqua
#00CED1
Text
Text
Text
Text
cadetblue
#5F9EA0
Text
Text
Text
Text
steelblue
#4682B4
Text
Text
Text
Text
deepskyblue
#00BFFF
Text
Text
Text
Text
blue
#1E90FF
Text
Text
Text
Text
burlywood
#DEB887
Text
Text
Text
Text
tan
#D2B48C
Text
Text
Text
Text
rosybrown
#BC8F8F
Text
Text
Text
Text
sandybrown
#F4A460
Text
Text
Text
Text
goldenrod
#DAA520
Text
Text
Text
Text
darkgoldenrod
#B8860B
Text
Text
Text
Text
peru
#CD853F
Text
Text
Text
Text
chocolate
#D2691E
Text
Text
Text
Text
white
#FFFFFF
Text
Text
Text
Text
silver
#C0C0C0
Text
Text
Text
Text
darkgray
#A9A9A9
Text
Text
Text
Text
gray
#808080
Text
Text
Text
Text
slategray
#708090
Text
Text
Text
Text
black
#000000
Text
Text
Text
Text

详细/展开

  • 鼠标放在“总结”上面应该有箭头指示展开方向。
总结

详细内容。

更详细的内容。

水平分隔线


自定义

表格

  • 普通的表格

    Tables Are Cool
    col 1 is left-aligned $1600
    col 2 is centered $12
    col 3 is right-aligned $1
  • CSV 表格

    Year Make Model Description Price
    1997 Ford E350 ac, abs, moon 3000.00
    1999 Chevy Venture "Extended Edition" 4900.00
    1999 Chevy Venture "Extended Edition, Very Large" 5000.00
    1996 Jeep Grand Cherokee MUST SELL!,," air, moon roof, loaded 4799.0

图片

实况

敏感内容可以模糊显示,需要鼠标放上去、手指按压才会显示:

表单

输入框

  • 文本:
  • 密码:
  • 网址:
  • 邮箱:
  • 日期:
  • 编辑:

按钮

  • 提交:
  • 重置:
  • 按钮:
  • 按钮:

选择

下拉框:

复选框:

单选框:

任务列表

  • 吾日三省吾身
  • 早上吃什么,
  • 中午吃什么,
  • 晚上吃什么?

其它

对话框

一段文字。

话题

这里包含一个#话题

引用站内文章

可以通过 [[编号]] 的方式引用,会自动嵌入标题。

比如:你看过我的《Hello World!》文章吗?

渲染

表情符号

[doge][捂脸][狗头][皱眉]

公式

行内公式:x=b±b24ac2a.x = {-b \pm \sqrt{b^2-4ac} \over 2a}.

块级公式:

x=b±b24ac2a.x = {-b \pm \sqrt{b^2-4ac} \over 2a}.

另一个块级公式(Linear Mandarin):

()(金木水火土)=()\begin{pmatrix} 金 \\ 木 \\ 水 \\ 火 \\ 土 \end{pmatrix}(金木水火土)=\begin{pmatrix} 鍂 & 鈢 & 淦 & 鈥 & 钍 \\ 鈢 & 林 & 沐 & 炑 & 杜 \\ 淦 & 沐 & 沝 & 淡 & 汢 \\ 鈥 & 炑 & 淡 & 炎 & 灶 \\ 钍 & 杜 & 汢 & 灶 & 圭 \end{pmatrix}

化学式:

COX2+C2CO\ce{CO2 + C -> 2 CO}

实况照片

实况

提醒事项

提醒事项会添加到日历中,可以在手机上查看。

可以提供的功能:备忘录、倒数日、行程提醒、课程表等。

记得去看音乐剧!
18
开始时间:2026-05-20

音乐播放器

插入语法和插入图片一样,内部会自动识别。

1
![](音乐文件路径)

标题:おやすみ

专辑:オリジナル・サウンドトラック Zwei!!

作者:Falcom Sound Team J.D.K.

00:00

PlantUML

AliceBobAliceAliceBobBobAuthentication RequestAuthentication Response

Pikchr

来源:https://pikchr.org/home/pikchrshow,“Core Object Types”

box box (with rounded corners) circle ellipse oval (tall & thin) oval cylinder file dot lines arrows splines Examples Of Pikchr Objects box box (with rounded corners) circle ellipse oval (tall & thin) oval cylinder file dot lines arrows splines Examples Of Pikchr Objects CREATE TEMP TEMPORARY TABLE IF NOT EXISTS schema-name . table-name ( column-def table-constraint , ) table-options , AS select-stmt CREATE TEMP TEMPORARY TABLE IF NOT EXISTS schema-name . table-name ( column-def table-constraint , ) table-options , AS select-stmt

GraphViz

FamilyTree 爷爷 爷爷 奶奶 奶奶 爷爷->奶奶 爸爸 爸爸 爷爷->爸爸 叔叔 叔叔 爷爷->叔叔 奶奶->爸爸 奶奶->叔叔 妈妈 妈妈 爸爸->妈妈 爸爸->我 妈妈->我 婶婶 婶婶 叔叔->婶婶 堂兄 堂兄 叔叔->堂兄 堂妹 堂妹 叔叔->堂妹 孩子1 孩子1 我->孩子1 孩子2 孩子2 我->孩子2

族谱图

1 😄 2 💧 1->2 3 😅 1->3 2->3

ECharts

0 20 40 60 80 100 0 20 40 60 80 100 2012 2013 2014 2015 Matcha Latte Milk Tea Cheese Cocoa Matcha Latte Milk Tea Cheese Cocoa 2012 2013 2014 2015

标签:话题