.

Hexo の Plugin で出来ること (Hexo3)

Instagram の埋め込み

instagram を引用するため

  • plugin: hexo-tag-instagram

インストール

1
$ npm install hexo-tag-instagram --save

使い方

1
{% instagram true 50% https://www.instagram.com/p/BsOGulcndj-/ %}
  • true: captioned
  • 50%: width

と書くと以下のように表示されます

(もっとも いいね された投稿のようです. world_record_egg . こちら記録を狙っての投稿のよう)

tweet の埋め込み

tweet を引用するため

  • plugin: hexo-tag-twitter

インストール

1
$ npm install hexo-tag-twitter --save

使い方

1
{% twitter https://twitter.com/chadwickboseman/status/1299530165463199747 %}

と書くと以下のように表示されます

(もっとも いいね されたツイートのようです. Chadwick Boseman が大腸がんで亡くなった後の関係者によるツイート)

Google Photo の画像の埋め込み

画像を準備して埋め込むことが少々手間なので, スマホで写真を撮り, Google Photo にアップロードし, その URL を使用すればよいのは便利

  • plugin: hexo-tag-google-photos-album

インストール

1
$ npm install hexo-tag-google-photos-album --save

使い方

_config.yml に以下を追加し

1
2
3
4
5
6
7
8
9
10
11
12
13
googlePhotosAlbum:
descriptionLength: 140
target: _blank
rel: noopener
className: google-photos-album-area
enableDefaultStyle: true
defaultStyle: .
largeSizeThreshold: 768
largeSize: '=s1920-no'
mediumSize: '=s720-no'
smallSize: '=w225-no'
maxPics: 10
generateAlways: false
1
{% googlePhotosAlbum https://photos.app.goo.gl/x7urRFRNGDMJF5R4A %}

と書くと以下のように表示されます

Github のコードの引用

  • plugin: hexo-tag-github-code

インストール

1
$ npm install hexo-tag-github-code --save

使い方

1
{% ghcode https://github.com/pytest-dev/pytest/blob/master/setup.py 1 4 %}
  • 1 -> 開始行番号
  • 4 -> 終了行番号

と書くと以下のように表示されます

setup.pylink
1
2
3
4
from setuptools import setup

if __name__ == "__main__":
setup()

Web上にある画像の挿入

not プラグイン

使い方

1
![An Imgur Image](https://i.imgur.com/ucHPX7L.gif "An Imgur Image")

と書くと以下のように表示されます

An Imgur Image