博客写作时一些格式的用法

发表于 分类于 Waline： 阅读次数： 本文字数： 4.1k 阅读时长 ≈ 4 分钟

安装了一些稀奇古怪的插件，在这里记录一下用法免得自己忘了x

插件

Steam游戏标签

可以在文章中插入steam游戏标签
用法：

1
{% steamgame 1057090 %}  //就拿Ori举例了，数字是steam id

也可以自己写标签中的简介：

1
{% steamgame 1057090 "这游戏我至今没能通关，就一直在一直在迷路和死。" %}

还可以连续插入不止一个游戏：

1
2
3
4
{% steamgames %}
261570
1057090
{% endsteamgames %}

Spoiler：隐藏文字

1
{% spoiler 这是一条被隐去的信息 %}  <br>
这是一条被隐去的信息 
1
{% spoiler style:box 然后这个形式的隐去也蛮有意思的 %}
然后这个形式的隐去也蛮有意思的

上标/参考文献？

格式如图（因为插件的bug，没法直接放进代码框里）

  1. 这是第一条消息[1]
  2. 在这里放一个参考[2]
  3. 参考内容也可以有换行[3]
  4. 也可以在参考里加上md语法（可惜悬浮窗口里不会渲染）[4]

插件其实就这俩，但是hexo自带的一些格式也蛮好玩的，这里顺带着记录一下吧。

Hexo格式

引用框

可以用来引用一些名人名言（？）

1
2
3
{% blockquote [作者[, 来源]] [链接] [链接的名称] %}
内容
{% endblockquote %}

下面举些例子：

  1. 只有内容的一句引用
1
2
3
{% blockquote %}
多米诺好强啊！
{% endblockquote %}

多米诺好强啊！

  1. 从一本书中引用
1
2
3
{% blockquote 多米诺, 多米诺讲故事 %}
多米诺好强啊！
{% endblockquote %}

多米诺好强啊！

多米诺多米诺讲故事
  1. 进行一个微博的引用
1
2
3
{% blockquote @每日经济新闻 https://weibo.com/1649173367/L6SI85MSZ %}
根据相关法律法规，年假可以跨1个年度安排，今年年假可以安排到明年休；确因工作需要不能安排职工休年假的，单位应在征得职工本人同意后，根据职工应休未休假天数，按照该职工日工资收入的300%支付报酬
{% endblockquote %}

根据相关法律法规，年假可以跨1个年度安排，今年年假可以安排到明年休；确因工作需要不能安排职工休年假的，单位应在征得职工本人同意后，根据职工应休未休假天数，按照该职工日工资收入的300%支付报酬

@每日经济新闻weibo.com/1649173367/L6SI85MSZ

代码框

这个就，代码框，蛮多地方用得上的。

1
2
3
{% codeblock [标题] [lang:语言] [链接] [链接显示的文字] [附加参数] %}
这里是代码的内容
{% endcodeblock %}
附加参数 描述 默认值
line_number 显示行号 true
highlight 启用代码高亮 true
first_line 自定义首行的行号 1
mark 把特定的几行高亮，每个值之间用半角逗号,分割，范围用短横线-链接。比如: mark:1,4-7,10 就会高亮第1行，4到7行和第10行。
wrap 把代码块用 ``包裹（这个我没搞太懂） true

下面举些例子：

  1. 只有内容的代码块
只有内容的代码块
1
2
3
{% codeblock %}
alert('Hello World!');
{% endcodeblock %}

显示就是这样：

1
alert('Hello World!');
  1. 定义高亮的语言
定义高亮的语言
1
2
3
{% codeblock lang:objc %}
[rectangle setX: 10 y: 10 width: 20 height: 20];
{% endcodeblock %}

显示是这样（这个是抄Hexo官网文档的代码，其实我不懂objc是什么语言……）

1
[rectangle setX: 10 y: 10 width: 20 height: 20];
  1. 给代码块加个标题
加个标题
1
2
3
{% codeblock Array.map %}
array.map(callback[, thisArg])
{% endcodeblock %}
Array.map
1
array.map(callback[, thisArg])
  1. 给代码块加一个带链接的标题
加个带链接的标题
1
2
3
4
{% codeblock _.compact http://underscorejs.org/#compact Underscore.js %}
_.compact([0, 1, false, 2, '', 3]);
=> [1, 2, 3]
{% endcodeblock %}
_.compactUnderscore.js
1
2
_.compact([0, 1, false, 2, '', 3]);
=> [1, 2, 3]
  1. 代码块的另一种写法
另一种写法
1
``` [语言] [标题] [链接] [关联文字] 代码内容 ```

比如这样

1
2
```markdown 今天吃啥 https://blog.dominoh.com 多米诺好强啊
**多米诺好饿啊**```

最后会显示这样：

今天吃啥多米诺好强啊
1
**多米诺好饿啊**

站内文章链接

最后再搬一个站内文章链接

站内文章引用
1
{% post_link 这里填文章的文件名，不需要后缀 %}

比如说

1
{% post_link 传统艺能 %}

效果就是：

传统艺能

剩下的不想搬了，感觉用不太到，有兴趣的可以去Hexo的文档看看。

Hexo-Next格式

Next主题特供（？）了一些有趣的格式，这里记录几个可能用得上的：

按钮

用法
1
{% button url, text, icon [class], [title] %}
  • url :URL绝对地址，按钮指向的链接
  • text : 按钮上的文字，如果不选图标的话就要写
  • icon : Font Awesome 的图标名，如果不选文字就要填
  • [class] : 可选参数，影响的是图标的大小 Font Awesome class(es): fa-fw | fa-lg | fa-2x | fa-3x | fa-4x | fa-5x
  • [title] : 可选参数，鼠标经过时的悬浮气泡内容

举个例子：

{% button https://blog.dominoh.com, 首页, , 点我回到首页 %}

首页

或者用图标：

{% button https://blog.dominoh.com, , home, 点我回到首页 %}

或者两个都用：

{% button https://blog.dominoh.com, 首页, home, 点我回到首页 %}

首页

标签

有点像记号笔，格式如下。

1
{% label [class]@text %}
  • [class] : 可选参数，有以下几种选项： default | primary | success | info | warning | danger.
  • 如果没有指定，会用浏览器默认的样式——这在不同的浏览器中显示可能会不同。
  • text : @text前面有没有空格都是一样的
  • 例子：success @text和success@text是一样的。
例子
1
2
3
4
5
Lorem {% label @ipsum %} {% label primary@dolor sit %} amet, consectetur {% label success@adipiscing elit, %} sed {% label info@do eiusmod %} tempor incididunt ut labore et dolore magna aliqua.

Ut enim *{% label warning @ad %}* minim veniam, quis **{% label danger@nostrud %}** exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate ~~{% label default @velit %}~~ <mark>esse</mark> cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

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.

  1. 1.这是第一条消息的参考 ↩
  2. 2.然后后面可以直接在括号里加参考内容 ↩
  3. 3.就像 这样 换好几行 ↩
  4. 4.比如可以 插一个链接 ↩
相关文章