© 2021 WebHive

Учим hexo показывать картинки

Не сразу понял как вставлять картинки в hexo. Процесс этот не описан в документации и не вполне очевиден. Подозреваю, что штатных средств для этого просто нет. Но тем не менее выход из ситуации есть.

Как оказалось есть такой плугин hexo-local-image. Почему-то изначально я неверно понял его предназначение и считал, что он предназначен для вставки картинок размещённых на github. Думаю это произошло потому что в описании было сказано embed an image stored on github pages. Истина вскрылась только после изучения нехитрых исходников этого плугина.

Итак картинки:

Установка

Ставим его как обычный node.js модуль

1
$ npm install hexo-local-image --save

Подключаем его в _config.yml

1
2
plugins:
- hexo-local-image

Создаём в папке source папку images для картинок.

Использование

1
2
\{\% limg imageName [class1,class2] [JSONImageAttibutes] %}
\{\% limage imageName [class1,class2] [JSONImageAttibutes] %}

В общем ничего хитрого.

Получился фактически перевод странички плугина на github.

Комментарии