博客标签

标签是Hexo提供的一种快速生成特定内容的方式。

Hexo官方语法

引用块

引用块的作用是在文章中插入引言,可包含作者,来源和标题

语法

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

效果:

千万不要跟丈母娘打麻将。

千万不要跟丈母娘打麻将。

中国合伙人电影

代码块

在文章中插入代码

语法

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

例如

1
2
3
4
5
6
7
8
{% codeblock lang:python %}
def p(n):
for x in range(n):
if x % 3 == 0:
print(0)
else:
print(1)
{% endcodeblock %}

效果

1
2
3
4
5
6
def p(n):
for x in range(n):
if x % 3 == 0:
print(0)
else:
print(1)

iframe

在文章插入iframe

语法

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

例如

1
{% iframe https://hexo.io 100% 400 %}

效果

Image

在文章中插入图片

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

例如

1
{% img class1 class2 /images/1.jpeg 300 400 标题 描述 %}

效果


next主题提供的标签

文本居中的引用

使用方式

  • HTML方式:添加 class=”blockquote-center” 即可。
  • 标签方式:使用 centerquote 或者 简写 cq。
1
2
3
4
5
6
7
8
9
<!-- HTML方式: 直接在 Markdown 文件中编写 HTML 来调用 -->
<!-- 其中 class="blockquote-center" 是必须的 -->
<blockquote class="blockquote-center">blah blah blah</blockquote>
<!-- 标签 方式,要求版本在0.4.5或以上 -->
{% centerquote %}blah blah blah{% endcenterquote %}
<!-- 标签别名 -->
{% cq %} blah blah blah {% endcq %}

效果

不以结婚为目的de恋爱都是耍流氓

毛主席

突破容器宽度限制的图片

使用方式

  • HTML方式:使用这种方式时,为 img 添加属性 class=”full-image”即可。
  • 标签方式:使用 fullimage 或者 简写 fi, 并传递图片地址、 alt 和 title 属性即可。 属性之间以逗号分隔。
1
2
3
4
5
6
7
8
9
<!-- HTML方式: 直接在 Markdown 文件中编写 HTML 来调用 -->
<!-- 其中 class="full-image" 是必须的 -->
<img src="/image-url" class="full-image" />
<!-- 标签 方式,要求版本在0.4.5或以上 -->
{% fullimage /image-url, alt, title %}
<!-- 别名 -->
{% fi /image-url, alt, title %}

效果

0%