Hexo使用markdown语法的样例


Hexo使用markdown语法的样例

简介
在Hexo平台写博客使用markdown语法的一下样例

1.字体

斜体文字
斜体文字

粗体文字
粗体文字

粗斜体文字
粗斜体文字

baidu.com
sina.com
删除线tencent.com
删除线

带下划线文本

29^th^ => 29<sup>th</sup>
H20 => H<sub>2</sub>O
==marked== => <mark>inserted</mark>
++inserted++ => <ins>inserted</ins>

使用 Markdown^1可以效率的书写文档, 直接转换成 HTML[^2], 你可以使用 Leanote^Le 编辑器进行书写。

[^2]:HyperText Markup Language 超文本标记语言

2.链接

带链接的文字新浪新闻

直接链接https://news.sina.com.cn/

链接也可以用变量来代替,文档末尾附带变量地址:
这个链接用1作为网址变量baidu
这个链接用markdown作为网址变量Markdown
然后文档的结尾为变量赋值(网址)

3.代码块

$ hexo new "My New Post"
$ hexo generate
print('Markdown')
def test():
    print('Markdown test!')
$(document).read(function(){
    alert('Markdown');
});

文中使用print()函数

codeblock使用参数[title] [lang:language] [url] [link text] [additional options]

code snippet
[rectangle setX: 10 y: 10 width: 20 height: 20];
Array.map
array.map(callback[, thisArg])
_.compactUnderscore.js
_.compact([0, 1, false, 2, '', 3]); => [1, 2, 3]

4.分割线






5.列表

基本使用

  • 第一项
  • 第二项
  • 第三项
  • 第一项
  • 第二项
  • 第三项
  • 第一项
  • 第二项
  • 第三项
  1. 第一项
  2. 第二项
  3. 第三项

嵌套使用

  1. 第一项:
    • 第一项嵌套的第一个元素
    • 第一项嵌套的第二个元素
  2. 第二项:
    • 第二项嵌套的第一个元素
    • 第二项嵌套的第二个元素

6.区块

markdown
基础
区块引用

markdown

基础

区块引用

7.tag note

(without define class style)

Primary Header

Welcome to Hexo!

Info Header

Welcome to Hexo!

Success Header

Welcome to Hexo!

Warning Header

Welcome to Hexo!

Danger Header

Welcome to Hexo!

No icon note

Note without icon: note info no-icon

This is a summary

Details and summary (No icon) Note with summary: note info no-icon This is a summary

Codeblock in note code block in note tag code block in note tag code block in note tag

Table in Note

1 2
3 4
5 6
7 8

8.表格

表头1 表头2
单元格11 单元格12
单元格21 单元格22

左对齐 居中对齐 右对齐
单元格11 单元格12 单元格13
单元格21 单元格22 单元格23

学号 姓名 分数
小明 75
小红 79
小陆 92

9.checkbox

  • item 1
    • item 1-1
    • item 1-2
    • item 1-3
    • item 1-4
  • item 2
    • item 2-1
    • item 2-2
    • item 2-3
    • item 2-4

10.emoji

😄😏

11.按钮

Button with text & title

Text Text Text & Title

Button with icon

Button with text & icon

Text & Icon (buggy) Text & Icon (fixed width)

Button inside text
Lorem Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

12.HTML元素

值班人员 星期一 星期二 星期三
李强 张明 王平

13.公式

$$
E=mc^2
$$

$ \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt,. $

$$\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt,.$$

$$
\left{
\begin{array}{c}
a_1x+b_1y+c_1z=d_1 \
a_2x+b_2y+c_2z=d_2 \
a_3x+b_3y+c_3z=d_3
\end{array}
\right.
$$

14.图片

知乎图标


百度图标


本地头像


加载动图

插入视频

插入PDF


文章作者: Johnathon
版权声明: 本博客所有文章除特別声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 Johnathon !
  目录