整理一下markdown语法和hexo标签插件的笔记

区别

  • Markdown是什么?

    • Markdown是一种轻量级标记语言,它以纯文本形式(易读、易写、易更改)编写文档,并最终以HTML格式发布。
    • Markdown也可以理解为将以MARKDOWN语法编写的语言转换成HTML内容的工具。
  • 什么是 Hexo?

    • Hexo 是一个快速、简洁且高效的博客框架。
    • Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
    • hexo标签插件可以实现部分markdown语法

引用

在文章中插入引言,可包含作者、来源和标题。

markdown

语法

1
2
3
> 区块引用
>> 嵌套引用
>>> ...

示例

区块引用

嵌套引用

注意点:

引用一个段落时可以在首行加>,空行自动结束

hexo

语法

1
2
3
{% blockquote [author[, source]] [link] [source_link_title] %}
内容
{% endblockquote %}

示例

没有提供参数,则只输出普通的 blockquote

1
2
3
{% blockquote %}
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque hendrerit lacus ut purus iaculis feugiat. Sed nec tempor elit, quis aliquam neque. Curabitur sed diam eget dolor fermentum semper at eu lorem.
{% endblockquote %}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque hendrerit lacus ut purus iaculis feugiat. Sed nec tempor elit, quis aliquam neque. Curabitur sed diam eget dolor fermentum semper at eu lorem.

引用书上的句子

1
2
3
{% blockquote David Levithan, Wide Awake %}
Do not just seek happiness for yourself. Seek happiness for all. Through kindness. Through mercy.
{% endblockquote %}

Do not just seek happiness for yourself. Seek happiness for all. Through kindness. Through mercy.

David LevithanWide Awake

引用 Twitter

1
2
3
{% blockquote @DevDocs https://twitter.com/devdocs/status/356095192085962752 %}
NEW: DevDocs now comes with syntax highlighting. http://devdocs.io
{% endblockquote %}

NEW: DevDocs now comes with syntax highlighting. http://devdocs.io

引用网络上的文章

1
2
3
{% blockquote Seth Godin http://sethgodin.typepad.com/seths_blog/2009/07/welcome-to-island-marketing.html Welcome to Island Marketing %}
Every interaction is both precious and an opportunity to delight.
{% endblockquote %}

Every interaction is both precious and an opportunity to delight.

小结

  • 若只要简单引用,markdown更方便。
  • 复杂引用更适合使用hexo插件

代码块

markdown

语法

···[language] [title] [url] [link text]
code snippet
···

示例

···py title https://baidu.com link-text
import requests,re
r = requests.post(‘http://120.24.86.145:9001/test/',data={'clicks':1000000})
a = re.findall(r’flag{(.*)}’, r.text)
print(‘flag{‘ + %a[0] + ‘}’)
···

titlelink-text
1
2
3
4
import requests,re
r = requests.post('http://120.24.86.145:9001/test/',data={'clicks':1000000})
a = re.findall(r'flag{(.*)}', r.text)
print('flag{' + %a[0] + '}')

hexo

语法

1
2
3
{% codeblock [title] [lang:language] [url] [link text] %}
code snippet
{% endcodeblock %}

示例

1
2
3
4
5
6
{% codeblock title lang:py https://baidu.com link text %}
import requests,re
r = requests.post('http://120.24.86.145:9001/test/',data={'clicks':1000000})
a = re.findall(r'flag{(.*)}', r.text)
print('flag{' + %a[0] + '}')
{% endcodeblock %}
titlelink text
1
2
3
4
import requests,re
r = requests.post('http://120.24.86.145:9001/test/',data={'clicks':1000000})
a = re.findall(r'flag{(.*)}', r.text)
print('flag{' + %a[0] + '}')

小结

两者功能相同,就简单而言,我选择markdown语法
顺带提一下今天写博客发现的bug下

1
2
3
print('flag{%s}'%a[0]) //这是上面代码原来的部分代码,如果没有用反引号引用代码的方式将他包在里面,会使得hexo崩溃
{% //排除之后是这玩意会使得hexo崩溃
{# //测试发现这样也行

崩溃信息

hexo插件其他功能

Pull Quote

在文章中插入 Pull quote。

1
2
3
{% pullquote [class] %}
content
{% endpullquote %}

content

jsFiddle

在文章中嵌入 jsFiddle。

1
{% jsfiddle shorttag [tabs] [skin] [width] [height] %}

Gist

在文章中嵌入 Gist。

1
{% gist gist_id [filename] %}

iframe

在文章中插入 iframe。

1
{% iframe url [width] [height] %}

Image

在文章中插入指定大小的图片。

1
{% img [class names] /path/to/image [width] [height] [title text [alt text]] %}

在文章中插入链接,并自动给外部链接添加 target=”_blank” 属性。

1
{% link text url [external] [title] %}

Include Code

插入 source 文件夹内的代码文件。

1
{% include_code [title] [lang:language] path/to/file %}

Youtube

在文章中插入 Youtube 视频。

1
{% youtube video_id %}

Vimeo

在文章中插入 Vimeo 视频。

1
{% vimeo video_id %}

引用文章

引用其他文章的链接。

1
2
{% post_path slug %}
{% post_link slug [title] %}

引用资源

引用文章的资源。

1
2
3
{% asset_path slug %}
{% asset_img slug [title] %}
{% asset_link slug [title] %}

Raw

如果您想在文章中插入 Swig 标签,可以尝试使用 Raw 标签,以免发生解析异常。

1
2
3
{% raw %}
content
{% endraw %}

markdown其他语法

列表

无序列表

1
2
- 1
- 2
  • 1
  • 2

有序列表

1
2
1. 一
2. 二

代办列表

表示列表是否勾选状态(注意:[ ] 前后都要有空格)

1
2
- [ ] 不勾选
- [x] 勾选
  • 不勾选
  • 勾选

删除线

1
~~删除线~~

强调

斜体

1
2
*YuanLiChenAi*
_YuanLiChenAi_

YuanLiChenAi
YuanLiChenAi

加粗

1
2
**YuanLiChenAi**
__YuanLiChenAi__

YuanLiChenAi
YuanLiChenAi

加粗斜体

1
2
***YuanLiChenAi***
___YuanLiChenAi___

YuanLiChenAi
YuanLiChenAi

表格

1
2
3
4
First Header | Second Header | Third Header
------------ | ------------- | ------------
Content Cell | Content Cell | Content Cell
Content Cell | Content Cell | Content Cell
First Header Second Header Third Header
Content Cell Content Cell Content Cell
Content Cell Content Cell Content Cell

或者也可以让表格两边内容对齐,中间内容居中,例如:

1
2
3
4
First Header | Second Header | Third Header
:----------- | :-----------: | -----------:
Left | Center | Right
Left | Center | Right
First Header Second Header Third Header
Left Center Right
Left Center Right

上标&下标

1
2
3
4
5
a<sup>2</sup>
H<sub>2</sub>O CO<sub>2</sub>
# 使用数学公式
$2^2$
$H_2$

a2
H2O CO2
$2^2$
$H_2$