VLOOK是针对 Typora(跨平台 Markdown 编辑器)的主题包增强插件(针对导出的 HTML 文件),旨在与众 Markdown 粉共创 Markdown 的自动化排版 2.0,在保持 Markdown 简洁性的基础上,让编辑、阅读 Markdown 文档更实用,也更愉悦。
VLOOK™ 属于开源软件(遵从MIT License),也是 OSCHINA 开源中国 推荐的国产开源产品、Typora 的首个增强插件。

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

今日份的小话题:
明信片

在 Markdown 文档中的图片排版非常的单一,没有体现出网络发布的优势。

现在通过 VLOOK 可以让单调的图文排版更上一层楼,让你的图片和文字可以瞬间灵动了起来~

我们先来看看最终发布后的静态和动态的效果~

一、静态的图文同时展示的明信片效果如下:

 

 

二、动态的明信片图文交互后展示的效果如下:

 

动图封面

 

 

这种效果操作或设置起来是不是很复杂,当然不!

同样借助之前介绍过的 VLOOK 的「图片魔法」的扩展能力,非常优雅高效就可以完成设置了~

  • 对于第 1 种图文同时展示,只需在图片地址后添加 #cardd 就可以了~,例如:(xxx.jpg#cardd)
  • 对于第 2 种图文交互展示,只需在图片地址后添加 #card 就可以了~,例如:(xxx.jpg#card)

扩展玩法:

还可以结合之前分享过的 「引用块分栏」,满足多明信片的展示,例如这样的效果:

 

动图封面

 

 

 

 


如果想回看之前给大家介绍过的「图片魔法」系列,从以下去找找看:

图片魔法 1:图片旋转 / 反转 / 滤镜

图片魔法 2:图文混排新玩法

图片魔法 3:图文缩放的新方式

图片魔法 4:图片剪影(图片轮廓 / 颜色替换)


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