至今使用的插件列表

发表于 | 分类于 ， | | 阅读次数 |

先播一段程序小猴奚有米的视频，嘿<(￣︶￣)↗[GO!]

A monkey hitting keys at random on a typewriter keyboard for an infinite amount of time will almost surely type a given text, such as the complete works of William Shakespeare.


七牛图床

下载安装

1
npm install hexo-qiniu-sync --save

修改_config.yml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
qiniu:
  offline: false
  sync: true
  bucket: edxi
  access_key: AccessKey
  secret_key: SecretKey
  dirPrefix: static
  urlPrefix: http://ovdqer2rp.bkt.clouddn.com/static
  #up_host: http://upload.qiniu.com
  local_dir: static
  update_exist: true
  image:
    folder: images
    extend:
  js:
    folder: js
  css:
    folder: css

图片用PNGGauntlet无损压缩一下。然后放在hexo站点目录的static/image下（建议按blog名再建个目录，比如hexosite/static/image/blogname/cover.png），hexo g的时候会同步图片。
使用方式：

1
{% qnimg blogname/cover.png %}

asciinema录屏

下载安装

1
npm install --save hexo-tag-asciinema

先按照asciinema官方文档完成录屏。
录制完成后记录video_id，比如下面这段录制的video_id就是IGFqHfw0zbe2VckMU9niLY0mB

1
2
3
4
5
6
7
8
9
10
# asciinema rec
~ Asciicast recording started.
~ Hit Ctrl-D or type "exit" to finish.
# [root@ansible01 _posts]# echo Hello xiyoumi
Hello xiyoumi
[root@ansible01 _posts]# exit
~ Asciicast recording finished.
~ Press <Enter> to upload, <Ctrl-C> to cancel.
https://asciinema.org/a/IGFqHfw0zbe2VckMU9niLY0mB

引用这个video就是

1
{% asciinema video_id %}

flowchart流程图

下载安装

1
npm install --save hexo-filter-flowchart

配置_config.yml添加下面这段：

1
2
3
4
flowchart:
  # raphael:   # optional, the source url of raphael.js
  # flowchart: # optional, the source url of flowchart.js
  options: # options used for `drawSVG`

使用的时候直接按照flowchar.js官网的语法写好流程就行

添加脚注

下载安装：

1
npm install hexo-reference --save

使用方法就直接参考github上的README.md吧，这里不再赘述。

Tag Plugins

这篇博客开头的youku是iframe，开头的猴子引言是blockquote，两者使用的是Hexo默认安装的Tag Plugin
Tag的使用方法如下：

  • iframe
    Tag ported from Octopressiframe help
    1
    <iframe src="url" width="[width][height]" height="300" frameborder="0" allowfullscreen></iframe>

  • blockquote

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

  • 另外，上面的iframe使用方法用codeblock实现的，哼哼( •̀ ω •́ )✧

关于猴子~

最后，关于猴子，如果有兴趣研究的话~
https://en.wikipedia.org/wiki/Infinite_monkey_theorem

欣赏不如打赏！