hexo_img_resize

Hexo 中扩展 Markdown 语法设置图片的大小

Q:Markdown 的原生语法貌似没办法设置图片的大小。

一篇博文给了一个思路：扩展markdown语法

一般做法是：

<img src="/image/test.jpg" width="50%" height="50%">

作者方法：

用 JS 写了一个扩展🐟 -> Here <-🐱。

扩展了 Markdown 的插图语法如下：

1. 可指定像素

   方法是在 URL 后面添加 ?<width>x<height>

   ![指定像素](/image/test.jpg?200x200)

   可以只指定一个参数，图片会等比例缩放。

   ![仅指定width](/image/test.jpg?200x)
   ![仅指定height](/image/test.jpg?x200)

2.可指定缩放比例

​ 方法是在 URL 后面添加 ?<scale>，等比例缩放图片大小至 <scale>%。

![指定比例](/image/test.jpg?40)

在模板中为页面添加 js 脚本。

在 theme/huno/layout/layout.ejs 中 </body> 前添加了如下语句：

<script src="<%- config.root %>js/hexo_resize_image.js"></script>

---

​ 🐟博文链接🐱