跳转到内容
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 中「备忘与警示类信息」的排版怎么玩更高级

「 GitHub Style Alert 」在文档中,主要用于在提示、备忘或强调关键的信息时使用的排版样式,由对应信息分类的图标、名称、内容等组成。

目前 Typora 已经内置了对 GitHub Style Alert 的支持,VLOOK 的主题和插件也为其提供了适配、优化和扩展。

语法也很简单,就是在 Markdown 的引用块标准语法中,添加对应的信息分类标识即可,如对于备忘类信息:

> [!NOTE]  
> Highlights information that users should take into account, even when skimming.

其他分类标识还有:[!TIP] [!IMPORTANT] [!WARNING] [!CAUTION]

VLOOK 的主题和增强插件,主要提供了以下三个方面的优化:

1 )提供了三种风格,可通过定制主题自由选择

常规风格:

up-b1fe7e6b0a9eeb41342a5c4b7ded6fcd7e6.p

扁平风格:

up-fbae8dbbd48cac3e0963bd92dd06023ced0.p

强调风格:

up-4afd45f25b36939426f4b5e6f8ea82a24ae.p

2 )「文本链接、按钮、高亮」的样式都适配为对应的信息分类的配色

up-4db22212ebd6e70ce95a07379da529a0475.p

up-77a0f921a992f593b0539846241ebbf412f.p

3 )信息分类名称提供多语言的自动适配

支持:中文、英文、俄文、法文、西班牙文、日文、韩文、阿拉伯文

更多 GitHub Style Alert 信详见 Typora 更新说明


好了~今天的小专题暂收笔于此,如果想自己上手玩玩,或了解更多关于 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.