跳转到内容
View in the app

A better way to browse. Learn more.

彼岸论坛

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.
欢迎抵达彼岸 彼岸花开 此处谁在 -彼岸论坛

[Markdown] Markdown 的引用块可以更出片(样式&颜色)~优雅好用的 Typora 主题与增强插件 VLOOK™

发表于

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

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

今日份的小话题: Markdown 的引用块可以更出片(样式&颜色)

上次为各路 Markdown 粉介绍过针对文本的《你的文本颜色可以更出彩》、表格的《表格也可以很出彩》,

解决了一波用户对 Markdown 文档颜色排版这方面的诉求~

今天再再再跟大家分享这个话题的延伸,使用 Typora + VLOOK 后,除文本、表格外,现在对「引用块」也可以设置样式风格颜色了~

来看以下几个栗子~分别是设置为「线框、色块」样式,以及指定了不同的颜色了解 VLOOK 预置色号)的效果:

img

添加图片注释,不超过 140 字(可选)

img

添加图片注释,不超过 140 字(可选)

img

添加图片注释,不超过 140 字(可选)

要如何指定这些样式和颜色呢?

仍然是 Markdown 和 VLOOK 那熟悉的配方~

只需要在引用块内中独占一行(建议在最后一行),在该行内只添加对应的色号,格式为: ~色号~ ,如:红色则为 _~Rd~_ 即可~

默认是「线框」样式。若要指定为「色块」样式,使用「强调」风格的预置色号即可(即在 色号 后添加英文的感叹号「**!**」,如 _~Rd!~_

与之前介绍过的《「备忘与警示类信息」的排版怎么玩更高级》一样,引用块内的「文本链接、按钮、高亮」的样式都适配为对应的色号~

img

添加图片注释,不超过 140 字(可选)

Q:什么是「色号」? A:是 VLOOK 通过类似元素周期表简写的方式对常见颜色的代号,VLOOK 的预置色卡如下:

img

添加图片注释,不超过 140 字(可选)

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

Featured Replies

No posts to show

创建帐户或登录来提出意见

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.