V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Daring Fireball: Markdown
CommonMark
MacDown Open Source Markdown Editor
Marked
GitHub Flavored Markdown
MaxChow
V2EX  ›  Markdown

Markdown 图片魔法系列 3:图片缩放的新方式~优雅好用的 Typora 主题与增强插件 VLOOK™

  •  
  •   MaxChow · 1 天前 · 607 次点击

    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™ 的内容,以下入口自行选择:

    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1172 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 17ms · UTC 18:16 · PVG 02:16 · LAX 10:16 · JFK 13:16
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.