Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 Heading 1 link Heading link Heading 2 link Heading link Heading 3 link Heading link Heading 4 link Heading link Heading link Heading link Heading 5 link Heading link Heading 6 link Heading link 标题(用底线的形式)Heading (underline) ⬇ This is an H1 This is an H2 字符效果和横线等 引用 Blockquotes 锚点与链接 Links 多语言代码高亮 Codes 行内代码 Inline code 缩进风格 C代码 HTML 代码 HTML codes 图片 列表 Lists 无序列表(加号和嵌套)Unordered Lists (支持+、-、*) 有序列表 Ordered Lists 分割线 更多标签语法 details块 标签页 GFM task list 绘制表格 Tables 特殊符号 HTML Entities Codes Emoji表情 😃 反斜杠 Escape 科学公式 TeX(KaTeX) 绘制序列图 Sequence Diagram End PS:原markdown测试文件摘自 iHaPBoy/markdown格式测试.md ,已针对当前A4主题适当调整
Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 标题(用底线的形式)Heading (underline) ⬇ This is an H1 This is an H2 字符效果和横线等 删除线 删除线(开启识别HTML标签时) 斜体字 斜体字 粗体 粗体 粗斜体 粗斜体
下划线 、
着重号 、
波浪线 上标:O2 ,下标:X2 。Win +E 键打开文件管理器。Base ( top ) 、佐天泪子 ( xiān qún kuáng mó ) 、超電磁砲 ( レールガン )
缩写(同HTML的abbr标签)
即更长的单词或短语的缩写形式,前提是开启识别HTML标签时,已默认开启
The HTML specification is maintained by the W3C .
引用 Blockquotes 引用文本 Blockquotes
嵌套:
外层 外层描述语句
内层
Hexo官方标签插件(引用网络上的文章):
Every interaction is both precious and an opportunity to delight.
锚点与链接 Links 普通链接
普通链接带标题
直接链接:https://github.com
https://baidu.com
锚点链接-跳转到Heading 1标题 锚点链接-任意跳转到latex公式
mailto:test.test@gmail.com
GFM a-tail link @pandao 邮箱地址自动链接 test.test@gmail.com www@vip.qq.com
这里有一个脚标[1] ,鼠标放上去会显示内容。[2]
多语言代码高亮 Codes 行内代码 Inline code 执行命令:npm install marked
缩进风格 即缩进四个空格,也作为实现类似 <pre> 预格式化文本 ( Preformatted Text ) 的功能。
<?php
echo "Hello world!";
?>
预格式化文本:
| First Header | Second Header |
| ------------- | ------------- |
| Content Cell | Content Cell |
| Content Cell | Content Cell |
C代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 #define AUTOFREE __attribute__((cleanup(clean))) #define NULL 0 __attribute__ ((always_inline)) inline void clean (void *ptr) { printf ("[autofree] free memory at %p\n" , *(void **) ptr); free (*(void **) ptr); } int main (void ) { AUTOFREE int *arr = NULL ; int i = 0 , ret = -1 ; arr = malloc (sizeof (int )*100 ); if (!arr) { goto out; } for (i=0 ; i<100 ; i++) { arr[i] = i; } ret = 0 ; out: return ret; }
HTML 代码 HTML codes 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <!DOCTYPE html > <html > <head > <mate charest ="utf-8" /> <meta name ="keywords" content ="Editor.md, Markdown, Editor" /> <title > Hello world!</title > <style type ="text/css" > body {font-size :14px ;color :#444 ;font-family : "Microsoft Yahei" , Tahoma, "Hiragino Sans GB" , Arial;background :#fff ;} ul {list-style : none;} img {border :none;vertical-align : middle;} </style > </head > <body > <h1 class ="text-xxl" > Hello world!</h1 > <p class ="text-green" > Plain text</p > </body > </html >
diff代码块:
Hexo官方代码块标签插件(附加标题和参考网址,可选):
asyncio.run hexo's codeblock tag plugin 1 2 3 4 5 6 7 8 import asyncioasync def task (): print ("start" ) await asyncio.sleep(1 ) print ("end" ) asyncio.run(task())
图片 图片默认块级显示:
也支持行内图片(可自由缩放): , ,
Annotation: Follow your heart.
图片居中+尺寸修改:
图为:厦门白城沙滩(这是图片的注释,显示在正下方,居中)
列表 Lists 无序列表(加号和嵌套)Unordered Lists (支持+、-、*) 有序列表 Ordered Lists 第一行 第二行 第三行 分割线 更多标签语法 details块 西方哲学三阶段 古希腊 近代 德国古典 👉 德国古典(康德、黑格尔) 标签页 标签页:
tabs-id1 1 tabs-id1 2 tabs-id1 3 默认折叠的标签页:
时间轴
人言落日是天涯,望极天涯不见家。 已恨碧山相阻隔,碧山还被暮云遮。
人生代代无穷已,江月年年只相似。 不知江月待何人,但见长江送流水。
展开我 可以藉此折叠很长的代码块:
1 2 3 4 5 6 7 8 9 10 11 12 f :: Float -> Float f x = x^2 g :: Integer -> Integer g x = if x<0 then -2 *x - 1 else 2 *x h :: (Float , Float ) -> Float h (x, y) = sqrt(x^2 + y^2 )bmi :: Float -> Float -> Float bmi h m = m / (h^2 )
本文一些标签插件写法:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 {% underline 下划线 %}、{% emp 着重号 %}、{% wavy 波浪线 %} 上标:{% sup O, 2 %},下标:{% sub X, 2 %}。{% kbd Win %}+{% kbd E %} 键打开文件管理器。{% ruby Base|top %}、{% ruby 佐天泪子|xiān qún kuáng mó %}、{% ruby 超電磁砲|レールガン %} {% img https://pandao.github.io/editor.md/images/logos/editormd-logo-180x180.png, (,50px), inline %} {% img https://pandao.github.io/editor.md/examples/images/8.jpg, (50%,), center, link=https://baidu.com %} {% cap center 图为:厦门白城沙滩(这是图片的注释,显示在正下方,居中) %} {% details 西方哲学三阶段 %} 1. 古希腊2. 近代3. 德国古典{% details 👉 德国古典(康德、黑格尔) %} - 康德:人是目的- 黑格尔:存在即合理{% enddetails %} {% enddetails %} {% timeline 时间轴 %} {% timenode 2019.9 ~ 2022.6 [家里蹲B ](/ ) %} 人言落日是天涯,望极天涯不见家。 已恨碧山相阻隔,碧山还被暮云遮。 {% endtimenode %} {% timenode 2015.9 ~ 2019.6 [家里蹲A ](/ ) %} 人生代代无穷已,江月年年只相似。 不知江月待何人,但见长江送流水。 {% endtimenode %} {% endtimeline %} {% tabs tabs-id1 %} <!-- tab --> **This is Tab 1.** <!-- endtab --> <!-- tab --> **This is Tab 2.** <!-- endtab --> <!-- tab --> **This is Tab 3.** <!-- endtab --> {% endtabs %} 质能等价公式是{% katex %}E=mc^2{% endkatex %},{% katex %}x > y{% endkatex %}吗?{% katex %}\sqrt{3x-1}+(1+x)^2{% endkatex %}
GFM task list 绘制表格 Tables 项目 价格 数量 计算机 $1600 5 手机 $12 12 管线 $1 234
第二张表 ⇩
Function name Description help()Display the help window. destroy()Destroy your computer!
特殊符号 HTML Entities Codes © & ¨ ™ ¡ £ & < > ¥ € ® ± ¶ § ¦ ¯ « ·
X² Y³ ¾ ¼ × ÷ »
18ºC " '
Emoji表情 😃 ⭐ 🌟 ❤ 🔥 ❌ ⚠ 🔔 🔖 ⚙ 🔧 🚀 💡 ✏ 📖 📚 📎 📌 💻 🔗 📦 📡 💾 📷 🎨 📏 ⌛ ✅ 🚧 🔄 😄 😆 😊 😉 👍
PS: not support fontAwesome icon emoji
反斜杠 Escape 反斜杠\可以让本来有“特殊含义”的字符按普通文本显示:*literal asterisks*
特殊字符如:
* _ ` # [ ] ( ) ! > +
科学公式 TeX(KaTeX) 行内公式: 质能等价公式是E = m c 2 E=mc^2 E = m c 2 ,x > y x > y x > y 吗?3 x − 1 + ( 1 + x ) 2 \sqrt{3x-1}+(1+x)^2 3 x − 1 + ( 1 + x ) 2
行间公式:
sin ( α ) θ = ∑ i = 0 n ( x i + cos ( f ) ) \sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f)) sin ( α ) θ = ∑ i = 0 n ( x i + cos ( f )) ( ∑ k = 1 n a k b k ) 2 ≤ ( ∑ k = 1 n a k 2 ) ( ∑ k = 1 n b k 2 ) \displaystyle \left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right) ( k = 1 ∑ n a k b k ) 2 ≤ ( k = 1 ∑ n a k 2 ) ( k = 1 ∑ n b k 2 ) 1 ( ϕ 5 − ϕ ) e 2 5 π = 1 + e − 2 π 1 + e − 4 π 1 + e − 6 π 1 + e − 8 π 1 + ⋯ \displaystyle \frac{1}{ \Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{ \frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} { 1+\frac{e^{-6\pi}} {1+\frac{e^{-8\pi}} {1+\cdots} } }} ( ϕ 5 − ϕ ) e 5 2 π 1 = 1 + 1 + 1 + 1 + 1 + ⋯ e − 8 π e − 6 π e − 4 π e − 2 π 当然任意公式都可以放行内显示啦f ( x ) = ∫ − ∞ ∞ f ^ ( ξ ) e 2 π i ξ x d ξ f(x) = \int_{-\infty}^\infty \hat f(\xi)\,e^{2 \pi i \xi x} \,d\xi f ( x ) = ∫ − ∞ ∞ f ^ ( ξ ) e 2 π i ξ x d ξ ,就是些文本而已,不依赖前端渲染
绘制序列图 Sequence Diagram sequenceDiagram
小程序 ->> 小程序 : wx.login()获取code
小程序 ->> + 服务器 : wx.request()发送code
服务器 ->> + 微信服务器 : code+appid+secret
微信服务器 -->> - 服务器 : openid
服务器 ->> 服务器 : 根据openid确定用户并生成token
服务器 -->> - 小程序 : token End