VLOOK™ 是针对 Typora(跨平台 Markdown 编辑器)的主题包增强插件(针对导出的 HTML 文件),旨在与众 Markdown 粉共创 Markdown 的自动化排版 2.0 ,在保持 Markdown 简洁性的基础上,让编辑、阅读 Markdown 文档更实用,也更愉悦。

VLOOK™ 属于开源软件(遵从MIT License),也是 OSCHINA 开源中国 推荐的国产开源产品、Typora 的首个增强插件。

这个「Markdown 新看(wán)法系列」将会通过一系列的小话题小篇幅来给各种 Markdown 粉分享使用 Typora + VLOOK 在文档排版、内容导航、演示辅助、交互体验等方面全新看玩和玩法~

今日份的小话题:
Markdown 图片魔法系列 3:图片缩放的新方式

之前介绍过图片魔法 1:图片旋转 / 反转 / 滤镜图片魔法 2:图文混排新玩法,这次为 Markdown 粉带来更常用使用的「图片缩放」的魔法~

Markdown 语法是没有针对图片大小缩放的支持,目前也有一些 Markdown 的编辑会提供对图片的缩放支持,一般是会转换为 <img> 标签来实现~

今天介大家分享在 Typora 编辑器中如何使用 VLOOK 主题的特性,用更简洁优雅的方式实现多种不同的图片缩放~

1 、按「宽度」设置为指定的百分比(%)

只需要在 Markdown 标准的图片地址后添加即可,如要将图片缩放为页面宽度的 80%:

![图片](xxx.pn*#80%)

VLOOK 主题提供了 20%、40%、60%、80% 共 4 档选择

是不是非常的直观和简洁~

2 、按「宽度」设置为指定的像素值( px )

同样地,只需要在 Markdown 标准的图片地址后添加即可,如要将图片缩放为 400 个像素宽度:

![图片](xxx.png#400w)

VLOOK 主题提供了 200w 、400w 、600w 、800w 共 4 档选择

也是非常的直观、易理解~

3 、按「高度」设置为指定的像素值( px )

同样的配方,只需要在 Markdown 标准的图片地址后添加即可,如要将图片缩放为 200 个像素高度:

![图片](xxx.png#200h)

VLOOK 主题提供了 200h 、400h 、600h 、800h 共 4 档选择

补充说明:

以上三种设置图片缩放后,图片是会按原图等比例缩放的。

如果希望单独设置图片的高度、宽度,可以同时添加以上提到的「图片缩放魔法」。


好了~今天的新看(wán)法小专题暂收笔于此,如果想自己上手玩玩,或了解更多关于 VLOOK™ 的内容,以下入口自行选择:

举报· 104 次点击
登录 注册 站外分享
快来抢沙发
0 条回复  
返回顶部