打赏快速入坑快速入坑°文档排版表格图片 • 图标 • 图表分栏 • 引用块标签 • 徽章 • 注音 • 面包屑 • 刮刮卡代码块 • 多媒体 •列表• 任务快速入坑°内容导航快速入坑°演示与出版快速入坑°主题与不杂项°内容标记标签徽章进度条面包屑示例刮刮卡示例_刮刮卡注音上标式注音示例_注音1示例_注音2代码式注音示例_注音 1示例_注音 2°主题模板主题预置模板主题私人定制模板主题字体主题小清新_选用的字体及应用文艺范_选用的字体及应用封面、封底示例_最小化的文档封面内容示例_本文档的封面内容示例_本文档的封底内容Dark Mode °内容导航章节自动编号这是三级章节示例这是四级章节示例这是五级章节示例大纲与索引导航面包屑导航逐章导航逐段导航插图导航示例_长图片、双题注文库导航脚注导航示例°演示与出版°内容助手复制内容插图放大显示表格阅读模式试试点击表格的任意单元格，或让鼠标光标在以下表格行间进行移动表格换行版式画中画°演示辅助聚光灯激光笔Mermaid 图表元素高亮°出版辅助长内容自动折叠自定义欢迎页内容内容失效检查链接内容识别链接内容转换°第三方集成的适配更美观的 MermaidMermaid 图表自动编号与题注Mermaid 样式优化与扩展Mermaid 的流程图Mermaid 的类图Mermaid 的状态图Mermaid 的顺序图更美观的公式段落内混排的公式独占一行的公式块表格内的公式Open Graph Protocol°不杂项Typora 编辑时特性增强插件预置选项插件调校参数方式一：通过 URL 参数指定（多个参数间用「&」进行分隔）方式二：通过 YAML Front Matter 指定（多个参数间用「&」进行分隔）快捷键操作汇总跨平台、动效支持emoji 支持国际化支持延伸内容图片 URL 扩展应用说明基于色轮的配色方案

打赏

若喜欢 VLOOK™ 的话，可以贡献一杯咖啡 :-)

微信支付MaxChow_Gn!

打赏 VLOOK™

感谢打赏支持 VLOOK™ 的客官（部分名单）：

＊丽、一＊秋、＊军、＊鹏、李＊6、＊无、H＊t、＊二、f＊y、＊宇、＊琛、＊辉、＊秋、＊笑、＊豫、l＊a、＊心、整＊9、＊国、＊拉、＊龙、＊应、＊销、＊哦、E＊y、……

快速入坑

VLOOK™ 通过结合 Typora 持续 挖掘和扩展 Markdown 和 CSS 的应用潜力，同时结合了文档的互联网化应用场景～

在 文档排版、内容导航、演示辅助、交互体验_T1T2 等方面提供了一致、简洁、友好的体验。

快速入坑°文档排版

° 文档排版
有了 VLOOK™ 主题及插件的支持，让你对 Markdown 编辑器（暂只支持 Typora）的自动化排版能力有了全新的理解。
S得益于成熟的 Web 浏览器、HTML / CSS、JavaScript 技术，让静态的文档也能与你一起「动」起来。
_Vn!

表格

内容组织
横向 / 纵向合并单元格 ❯❯
自动编号、添加题注 ❯❯
设置重复显示表头 ❯❯
自动适配换行版式 ❯❯
_Vn

行格式
给每个表格进行自动编号、添加题注 ❯❯
给表格的每一行都进行自动编号 ❯❯
对多个行进行分组、分类，并能自动折叠 ❯❯
在表格中指示当前行 ❯❯
_Vn

列格式
设置为加粗、高亮、下划线、斜体 ❯❯
设置为数值、百分比、货币 ❯❯
设置为复选框 ❯❯
_Vn

图片 • 图标 • 图表

图片与图表
自动编号、添加题注 ❯❯
对 Mermaid 的支持 ❯❯
_Vn

版式
调整对齐方式 ❯❯
设置以小图标方式显示 ❯❯
设置为普通图片，不以插图的形式显示 ❯❯
图片边缘能留白 ❯❯
一行多图自动换行后样式适配 ❯❯
_Vn

外观
在高分屏下自动适配显示高清的版本（2x、3x） ❯❯
自动适配 Dark Mode ❯❯
让图标的颜色与周围的元素更搭更和谐 ❯❯
为图片添加工程风的网格背景 ❯❯
_Vn

分栏 • 引用块

对内容分级、分栏/看板、分类展示
为引用块添加小标题 ❯❯
以分栏/看板方式组织内容 ❯❯
将内容以分级、分类折叠的方式进行组 ❯❯
适配优化 GitHub Style Alert 样式 ❯❯
_Vn

引用块多样化的自动排版
引用块内嵌普通引用块 ❯❯
引用块内嵌分栏引用块 ❯❯
列表内嵌引用块 ❯❯
_Vn

标签 • 徽章 • 注音 • 面包屑 • 刮刮卡

标记、突出关键内容
添加标签突出关键字信息 ❯❯
将多项内容以徽章形式组织 ❯❯
为面包屑内容提供个性样式 ❯❯
_Vn

注音、拼音、刮刮卡
给生僻^pì字，或东亚小语种添加注音 ❯❯
制作培训、猜迷互动类文档时，希望将答案先隐藏 ❯❯
_Vn

代码块 • 多媒体 •列表• 任务

代码块
给每个代码块进行自动编号、添加题注 ❯❯
代码块高亮当前行、一键复制内容 ❯❯
_Vn

音频、视频
为文档添加音频内容 ❯❯
为文档添加视频内容 ❯❯
_Vn

列表、任务清单
列表自动编号统一符号、着色 ❯❯
任务清单的样式针对引用块着色、主题配套优化 ❯❯
_Vn

快速入坑°内容导航

° 内容导航
VLOOK™ 提供了对文档内容、章节、插图、表格、多媒体提供了多种形式的导航、快速定位和内容组织的工具，全面改善和提高发布的 HTML 文件的浏览体验和效率。
敬请你根据需要和喜好随时、轻松享用～
_Bu!

° 大纲与索引导航
适用于按目录、分类内容索引（目录/插图/表格/多媒体/代码块）进行全文档跨章节的快速定位 ❯❯
_Bu

° 逐章导航
适用于前后章节相关度高，按章节顺序一章一章进行浏览 ❯❯
_Bu

° 逐段导航
适用于文档评审或演示，按段落一段一段进行聚焦式浏览 ❯❯
_Bu

° 插图导航
适用于按图索骥，快速浏览文档中的插图，以及快速定位到文档中对应的位置 ❯❯
_Bu

° 文库导航
适用于将相关话题、内容的文档简介、链接，通过一个独立页面进行快速浏览和跳转 ❯❯
_Bu

° 脚注导航
直接在当面位置进行显示脚注，避免来回跳转 ❯❯
_Bu

快速入坑°演示与出版

° 演示与出版
VLOOK™ 独创性地为 Markdown 导出的 HTML 提供了强大的演示与出版工具，让 Typora + VLOOK 成为更具生产力的 Markdown 文档解决方案。
非常适合现场和远程的演示辅助工具，敬请为你的 Markdown 开启 Turbo 模式～
_Og!

内容助手
° 复制内容
支持图片、代码、代码块内容的一键复制，并支持「复制为 Markdown 格式」 ❯❯
_Og
° 插图放大显示
支持将插图一键放大显示，及前后浏览 ❯❯
_Og
° 表格阅读模式
针对表格内容，特别是行、列关联性强的表格，快速识别纵横关联的单元格序列 ❯❯
_Og
° 画中画
插图/表格/代码块一键开启「画中画」浮动显示，方便在文档相关内容间对比 ❯❯
_Og
_Gy!

演示辅助
° 激光笔
对文档内容进行精确指向 ❯❯
_Og
° 聚光灯
对屏幕内容的局部进行视觉聚焦 ❯❯
_Og
° 图表元素高亮
支持鼠标对 Mermaid 图元悬停高亮显示 ❯❯
_Og
_Gy!

出版辅助
° 长内容自动折叠
插图、表格、代码内容过高的情况下会自动进行折叠 ❯❯
_Og
° 章节标题自动编号
对文档内的章节标题进行自动分级编号 ❯❯
_Og
° 自定义欢迎页内容
对文档在加载过程中显示欢迎语内容 ❯❯
_Og
° 内容失效检查
对文档的图片、音频、视频、页内链接等内容进行检查并提示 ❯❯
_Og
° 链接内容识别
自动识别并提示文档内的链接类型，并针对外链进行了优化 ❯❯
_Og
° 链接内容转换
自动 md 链接、外部链接获得更好友的体验 ❯❯
_Og
_Gy!

快速入坑°主题与不杂项

° 主题与不杂项
「人类从来都是视觉动物，自己或他人在阅读时，让眼睛感受愉悦和美好，是一种美德、一种力量、一种信仰。」
　　　———— MAX°孟兆
_Lm!

模板主题、字体主题
为不同类型的文档设置不同的「模板主题」 ❯❯
为文档选择不同的「字体主题」 ❯❯
Dark Mode is NOW ❯❯
为文档添加「封面、封底」 ❯❯
更美观的公式 ❯❯
_Lm

第三方集成的适配
对于主流的脚本化图表 Mermaid_RdRo：
支持插图化的题注、自动编号特性 ❯❯
结合 VLOOK 针对提供更适配、更美观的样式 ❯❯
数字公式：
结合 VLOOK 针对提供更适配、更美观的样式 ❯❯
_Lm

不「杂」项
支持 Typora 编辑时的特性增强 ❯❯
预置插件参数，自定义你的文档表现 ❯❯
支持跨平台、动效（如：毛玻璃）
支持 emoji、国际化
支持快捷键操作 ❯❯
_Lm

°内容标记

新语法
将需要设置为标签的文本用代码符号 ` 包裹，并设置为「斜体」
对应的 Markdown 格式语法为：*`这是标签`*
（支持在标签后添加预置色号来指定颜色，不指定则默认为 T2 ）
如何将「旧语法」批量更新为「新语法」？
使用 Typora 的「查找与替换」，若涉及文件较多则推荐 UltraEdit 这类支持从文件中替换功能的工具：
在查找的内容中输入 `#(.*?)#` ，并启用 正则表达式 选项
在替换的内容中输入 *`$1`*
执行查找并替换的操作即可。

旧语法 即将废弃
语法：`#标签#`
标签：标签内容，前后由 # 符号包裹
支持在标签后添加预置色号来指定标签颜色，不指定则默认为 T2
_Gy!

Tip

若须修改默认色号，可通过「插件调校参数」tag 指定。

标签（常规风格）预置色号及示例

预置色号	应用场景建议	渲染效果
Wn	警告、危险、关键事项、删除	`Wn 常规风格`_Wn
Rd	:	`Rd 常规风格`_Rd
Og	提醒、注意、修复	`Og 常规风格`_Og
Ye	关注、优化、备忘、说明	`Ye 常规风格`_Ye
Lm	提示、参考、新增	`Lm 常规风格`_Lm
Gn	:	`Gn 常规风格`_Gn
Mn	:	`Mn 常规风格`_Mn
Ol	:	`Ol 常规风格`_Ol
Aq	引用块、公告	`Aq 常规风格`_Aq
Cy	:	`Cy 常规风格`_Cy
Bu	信息、资讯	`Bu 常规风格`_Bu
Se	:	`Se 常规风格`_Se
La	:	`La 常规风格`_La
Vn	:	`Vn 常规风格`_Vn
Pu	延伸、扩展、保留、备用	`Pu 常规风格`_Pu
Ro	年轻、个性、女性	`Ro 常规风格`_Ro
Pk	:	`Pk 常规风格`_Pk
Gd	VIP、金融、工程	`Gd 常规风格`_Gd
Bn	:	`Bn 常规风格`_Bn
Gy	无效、暂缓、停用、结束	`Gy 常规风格`_Gy
Bk	黑白、高对比	`Bk 常规风格`_Bk
T1	当前 VLOOK™ 主题的主色	`T1 常规风格`_T1
T2	当前 VLOOK™ 主题的辅助色	`T2 常规风格`_T2

标签（强调风格）预置色号及示例

预置色号	应用场景建议	渲染效果
Wn!	警告、危险、关键事项、删除	`Wn 强调风格`_Wn! `WnMn 强调渐变`_WnMn!
Rd!	:	`Rd 强调风格`_Rd! `RdGn 强调渐变`_RdGn!
Og!	提醒、注意、修复	`Og 强调风格`_Og! `OgCy 强调渐变`_OgCy!
Ye!	关注、优化、备忘、说明	`Ye 强调风格`_Ye! `YeGd 强调渐变`_YeGd!
Lm!	提示、参考、新增	`Lm 强调风格`_Lm! `LmAq 强调渐变`_LmAq!
Gn!	:	`Gn 强调风格`_Gn! `GnRd 强调渐变`_GnRd!
Mn!	:	`Mn 强调风格`_Mn! `MnWn 强调渐变`_MnWn!
Ol!	:	`Ol 强调风格`_Ol! `OlCy 强调渐变`_OlCy!
Aq!	引用块、公告	`Aq 强调风格`_Aq! `AqLm 强调渐变`_AqLm!
Cy!	:	`Cy 强调风格`_Cy! `CyYe 强调渐变`_CyYe!
Bu!	信息、资讯	`Bu 强调风格`_Bu! `BuOl 强调渐变`_BuOl!
Se!	:	`Se 强调风格`_Se! `SeBn 强调渐变`_SeBn!
La!	:	`La 强调风格`_La! `LaYe 强调渐变`_LaYe!
Vn!	:	`Vn 强调风格`_Vn! `VnPu 强调渐变`_VnPu!
Pu!	延伸、扩展、保留、备用	`Pu 强调风格`_Pu! `PuVn 强调渐变`_PuVn!
Ro!	年轻、个性、女性	`Ro 强调风格`_Ro! `RoRd 强调渐变`_RoRd!
Pk!	:	`Pk 强调风格`_Pk! `PkGd 强调渐变`_PkGd!
Gd!	VIP、金融、工程	`Gd 强调风格`_Gd! `GdYe 强调渐变`_GdYe!
Bn!	:	`Bn 强调风格`_Bn! `BnSe 强调渐变`_BnSe!
Gy!	无效、暂缓、停用、结束	`Gy 强调风格`_Gy! `GyCy 强调渐变`_GyCy!
Bk!	黑白、高对比	`Bk 强调风格`_Bk! `BkOg 强调渐变`_BkOg!
T1!	当前 VLOOK™ 主题的主色	`T1 强调风格`_T1! `T1T2 强调渐变`_T1T2!
T2!	当前 VLOOK™ 主题的辅助色	`T2 强调风格`_T2! `T2T1 强调渐变`_T2T1!

徽章

Markdown 粉⬇️「用 Markdown 写文档，怎样才能以分段式的结构组织或呈现相关性较强的内容？」

VLOOK👀_T2 在前面提到标签的基础上，在标签的前或后添加需要分段的内容就可以了，AMAZING！

例如：可以这样 这是徽章标题这是徽章内容_Bn! 化学式H₂O是水💦_Se，还可以这样 🌞显示_Rd 显示🌒_Gy ，继续往下看看就知道这是怎么做到的～

新语法
将需要设置为「徽章内容」的文本用代码符号 ` 包裹，在徽章内容前面添加标题，或在后面添加第 2 项徽章内容
最后将以上所有内容设置为「斜体」
对应的 Markdown 格式语法为：*标题`徽章内容`徽章内容2*
其中，徽章内容支持对变量格式的突出显示：
支持的变量格式：{{变量}} %变量% $变量$ ${变量} #{变量} var(变量)；
（支持在徽章后添加预置色号来指定颜色，不指定则默认为 Bk ）
如何将「旧语法」批量更新为「新语法」？
前置动作：先按标签的旧语法批量更新方式完成第 1 步处理！
然后再进行以下处理：
在查找的内容中输入 \*`([^`]*?)\|([^`]*?)(\|([^`]*?))?`\* ，并启用 正则表达式 选项
在替换的内容中输入 *$1`$2`$4*
执行查找并替换的操作即可。

旧语法 即将废弃
语法：`#标题|徽章内容#`
与标签区别在于：将标题与内容用英文竖线符号 | 进行分隔，支持三段式（即两项徽章内容），两项徽章内容同样以英文竖线符号 | 进行分隔。其中，
徽章内容支持识别变量格式 {{变量}} %变量% $变量$ ${变量} #{变量} var(变量) ，对这些内容以突出的样式显示；
支持在徽章后添加预置色号来指定徽章颜色，不指定则默认为 Gy 。
_Gy!

Tip

若须修改默认色号，可通过「插件调校参数」badge 指定。

徽章预置色号（常规风格）示例

预置色号	应用场景建议	渲染效果
Wn	警告、危险、关键事项、删除	标题`徽章内容 {{变量 1}}`_Wn
Rd	:	标题`徽章内容 {{变量 1}}`_Rd
Og	提醒、注意、修复	标题`徽章内容 %变量 2%`_Og
Ye	关注、优化、备忘、说明	标题`徽章内容 $变量 3$`_Ye
Lm	提示、备忘、参考、新增	标题`徽章内容 ${变量 4}`_Lm
Gn	:	标题`徽章内容 #{变量 5}`_Gn
Mn	:	标题`徽章内容 #{变量 5}`_Mn
Ol	:	标题`徽章内容 #{变量 5}`_Ol
Aq	引用块、公告	标题`徽章内容 var(变量 6)`_Aq
Cy	:	标题`Badge Value`_Cy
Bu	信息、资讯	标题`Badge Value`_Bu
Se	:	标题`Badge Value`_Se
La	:	标题`Badge Value`_La
Vn	:	标题`Badge Value`_Vn
Pu	延伸、扩展、保留、备用	标题`徽章内容 {{变量 1}}`_Pu
Ro	年轻、个性、女性	标题`徽章内容 {{变量 1}}`_Ro
Pk	:	标题`徽章内容 {{变量 1}}`_Pk
Gd	VIP、金融、工程	标题`徽章内容 {{变量 1}}`_Gd
Bn	:	标题`徽章内容 {{变量 1}}`_Bn
Gy	常规、无效、暂缓、停用	标题`徽章内容 {{变量 1}}`_Gy
Bk	黑白、高对比	标题`徽章内容 {{变量 1}}`_Bk
T1	当前 VLOOK™ 主题的主色	标题`徽章内容 {{变量 1}}`_T1
T2	当前 VLOOK™ 主题的辅助色	标题`徽章内容 {{变量 1}}`_T2

徽章预置色号（强调风格）示例

预置色号	应用场景建议	渲染效果
Wn!	警告、危险、关键事项、删除	标题`Wn 强调样式`_Wn!
Rd!	:	标题`Rd 强调样式`_Rd!
Og!	提醒、注意、修复	标题`Og 强调样式`_Og!
Ye!	关注、优化、备忘、说明	标题`Ye 强调样式`_Ye!
Lm!	提示、备忘、参考、新增	标题`Lm 强调样式`_Lm!
Gn!	:	标题`Gn 强调样式`_Gn!
Mn!	:	标题`Mn 强调样式`_Mn!
Ol!	:	标题`Ol 强调样式`_Ol!
Aq!	引用块、公告	标题`Aq 强调样式`_Aq!
Cy!	:	标题`Cy 强调样式`_Cy!
Bu!	信息、资讯	标题`Bu 强调样式`_Bu!
Se!	:	标题`Se 强调样式`_Se!
La!	:	标题`La 强调样式`_La!
Vn!	:	标题`Vn 强调样式`_Vn!
Pu!	延伸、扩展、保留、备用	标题`Pu 强调样式`_Pu!
Ro!	年轻、个性、女性	标题`Ro 强调样式`_Ro!
Pk!	:	标题`Pk 强调样式`_Pk!
Gd!	VIP、金融、工程	标题`Gd 强调样式`_Gd!
Bn!	:	标题`Bn 强调样式`_Bn!
Gy!	常规、无效、暂缓、停用	标题`Gy 强调样式`_Gy!
Bk!	黑白、高对比	标题`Bk 强调样式`_Bk!
T1!	当前 VLOOK™ 主题的主色	标题`T1 强调样式`_T1!
T2!	当前 VLOOK™ 主题的辅助色	标题`T2 强调样式`_T2!

徽章预置色号（三段式）示例

预置色号	渲染效果	更多渲染示例
T1	标题`内容1`内容2_T1	H₂+O`=`H₂O_Bu 圆周率`3.14`1592653_T2
Ye	标题`内容1`内容2_Ye	圆的`内角和`180度_Ye
Bu!	标题`强调样式`内容2_Se!	化学式`H₂O`是水💦_Se!
Rd!	标题`强调样式`内容2_Rd!	法定节假日`国庆`10月1日_Rd!

如果你对以上内容有更多需求或建议，欢迎随时反馈～

我要回到快速入坑°内容导航

进度条

Markdown 粉⬇️「用 Markdown 制作文档时，希望可以将涉及进度的信息更直观体现出来」

VLOOK👀_T2 这个对于 VLOOK™ 来说真的非常 Easy，组合 Markdown「粗体、高亮」这两个标准格式就可以轻松实现

语法
将作为进度的数值内容，设置为以下格式组合：
先「粗体」，后「高亮」
对应的 Markdown 格式语法为：**==进度数值==**
(支持在进度条后添加预置色号来指定颜色，不指定则默认以具体数值自动适配颜色，如下表所示）

「进度值」说明
为具体数值时，直接指定固定数值，示例如下：
常规：80.5
溢出：120 -35
为 ? 时，支持对下方的任务清单自动计算完成进度。
（编辑时的进度为示意，实际进度以导出 HTML 后的渲染为准）

示例_进度条
默认根据数值适配颜色 预置色号渲染效果 ==
-35 Wn 5.5_Wn
0 Rd 10_Rd
5 Og 15_Og
15 Ye 20_Ye
25 Lm 25_Lm
35 Gn 30_Gn
45 Mn 35_Mn
55 Ol 40_Ol
65 Aq 45_Aq
75 Cy 50_Cy
85 Bu 55_Bu
95 Se 60_Se
100 La 65_La
120 Vn 70_Vn
Gy 75_Gy
Bk 80_Bk
Pu 85_Pu
Ro 90_Ro
Pk 95_Pk
Gd 100_Gd
Bn 120_Bn
T1 -35_T1
T2 0_T2
_Gy

默认根据数值适配颜色	预置色号渲染效果	==
-35	Wn	5.5_Wn
0	Rd	10_Rd
5	Og	15_Og
15	Ye	20_Ye
25	Lm	25_Lm
35	Gn	30_Gn
45	Mn	35_Mn
55	Ol	40_Ol
65	Aq	45_Aq
75	Cy	50_Cy
85	Bu	55_Bu
95	Se	60_Se
100	La	65_La
120	Vn	70_Vn
	Gy	75_Gy
	Bk	80_Bk
	Pu	85_Pu
	Ro	90_Ro
	Pk	95_Pk
	Gd	100_Gd
	Bn	120_Bn
	T1	-35_T1
	T2	0_T2

自动计算任务项的完成进度示例
任务整体进度 ?
一、分析目标市场需求 ?
调查目标客户群体 ?
制定问卷调查或面对面访谈计划
收集客户对产品或服务的需求和偏好信息
研究竞争对手 ?
分析竞争对手的产品、定价策略和市场占有率
挖掘竞争对手的优势和劣势，并与自身进行比较
二、收集市场数据 ?
查阅行业报告和数据 ?
查阅行业协会发布的行业报告和统计数据
收集行业趋势和发展预测的相关信息
分析市场趋势 ?
通过数据分析工具或软件处理市场数据
发现并解释市场趋势，以指导项目决策
_Gy

如果你对以上内容有更多需求或建议，欢迎随时反馈～

我要回到快速入坑°内容导航

面包屑

Markdown 粉⬇️「写教程或指引类文档时，对于菜单顺序、分步操作、目录层级等内容，希望可以简单高效地进行排版」

VLOOK👀_T2 这个对于 VLOOK™ 来说真的非常 Easy，组合 Markdown「斜体、高亮」这两个标准格式就可以轻松实现。

语法
将作为面包屑的内容，设置为以下格式组合：
先「斜体」，后「高亮」
对应的 Markdown 格式语法为：*==这是面包屑内容==*

支持将面包屑内容进行分段的符号： > / \ ▸ ▶︎
在编辑时预览主要样式，并在导出为 HTML 后支持：
自动将「分段符号」进行样式优化
点击复制其原始的信息

Caution

整段内容若只有面包屑的内容，则会优先被识别为表格/插图/代码块/多媒体等内容的题注格式

示例

这是描述菜单顺序的示例：菜单 > 文件 > 导出 > 导出配置，也可以根据需要为某个操作添加文字链接
这是描述分步操作的示例：登录帐号 ▸ 偏好设置 ▶︎ 修改个人信息，可以用于展示目标操作的入口引导
这是描述目录层级的示例：/根目录/子目录 1/子目录 1.1、C:\Program Files\Applications

表格内的面包屑示例

表格内的目录层级示例（非独占）	表格内的菜单序列（独占）
目录：/根目录/子目录 1/子目录 1.1	菜单 > 文件 > 导出 > 导出配置

如果你对以上内容有更多需求或建议，欢迎随时反馈～

我要回到快速入坑°内容导航

刮刮卡

Markdown 粉⬇️「用 Markdown 制作培训类文档时，希望像刮刮卡那样将『答案』先隐藏，点击才显示」

VLOOK👀_T2 这个对于 VLOOK™ 来说真的非常 Easy，组合 Markdown「斜体、粗体」这两个标准格式就可以轻松实现。

新语法
将需要设置为隐藏的内容，设置为以下格式组合：
先「斜体」，后「粗体」
提示说明默认为 ••••_Bk! ，若要指定只需在粗体前直接添加即可
对应的 Markdown 格式语法为：*提示说明**被隐藏的内容***
（支持在刮刮卡后添加预置色号来指定颜色，不指定则默认为 Gy ）
如何将「旧语法」批量更新为「新语法」？
使用 Typora 的「查找与替换」，若涉及文件较多则推荐 UltraEdit 这类支持从文件中替换功能的工具：
在查找的内容中输入 `\/([^`]*?)\|([^`]*?)\/` ，并启用 正则表达式 选项
在替换的内容中输入 *$1**$2***
执行查找并替换的操作即可。

旧语法 即将废弃
语法：`/提示说明|被隐藏的信息/`~(色号)~
提示说明：刮刮卡打开前显示的提示信息。可以不指定，默认为 ••••_Gy
被隐藏的内容：被刮刮卡遮盖的原始信息
色号：可选。~ ~ 为 Typora 的下标格式。通过该方式指定刮刮卡使用的预置色号，不指定则默认为 (Gy) 。预置色号与「标签」的色号基本保持一致（无 Bk ，且不支持强调风格标识）
_Gy!

Tip

若须修改默认色号，可通过「插件调校参数」coating 指定。

示例_刮刮卡

预置色号	渲染效果
（不指定时使用默认色号）	这是未指定提示的刮刮卡
:	最爱吃竹子的动物？熊猫
Rd	坚 ␣持_Rd 不 ␣懈_Rd
Og	「水」的英语 MeterMeter ❌_Og WaterWater ✅_Og
Ye	"Good night" in Cantonese?早[zou2] 唞[tau5]_Ye
Lm	“谢谢”在英语中怎么说？Thank you_Lm
Gn	AppSecret 应用密钥cf67c3839f0214dc_Gn
Aq	太阳系第三颗行星？地球_Aq
Cy	地球上最大洋？太平洋_Cy
Bu	7 大洲最大的？亚洲_Bu
Se	世界最高峰？珠穆朗玛_Se
Vn	人体最大器官？皮肤_Vn
Pu	最小的行星？水星_Pu
Ro	最多岛屿的国家？瑙鲁_Ro
Pk	哪座城市以其斜塔而闻名？比萨_Pk
Gd	最长的河流是？尼罗河_Gd
Bn	太阳系中最大的行星？木星_Bn
Gy	世界上最深的海沟？马里亚纳_Gy
T1	地球上最大的淡水湖是？贝加尔湖_T1
T2	世界上最大的陆地哺乳动物是？非洲象_T2

如果你对以上内容有更多需求或建议，欢迎随时反馈～

我要回到快速入坑°内容导航

注音

上标式注音

Markdown 粉⬇️「希望 Markdown 文档能方便添加注音（如：拼音、外文对照），这样我语言培训文档和电子书就可以更出彩了」

VLOOK👀_T2 通过对 Markdown 上标语法 ^ ^ 进行了扩展，轻松满足实用的「注音」排版需求！

新语法
在需要添加注音的任意一个字符后面进行添加对应的注音，并将该「注音」设置为以下格式组合：
先「斜体」，后「_上标」
对应的 Markdown 格式语法为：_^注音^_
Important
为区分 Typora 默认使用单星号 *斜体* 标记的斜体，色号中的斜体建议用 Markdown 的另一个斜体的标记语法：下划线 _斜体_
如何将「旧语法」批量更新为「新语法」？
使用 Typora 的「查找与替换」，若涉及文件较多则推荐 UltraEdit 这类支持从文件中替换功能的工具：
在查找的内容中输入 \^\[([^\[]+)\]\^ ，并启用 正则表达式 选项
在替换的内容中输入 _^$1^_
执行查找并替换的操作即可。

旧语法 即将废弃
语法：^[注音]^
其中 注音 为具体的注音、拼音符号，或注释内容
该语法内容前的 1 个中文字或英文单词会自动将该内容作为注音显示
_Gy!

Note

导出 HTML 后的效果等价于 HTML 5 中 ruby、rp、rt 标签，并支持点击注音后进行在线释义或翻译。

示例_注音1

「道^dào生一，一生二，二生^shēng三，三生万^wàn物^wù_BuRoGn」── 道德经•老子

示例_注音2

多语种的注音应用中/日/韩/英

分类	以下为 Markdown 格式的内容	渲染效果
注音	`道_^ㄉㄠ^_ 德_^ㄉㄜ^_ 经_^ㄐㄧㄥˉ^_`	道^ㄉㄠ德^ㄉㄜ经^ㄐㄧㄥˉ
普通话	`道_^dào^_ 德_^dé^_ 经_^jīng^_`	道^dào德^dé经^jīng
粤语	`道_^dou^_ 德_^däk^_ 经_^gïng^_`	道^dou德^däk经^gïng
日文	`鳥_^とり^_山_^やま^_ 明_^あきら^_`	鳥^とり山^やま明^あきら
韩文	`대_^Dae^_ 한_^Han^_ 민_^Min^_ 국_^Gug^_`	대^Dae한^Han민^Min국^Gug

中文注音线上释义服务
被注音的文字内容为中文，由提供服务
点击注音后打开「汉典」官网，显示对应的「文字」释义
_Rd!

非中文注音线上翻译服务
被注音的文字内容不是中文，由提供服务
点击注音后打开「Bing 翻译」官网，自动对注音为日文「假名」部分进行翻译
其他情况，则是对被注音的「文字」进行翻译
_Bu!

代码式注音

Caution

代码式注音为旧注音语法，新建的文档不建议使用！

该特性只作为对旧有文档，或需要同时对多个字添加同一注音的支持。

后续版本可能会移除对该语法的支持。

语法：`{text}(symbol)`
text：要添加「注音、拼音、注释」的文字
symbol：text 对应的注音、拼音符号，或注释内容

导出 HTML 后的效果等价于 HTML 5 中 ruby、rp、rt 标签，并支持点击注音后进行在线释义或翻译。
_Gy

示例_注音 1

「{道}(dào)生一，一生二，二{生}(shēng)三，三生{万物}(wàn wù)」── 道德经•老子

示例_注音 2

多语种的注音应用中/日/韩/英

分类	以为 Markdown 格式的内容	渲染效果
注音	`{道}(ㄉㄠˋ)` `{德}(ㄉㄜˊ)` `{经}(ㄐㄧㄥˉ)`	`{道}(ㄉㄠˋ)` `{德}(ㄉㄜˊ)` `{经}(ㄐㄧㄥˉ)`
普通话	`{道}(dào)` `{德}(dé)` `{经}(jīng)`	`{道}(dào)` `{德}(dé)` `{经}(jīng)`
粤语	`{道德经}(dou däk gïng)`	`{道德经}(dou däk gïng)`
日文	`{鳥山}(とりやま)` `{明}(あきら)`	`{鳥山}(とりやま)` `{明}(あきら)`
韩文	`{대 한 민 국}(Dae Han Min Gug)`	`{대 한 민 국}(Dae Han Min Gug)`
中英	`{道德经}(The Scripture of Ethics)`	`{道德经}(The Scripture of Ethics)`
英中 1	`{The Scripture}(经)` of `{Ethics}(道德)`	`{The Scripture}(经)` of `{Ethics}(道德)`
英中 2	`{The Scripture of Ethics}(道德经)`	`{The Scripture of Ethics}(道德经)`

如果你对以上内容有更多需求或建议，欢迎随时反馈～

我要回到快速入坑°内容导航

°主题

模板主题

Markdown 粉⬇️「你的 Markdown 文档能一键换肤吗？！」

VLOOK👀_T2 内置了多套原创、独具气质的模板主题，能满足多种应用场景需要，完全超越你对 Markdown 主题的印象！

主题会应用到 Typora 的应用程序 UI，以及文档内各类可编辑的元素，尽可能达到从整体到细节的视觉一致性！

预置模板主题

以下是 VLOOK™ 内置的 6 套免费主题（可点击进行效果预览）～

_Lm

_Vn

_Gd

_Rd

_Mn

_Wn

若你使用在线插件方式，可通过「插件调校参数」theme 来动态指定任意 VLOOK 主题。

私人定制模板主题

目前现已开放主题的私人定制服务，请微信联系：MaxChow。以上仅为私人定制的样品参考示例，非正式定制服务成品

如果你对以上内容有更多需求或建议，欢迎随时反馈～

我要回到快速入坑°主题与不杂项

字体主题

Markdown 粉⬇️「模板主题让文档颜值倍增，而字体则是文档气质担当！」

VLOOK👀_T2 提供了两套自定义的字体主题，可根据个人喜好进行选用。

通过右下角状态栏上的按钮进行选择（快捷键操作：A )

系统默认
直接使用系统本地的默认字体（非衬线、等宽字体等），在不同的系统（Windows、macOS 等）上会有不同的表现效果
_Gy!

Book
直接使用系统本地的默认字体（黑体、宋体、等宽字体等）进行地混搭
_Bn!

整体表现为「清新、简约、明快_AqYe」，主要采用无衬线的东亚和拉丁字体
_Cy

整体表现为「优雅、韵动、个性_GdOg」，主要采用衬线＋无衬线的东亚和拉丁字体组合进行混搭
_Vn

ℹ️ 「小清新、文艺范」配套的字体下载
因为 Windows / MacOS 系统默认不预装部分字体主题配套的字体包，VLOOK™ 目前可同时支持在线和本地两种使用方式。若你的工作环境无法访问互联网，建议直接下载字体包并安装到本地，以获得最佳的视觉体验。
… 下载字体▾　　　　　 … 下载字体▾（提取码11ta)
_Gy

小清新_选用的字体及应用

字体的应用	字体名称	风格	==	字重	==	==	==
:	:	[] 正常	[] 斜体	[] Regular	[] Medium	[] Bold	[] Black
封面、标题、正文(CJK)、链接、表头、题注、标签等	Noto Sans CJK SC （思源黑体）	Y		Y		Y	Y
正文(非CJK)、链接、代码等	Noto Sans Mono	Y		Y	Y	Y	Y
表格列格式(数值/百分数/货币) ❯❯	Altinn DIN	Y	Y	Y		Y

文艺范_选用的字体及应用

字体的应用	字体名称	风格	==	字重	==	==	==
:	:	[] 正常	[] 斜体	[] Regular	[] Medium	[] Bold	[] Black
封面大标题、章节标题、正文(CJK)等	Noto Serif CJK SC （思源宋体）	Y			Y		Y
封面小标题、表头、题注、标签、加粗文本等	Noto Sans CJK SC （思源黑体）	Y		Y		Y	Y
正文（非CJK）	Luxi Mono	Y	Y	Y		Y
链接、代码等	Noto Sans Mono	Y		Y	Y	Y	Y
表格列格式(数值/百分数/货币) ❯❯	Altinn DIN	Y	Y	Y		Y

如果你对以上内容有更多需求或建议，欢迎随时反馈～

我要回到快速入坑°主题与不杂项

封面、封底

Markdown 粉⬇️「如何让 Markdown 的文档支持封面、封底（例如像本文档的封面、封底）？」 VLOOK👀_T2 在应用了 VLOOK™ 的「模板主题」后，使用 Markdown 的标准语法也能让文档支持封面、封底，通过遵从 VLOOK™ 约定的使用规范即可激活。

激活「封面」
在文档的最开始位置输入一个 6 级 标题
（快捷键操作：⌃ Ctrl ＋ 6 ，或 ⌘ command ＋ 6 ）
如：###### 这是封面标题
Tip
若有 YAML 、[TOC] 等内容，则在其后添加
_T1

激活「封底」
在文档的最后 1 行输入一个 1 级 标题
（快捷键操作：⌃ Ctrl ＋ 1 ，或 ⌘ command ＋ 1 ）
如：# 这是封底结语
_T2

根据以上操作成功激活封面、封底后，还可以在 Typora 的大纲面板中出现对应封面、封底条目，可进行一键定位到文档对应位置。

以下是「封面」中特定类型信息（如小标题、作者等）的自动排版规则：

标题
默认格式就是标题格式，直接输入就可以了；
可结合下标和下划线格式延伸出「小标题、副标题」：
小标题：带空格的小标题 或 ~不带空格的小标题~
副标题：这是对应大标题的副标题

文档类型、密级
可使用 VLOOK™ 的徽章写法来实现，举例如下：
*文档密级`对外公开`*_~Gn~_
*文档密级`内部公开`*_~Og~_
*文档密级`机密资料`*_~Rd~_

作者
使用 Markdown 的「粗体」格式标记出「作者信息」即可（会自动添加前缀 By、加粗）
举例：**我是作者**

版权信息
使用 Markdown 的「斜体」格式标记出「版权信息」即可（会自动缩小字号、加粗）
举例：*(C)2020. 版权所有*

Tip

在封面、封底中如何换行？

直接输入 HTML 的换行标签   即可

示例_最小化的文档封面内容


1
###### 在这填写文档标题<br>**在些填写作者**<br>*在这填版权归属方的信息*

示例_本文档的封面内容


xxxxxxxxxx
1
1
###### ~VLOOK™~<br>让你的 Markdown 有了新看_^wán^_法<br>──<br><u>快速参考手册<br>(Part.II)</u><br>*最新版本`V23.0`*<br><br><br>**MAX°孟兆**<br>*COPYRIGHT © 2016-2024. MAX°DESIGN.*

示例_本文档的封底内容


xxxxxxxxxx
1
1
# The End

如何将封面中旧的上标格式语法替换为新的下划线格式语法？
主要针对在封面中使用了上标语法 ... 的情况。
使用 Typora 的查找替换功能，或任意支持正则表达式进行查找替换的工具（如：VS Code / UltraEdit 等）进行操作。
在查找内容中输入 (###### .+)(.+)(.+)<\/sup><\/sup>(.+) ，并指定查找选项为 正则表达式
在替换内容中输入 $1$2$3$4
进行全部替换，或查找到要替换的进行部分替换即可。

如果你对以上内容有更多需求或建议，欢迎随时反馈～

我要回到快速入坑°主题与不杂项

Dark Mode

Markdown 粉⬇️「希望 Markdown 的文档能适配系统的深色模式，保持良好、一致的体验～」

VLOOK👀_T2 所有 VLOOK™ 的主题都会自动根据浏览器或系统的 Dark Mode（深色模式）的设置进行自动适配。

可通过右下角状态栏上的 / 按钮进行手动切换（快捷键操作：D )；
若希望文档在显示后强制指定为 Light / Dark Mode ，可通过「插件调校参数」cs 来启用这一特性。

Tip

如果你的图片在 Dark Mode 下显得不够和谐，可以尝试选择让图片适配 Dark Mode。

Light / Dark 效果预览

如果你对以上内容有更多需求或建议，欢迎随时反馈～

我要回到快速入坑°主题与不杂项

°内容导航

章节自动编号

使用 VLOOK™ 插件后，默认支持对文档内的章节标题进行自动编号，默认的自动编号格式均为阿拉伯数字，如 1. 一级章节名称 3.2.5 三级章节名称 。

所有 VLOOK™ 的主题都会自动对 1 ~ 5级 标题进行自动的分级编号；
因为 6 级 标题在 VLOOK™ 中应用于封面和封底、段落小标题的排版等，所以不在自动编号范围内。

Markdown 粉⬇️「希望对文档中章节自动编号根据进行自定义，以适应具体文档的风格、标题内容的组织方式」

VLOOK👀_T2 VLOOK™ 提供了非常实用个性的章节编号格式选项，可以轻松满足不同文档对章节编号格式的个性要求。

可通过「插件预置选项」vlook-chp-autonum 来指定，在导出 HTML 后生效，具体的格式化示例如下：

自定义章节自动编号格式示例


xxxxxxxxxx
3
1
---
2
vlook-chp-autonum: 层级1{{前缀#格式#后缀}},层级2{{前缀#格式#后缀}},...,层级5{{前缀#格式#后缀}}
3
---

Tip

若使用的 VLOOK 主题不包括自动编号样式，也可以通过该参数强制指定在导出 HTML 后启用自动编号及对应格式。

自定义章节自动编号格式的选项说明

编号选项	取值	说明	选项参考	效果预览
层级	`h1` ～ `h5`	表示 1 级～ 5 级目录	`h3{{### }}`	1.2.3 xxxxx
前缀	任意内容文本	如：第、Chapter	`h1{{Chapter ###. }}`	Chapter 5. xxxxx
格式	`none`	不进行自动编号	`h2{{#none#}}`	xxxxx
:	`#`	阿拉伯数字。如：1、2、3、4、5	`h2{{Chapter ### }}`	Chapter 3.2 xxxxx
:	`zh`	中文。如：一、二、三、四、五 `注意`_Rd 对 `h1` 生效	`h1{{第#zh#章}}`	第一章 xxxxx
:	`ZH`	中文大写。如：壹、贰、叁、肆、伍 `注意`_Rd 对 `h1` 生效	`h1{{第 #ZH# 回 }}`	第伍回 xxxxx
:	`alpha`	英文小写。如：a、b、c、d、E `注意`_Rd 对 `h1` 或 `-min` 生效	`h2{{#alpha# }}`	a xxxxx
:	`ALPHA`	英文大写。如：A、B、C、D、E `注意`_Rd 对 `h1` 或 `-min` 生效	`h2{{#ALPHA#}}`	A xxxxx
:	`roman`	罗马数字小写。如：i、ii、iii、 iv、v `注意`_Rd 对 `h1` 或 `-min` 生效	`h3{{#roman# • }}`	i • xxxxx
:	`ROMAN`	罗马数字大写。如：I、 II、III、IV、V `注意`_Rd 对 `h1` 或 `-min` 生效	`h3{{#ROMAN#}`	IV • xxxxx
扩展选项	`00` `000` ...	固定长度占位，不足则左侧补 0	`h1{{Chapter #00## / }}`	Chapter 002 / xxxxx
:	`-min`	以单级方式显示编号 `注意`_Rd 与 `-sup` 互斥	`h3{{步骤 #0#-min# - }}`	步骤 01 - xxxxx
:	`-sup`	以双级方式显示编号 `注意`_Rd 与 `-min` 互斥	`h2{{附录 #ALPHA-min#. }},h3{{#00#-sup# - }}`	附录 A.01 - xxx
后缀	任意内容文本	如：章、.	`h2{{##-min#）}}`	1）xxxxx

Note

更多关于通过 YAML Front Matter 设置插件预置选项的说明，详见：插件预置选项

这是三级章节示例

这是四级章节示例

这是五级章节示例

如果你对以上内容有更多需求或建议，欢迎随时反馈～

我要回到快速入坑°内容导航

大纲与索引导航

Markdown 粉⬇️「按大纲 / 索引进行导航是文档中最常用的导航方式，适用于内容层次明确，全文档跨章节的快速定位」

VLOOK👀_T2 VLOOK™ 对导出的 HTML 自动根据其内容生成目录大纲、分类内容索引。

VLOOK™ 提供以下大纲与索引的特性：

支持交互友好的目录大纲
支持分类内容索引：插图、表格、多媒体、代码块、文库
所有大纲、索引、文库）均支持按关键字进行查找
支持自动记录访问历史，随时一键回跳
支持通过快捷键 O 显示或隐藏大纲与索引导航

（若文档无目录大纲和索引，则大纲与索引导航会默认收起，须手动打开）

Important

基于 Typora 生成的目录大纲，请在文档中「VLOOK™ 的封面」后添加目录标记 [TOC]

如果你对以上内容有更多需求或建议，欢迎随时反馈～

我要回到快速入坑°内容导航

面包屑导航

逐章导航

Markdown 粉⬇️「除了大纲外，希望可以按章节顺序一章一章进行浏览。」

VLOOK👀_T2 由 VLOOK™ 接管后，会自动扩展提供「逐章导航栏」，正如你现在看到顶部的导航栏那样。

当滚动至文档正文区后，会自动在顶部显示逐章导航条，在封面时会自动收起隐藏，支持对 1~5 级章节进行逐章浏览。

逐章导航快捷键

逐章导航的快捷键	功能（逐章导航模式激活后生效）
`◀` 或 `,`	前一个章节
`▶` 或 `.`	后一个章节

如果你对以上内容有更多需求或建议，欢迎随时反馈～

我要回到快速入坑°内容导航

逐段导航

Markdown 粉⬇️「希望在进行文档评审或演示时，按段落一段一段地突出，进行聚焦式浏览。」

VLOOK👀_T2 直接用鼠标「三击」文档任意段落就可以进入「段落导航」模式了。

逐段导航快捷键

段落导航快捷键（致敬 VI）

快捷键	功能
`J`	跳到下一个段落
`K`	跳到上一个段落

如果你对以上内容有更多需求或建议，欢迎随时反馈～

我要回到快速入坑°内容导航

插图导航

Markdown 粉⬇️「希望能按图索骥，快速浏览文档中的所有插图，以及快速定位到文档中对应的位置。」

VLOOK👀_T2 文档中的所有图片、Mermaid¹ 图表都支持快速浏览，一键跳转到对应位置。

所有插图可支持通过在插图浏览器中打开，并进行前后插图的导航；
鼠标悬停在插图后，通过右上角内容助手上的按钮打开，点击插图浏览器中的插图，也能直接跳转到文档中对应的位置。

支持的插图类型
浏览器支持的所有图片（如：jpg / png / gif / bmp 等）
脚本化图表（如：Mermaid¹）

插图导航快捷键

插图导航快捷键	功能（打开插图导航后生效）
`◀` 或 `,`	前一张插图
`▶` 或 `.`	后一张插图

示例_长图片、双题注

普通的图片示例（长图会自动折叠）

如果你对以上内容有更多需求或建议，欢迎随时反馈～

我要回到快速入坑°内容导航

文库导航

Markdown 粉⬇️「同一类话题或项目有很多 Markdown 文档，希望发布 HTML 后还能方便统一进行组织和访问。」

VLOOK👀_T2 为每个文档指定作为「文库」索引页的 HTML，这样就可以随时一键直达你「文档宇宙」中的任意文档了。

文档中配置了「文库」，或在文档中含有文库链接时，在工具栏、目录大纲下方都会显示「文库」入口；
指定的文库文件默认是会在当前文档的「文库视图」中显示，也可以指定在新标签中显示；
点击任意文库入口即可打开对应的文档，也支持直接通过快捷键 L 打开。

作为「文库」的 HTML 文档，可以是任意一篇使用「Typora＋VLOOK™」生成并导出的 HTML（也可以是任意可访问的网页链接），能直接延用 VLOOK™ 绝大部分排版特性。

如何让文档支持「文库导航」？

首先先确认已按《安装与使用》中的 Step 3•配置导出选项完成了「元标签」的安装；
然后在文档的 YAML Front Matter 区域内添加 vlook-doc-lib 配置项及对应的内容，根据需要选择以下任意一种方式进行使用：

方式一：最简化用法


xxxxxxxxxx
1
1
vlook-doc-lib: 文库.html

方式二：自定义标题、搜索关键字


xxxxxxxxxx
1
1
vlook-doc-lib: [你的文库标题](文库.html "可在大纲与索引导航搜索的内容")

方式三：在新标签中打开


xxxxxxxxxx
1
1
vlook-doc-lib: 文库.html?target=_blank

若文档需要配置多个文库，可以参考以下分段的配置方式：


xxxxxxxxxx
4
1
vlook-doc-lib: 
2
- 文库1.html
3
- [你的文库标题2](文库2.html "可在大纲与索引导航搜索的内容")
4
- [你的文库标题3](文库3.html?target=_blank)

Note

更多关于通过 YAML Front Matter 设置插件预置选项的说明，详见：插件预置选项

如何让文档中的普通文本链接也能在「文库」中打开？

只须设置文本链接是添加 URL 参数 target=vdl 即可，示例如下：


xxxxxxxxxx
2
1
[点击这里打开默认文库](?target=vdl)
2
[点击这里打开指定文库2](文库2.html?target=vdl)

更多示例效果，详见：链接内容识别

如何隐藏已发布文档中指定的「文库导航」入口？
在 HTML 文档访问路径后添加 URL 参数 vdl=none 即关闭对当前文档的文库导航功能，示例如下：
xxxxxxxxxx
1
1
我的文档.html?vdl=none

如果你对以上内容有更多需求或建议，欢迎随时反馈～

我要回到快速入坑°内容导航

脚注导航

VLOOK™ 可以直接在当前页面位置弹层的方式进行显示，避免在文档中来回跳转。

示例

点击文末右上角的链接查看效果²

如果你对以上内容有更多需求或建议，欢迎随时反馈～

我要回到快速入坑°内容导航

°演示与出版

°内容助手

针对不同形式的内容，提供自适应的快捷辅助功能。目前支持的内容形式包括：表格、插图、标签、徽章、刮刮卡、代码/代码块、面包屑。鼠标悬停在对应的内容即可激活，并在右上角出现。

复制内容

复制「徽章」
点击徽章标题/内容/内容2，即复制其及后续的内容，如：徽章标题内容1内容2
复制「刮刮卡」
第 1 次点击刮刮卡会显示隐藏的内容，然后点击其内容即可复制 这是刮刮卡内容

复制「代码块」

一键复制全部代码行内容，如：


xxxxxxxxxx
2
1
/* 这是代码块，点击右上角【复制】按钮，复制所有代码内容 */
2
Hello World!

复制「标签、代码」
点击即复制，如：这是标签 这是代码
复制「表格」
一键复制表格内容，点这里找个表格试试 ❯
复制「插图」
复制图片的链接，点这里找张插图试试 ❯

以上部分内容支持「复制为 Markdown 格式_T1T2」，可通过以下两种方式触发：

方式一
先按下 Alt 或 ⌥ option ，并点击按钮即可

方式二
直接点击按钮后，会自动激活「复制为 Markdown」，在 2 秒内再点击一次即可（主要满足在移动设备上访问时使用)

插图放大显示

支持通过内容助手，直接将当前图片插图、Mermaid 图表放大显示，点这里试试看 ❯

表格阅读模式

Markdown 粉⬇️「表格行、列很多时，希望能快速显示任意单元格相关的行、列都有哪些？」

VLOOK👀_T2 无须高大上的设备或方式，VLOOK™ 激活后开箱即用～

鼠标悬停在表格后，通过右上角内容助手上的按钮打开、关闭（快捷键操作：X )；
鼠标点击表格上的任意单元格后，会自动高亮其同一行、同一列的相关信息（类似于十字光标）；
点击文档空白位置，或按下 ESC 临时取消显示。

试试点击表格的任意单元格，或让鼠标光标在以下表格行间进行移动

列 A	列 B	列 C	列 D
第一行	左对齐（长内容）	居中对齐	右对齐（长内容）
第二行（长内容）	左对齐	居中对齐（长内容）	右对齐

表格换行版式

Markdown 粉⬇️「在实际文档中会有不同宽度和内容的表格，希望在阅读时可以根据需要指定不同表格换行版式便于阅读表格内容」

VLOOK👀_T2 安排！VLOOK™ 激活后开箱即用～

不同的表格，根据其内容和当前屏幕宽度，其默认的换行版式会有不同，具体详见这里 ❯❯
可单独对不同的表格指定不同的换行版式，通过右上角内容助手上的手工切换为「自动换行」或「不换行」。

画中画

Markdown 粉⬇️「希望插图、表格、代码块也能像视频那样，可以设置为「画中画」的浮动显示模式，方便在文档相关内容间对比」

VLOOK👀_T2 这个可以有，VLOOK™ 激活后开箱即用～

鼠标悬停在插图、表格、代码块后，通过右上角内容助手上的按钮一键开启；
开启后默认缩小为 75% 大小进行显示，也可通过缩放按钮调整为原始大小进行显示。

快去文档中的任意插图、表格、代码块上试试吧～

如果你对以上内容有更多需求或建议，欢迎随时反馈～

我要回到快速入坑°演示与出版

°演示辅助

聚光灯

Markdown 粉⬇️「在进行文档评审或演示时，可以通过聚光灯来让观众聚焦于文档的特定区域和内容。」

VLOOK👀_T2 无须高大上的设备或方式，VLOOK™ 激活后开箱即用～

通过工具栏上的按钮打开、关闭（快捷键操作：S )；
打开聚光灯后，可支持按通过 ⇧ Shift 键调节聚光灯的大小。

激光笔

Markdown 粉⬇️「在进行文档评审或演示时，可以通过激光笔来让观众注意力精确跟随演讲者指向的内容。」

VLOOK👀_T2 无须高大上的设备或方式，VLOOK™ 激活后开箱即用～

通过工具栏上的按钮打开「聚光灯」（快捷键操作：P )。

Mermaid 图表元素高亮

支持通过鼠标悬停的方式，对 Mermaid 图表中的关键元素（节点、子图、文本等）高亮显示，方便在演示场景下更聚焦说明的内容，点这里去找个 Mermaid 的图表试试 ❯

如果你对以上内容有更多需求或建议，欢迎随时反馈～

我要回到快速入坑°演示与出版

°出版辅助

长内容自动折叠

VLOOK™ 会自动对文档中的长插图、长表格、长代码进行自动折叠，节省文档的屏幕显示空间～

长长的图片 … 查看示例 ❯
长长的表格 … 查看示例 ❯
长长的代码 … 查看示例 ❯

Important

在引用块、折叠引用块内的图片、Mermaid 图表、表格、代码块等均不在长内容自动折叠范围内。

自定义欢迎页内容

Markdown 粉⬇️ 「应用了 VLOOK™ 插件的文档在加载处理过程中会显示欢迎页，提示插件加载过程。但我希望能修改默认的欢迎信息。」

VLOOK👀_T2 完成加载处理后会自动关闭并显示文档，若希望自定义欢迎页的显示行为，可通过「插件预置选项」vlook-welcome 来指定。

在文档的 YAML Front Matter 区域添加以下内容：

自定义欢迎页内容示例


xxxxxxxxxx
3
1
---
2
vlook-welcome: 在这里添加欢迎页的自定义内容，可包括 HTML 标记，如：<strong>欢迎页信息</strong>
3
---

Note

更多关于通过 YAML Front Matter 设置插件预置选项的说明，详见：插件预置选项

内容失效检查

无效的图片
在编辑时、发布后识别出无法加载的图片，并进行提示，示例如下：
_Ye

无效的页内链接
自动检查页面内部链接的正确性，是否存在无效的页内链接。
_Og

无效的音频、视频
自动检查音频源、视频源链接的有效性。
_Rd

Tip

存在以上异常结果时，都会在文档的右下角显示图标，点击可查看详细信息。

链接内容识别

VLOOK™ 主题会自动识别文档中的超链接内容类型，显示不同的鼠标光标（鼠标光标样式同样适配 Light / Dark Mode）

VLOOK™ 主题专属鼠标光标

VLOOK™ 文库专属链接
打开默认文库（有多个文库是指第 1 个文库）
打开默认文库，并跳到指定锚点
以文库方式打开指定文件：Document Library
_T1

识别主流超链接资源
#页内链接 / Markdown 文件 / 非安全链接 / 安全链接 / 邮件
（鼠标悬停看看效果）
_Gy!

文档资源
.doc / .xls / .ppt / .pdf / .txt / .csv
（鼠标悬停看看效果）
_La!

归档资源
.zip / .rar / .7z / .gz / .tar / .dmg / .cab
（鼠标悬停看看效果）
_Og!

高风险资源
.exe / .sh
（鼠标悬停看看效果）
_Rd!

链接内容转换

自动转换 md 链接
在 Typora 支持在编辑时指定为任意 md 文档（或带锚点的 md 文件），方便在多文档维护时随时跳转，但导出 HTML 后不会自动转为 html，这对不适用于基于 HTML 发布的场景。
默认支持将文档中的 *.md 链接转换为 html ，也可以指定为任意的扩展名。
若希望关闭该自动转换，或指定转换的扩展名，可通过「插件调校参数」xmd 进行调整。
_Bu!

外部链接强制在新标签打开
为提高文档阅读与交互体验，对于外链（如：http、https等），自动强制设置为在新标签页中打开。
_Vn!

如果你对以上内容有更多需求或建议，欢迎随时反馈～

我要回到快速入坑°演示与出版

°第三方集成的适配

更美观的 Mermaid

📒参考_Gn! 更多脚本化图表样式，以及结合 VLOOK™ 相关的脚本编写规范内容详见《脚本化图表 for Markdown》。

Mermaid 图表自动编号与题注

Markdown 粉⬇️「文档中的 Mermaid 图表，也希望可以像插图那样添加编号和题注」

VLOOK👀_T2 无须任何设置，即可自动对文档内所有「Mermaid 图表」进行统一的自动编号，编号内容举例：插图 1 插图 2 ，命名和编号与插图一致。同时，还增强了在演示时的辅助特性 … 了解详情 ❯

给「Mermaid 图表」添加题注的方式，与给「表格」添加题注的方式是一致的 … 了解详情 ❯
若没有指定题注，VLOOK™ 会自动创建带有以 Mermaid 图表内文字内容为关键信息的自动题注

如果你对以上内容有更多需求或建议，欢迎随时反馈～

我要回到快速入坑°文档排版

Mermaid 样式优化与扩展

Markdown 粉⬇️「如果不喜欢 Mermaid 默认的样式，还希望自动适配 Dark Mode，怎么办？」

VLOOK👀_T2 自动提供了深度的样式优化。

统一和优化样式
自动针对 Mermaid 的 饼图、流程图、状态机图、顺序图、类图、甘特图 进行样式优化，并支持 Dark Mode

Mermaid 的流程图

流程图示例（以上的「分支流程」内容由下图进行接续）

分支流程示例（接续上图）

Mermaid 的类图

类图示例

Mermaid 的状态图

针对「流程图」标记扩展：通过特定命名规范衍生出「状态机图」（PS：因为官方的状态机图还不够成熟）

由 Mermaid 流程图语法衍生的状态图

Mermaid 的顺序图

针对「顺序图」的标记扩展
支持标记不同类型的角色（人、重要系统、外部系统），以呈现出不同的样式；
将 opt_Pu alt / else_Rd loop_Cy par_Og 标签优化不同的外观样式，并根据当前浏览器的语言进行自动翻译。

多种不同角色的顺序图，更清晰、更友好

如果你对以上内容有更多需求或建议，欢迎随时反馈～

我要回到快速入坑°文档排版

更美观的公式

段落内混排的公式

数学公式 $\boxed{\lim_{x \to \infty} \exp{-x} = 0}$ 化学公式 $\boxed{\ce{CH4 + 2 $\left( \ce{O2 + 79/21 N2} \right)$}}$

看看以上公式的代码
数学公式的代码： $\lim_{x \to \infty} \exp{-x} = 0$
化学公式的代码：$\ce{CH4 + 2 $\left( \ce{O2 + 79/21 N2} \right)$}$

独占一行的公式块

\begin{aligned} y = y (x, t) & = A e^{i θ} \\ (My Math - 1) & = A (\cos θ + i \sin θ) \\ = A (\cos (k x - ω t) + i \sin (k x - ω t)) \\ = A \cos (k x - ω t) + i A \sin (k x - ω t) \\ (My Math - 2) & = A \cos (\frac{2 π}{λ} x - \frac{2 π v}{λ} t) + i A \sin (\frac{2 π}{λ} x - \frac{2 π v}{λ} t) \\ (My Math - 3) & = A \cos \frac{2 π}{λ} (x - v t) + i A \sin \frac{2 π}{λ} (x - v t) \end{aligned}

$\ref{mymath-1}$

表格内的公式

标题	公式	说明
欧拉公式	$e^{i\theta}=cos\theta+isin\theta$
勾股定理（毕达哥拉斯定理）	$a^2+b^2=c^2$	$a$ $b$ $c$
质能方程	$E=mc^2$	$E$ 焦耳 $J$ $m$ 千克 $Kg$ $c$ 光速 $m/s$ $c=299792458 m/s$
爱因斯坦场方程	$R_{\mu\nu}-\cfrac{1}{2}g_{\mu\nu}R=8\pi GT_{\mu\nu}-\Lambda g_{\mu\nu}$	吸引你的，不是引力，而是扭曲的时空
麦克斯韦方程组	$\nabla \cdot \mathbf{E} = \cfrac{\rho}{\varepsilon_0}$ $\nabla \cdot \mathbf{B} = 0$ $\nabla \times \mathbf{E} = -\cfrac{\partial \mathbf{B}}{\partial t}$ $\nabla \cdot \mathbf{B} = \mu _0 \mathbf{J} + \mu _0 \varepsilon_0 \cfrac{\partial \mathbf{E}}{\partial t}$	麦克斯韦方程组（Maxwell's equations）

Open Graph Protocol

Open Graph Protocol（OGP）是一个网络协议，用于在网页元数据中丰富内容的表示，尤其是在社交媒体上分享时。使用 OGP，你可以控制网页分享到社交平台时的外观和描述。
目前 VLOOK™ 导出配置已内置常见的 OGP 标签（详见下表），未在预置范围的标签可以自行在导出配置中添加。

Important

OGP 的标签与 VLOOK™ 的插件调校参数一样，都是通过文档中的 YAML Front Matter 来指定；
由于 OGP 的标签都含有冒号 : ，所以在 YAML Front Matter 中指定时须用英文的双引号进行包裹，如： "og:image": https://xxxxx.png 。

支持以下常见的 Open Graph 标签

OGP 标签	YAML 中的名称	说明
`og:title`	`"og:title"`	网页的标题，这是分享时显示的主要标题
`og:type`	`"og:type"`	网页类型，如网站、视频、文章等
`og:image`	`"og:image"`	与网页相关联的图像，这是分享时显示的主要图片
`og:url`	`"og:url"`	网页的规范链接
其他常用标签	==	==
> `og:description`	`"og:description"`	网页的简短描述，这通常在分享时显示
> `og:site_name`	`"og:site_name"`	网站的名称
> `og:locale`	`"og:locale"`	网页内容的区域设置或语言
> `og:video`	`"og:video"`	如果网页包含视频，这是视频的链接
> `og:audio`	`"og:audio"`	如果网页包含音频内容，这是音频的链接

在 YAML Front Matter 的应用举例


xxxxxxxxxx
6
1
---
2
"og:title": 这里是分享的标题
3
"og:image": 这里是分享的相关联的图像 URL
4
"og:url": 这里是点击分享引导进入的目标 URL
5
"og:description": 这里是分享的简短描述
6
---

Note

更多关于通过 YAML Front Matter 设置插件预置选项的说明，详见：插件预置选项

Tip

若需要验证发布到网络的 HTML 的 OGP 配置内容，除直接分享到社交工具外，也可通过 Meta for Developers 的 Sharing Debugger 工具进行预览

°不杂项

Typora 编辑时特性增强

VLOOK™ 主题包针对 Typora 编辑时，让不同的主题的样式与 Typora 的 UI 有更好的兼容和一致性，并提供尽可能多的交互特性。

目前涉及比较主要的特性具体如下：

📖 侧边栏
左侧、浮动大纲
不同显示模式（自动收起 / 全部展开 / 无大纲）的样式优化
大纲封面、封底
大纲面板中标识中符合 VLOOK™ 标准的「封面、封底」条目
侧边栏标题
大纲面板、文件面板标题栏支持显示当前 VLOOK™ 主题名称
_Cy!

✏️ 编辑时交互
输入态提示
标识出段落、表格行的当前行，以及链接 / code / kbd 内嵌图片 / YAML
图片资源异常
通过不同样式，明显地标识出无效、无法加载的图片资源，便于及时进行修正
表格行增强
鼠标在表格上悬停时，能标识出对应悬停的表格行
_Bu!

🖥 全局 UI 交互
全局 UI • 1
统一将编辑器关键的 UI、字体、图标样式与当前 VLOOK™ 主题保持一致
全局 UI • 2
在「源代码模式」下统一显示同一等宽字体，并提供了更宽阔的可视空间
融合菜单、快速打开
针对「融合菜单 ( Win 版 )」、「快速打开」适配主题，并提供好友的样式
_Se!

对于 Windows 版本，建议启用一体化窗口样式（启用方式：偏好设置 ▸ 外观 ▸ 窗口样式：一体化）。

如果你对以上内容有更多需求或建议，欢迎随时反馈～

我要回到快速入坑°主题与不杂项

插件预置选项

通过 YAML Front Matter 对 VLOOK™ 预置选项进行设置：

首先，为文档添加 YAML 内容（菜单：Typora ▸ 段落 ▸ YAML Front Matter）；
然后对指定预置选项进行设置，格式举例如下：

通过 YAML 设置 VLOOK™ 插件预置选项


xxxxxxxxxx
6
1
---
2
<插件预置选项 1>: <选项内容 1>
3
<插件预置选项 2>: <选项内容 2>
4
...
5
<插件预置选项 n>: <选项内容 n>
6
---

插件预置选项	简介	内容取值及说明
title	属于 YAML Front Matter 的标准选项	指定导出 HTML 后的文档标题
author	:	指定导出 HTML 后的作者信息
keywords	:	指定导出 HTML 后的文档关键字，便于搜索引擎收录
vlook-chapter-autonum	自定义章节自动编号的格式、前缀、后缀等内容	详见：章节自动编号 _{支持设置为多个值，以两个英文井号「##」进行分隔}
vlook-doc-lib	启用并指定当前文档的文库 URL	详见：文库导航
vlook-query	自定义文档 URL 中的 VLOOK™ 规范的插件调校参数	详见以下章节：插件调校参数
vlook-welcome	自定义文档在加载时欢迎页信息	详见：自定义欢迎页内容
vlook-image-host	默认图床地址，如：`https://xxx.abc.com/images`	目前主要针对 Safari 打开本地 HTML 的文件，且指定图片剪影时使用

如果你对以上内容有更多需求或建议，欢迎随时反馈～

我要回到快速入坑°主题与不杂项

插件调校参数

通过 VLOOK™ 的「插件调校参数」可以对插件功能或文档的样式、交互方式进行开关和调整，支持以下方式进行调校（若同时存在则以 URL 参数指定的为优先）：

方式一：通过文档的 URL 参数（即 Query）指定
方式二：通过 Markdown 文档的 YAML Front Matter 来指定

VLOOK™ 插件调校参数说明

调校参数	说明	默认值	取值及说明
badge	调整徽章未指定色号时默认使用的色号	`T1`	`色号` - 对应的预置色号，详见这里
capauto	指定在内容索引无题注内容时，是否以索引对象的内容自动生成（如：表格、图片、代码块等）	`off`	`off` - 不开启 `on` - 开启
capnum	指定不要启用自动生成内容索引与编号的范围不启用的情况下，对应内容的超长后的自动折叠也会不启用（如有多项间可，用英文逗号分隔）	全部开启	`table` - 表格 `figure` - 插图 `audio` - 音频 `video` - 视频 `codeblock` - 代码块
cf	控制使用长内容自动折叠的开关若有多个指定范围要开启，可用英文逗号「,」进行分隔	`on`	`off` - 全不开启 `on` - 全开启指定范围开启： `table` - 指定「表格」 `figure` - 指定「插图」 `codeblock` - 指定「代码块」
coating	调整刮刮卡未指定色号时默认使用的色号	`Gy`	`色号` - 对应的预置色号，详见这里
cs	指定使用固定的颜色方案	`auto`	`light` - 强制显示为 Light Mode `dark` - 强制显示为 Dark Mode `auto` - 自动跟随系统配置
effect	调整文档的动效级别	`2`	`0` - 关闭动效 `1` - 标准动效 `2` - 增强动效（毛玻璃等）
lmc	对代码块自动生成题注并编号的行数下限	`1`	`{行数下限}` - 大于该行数的代码才会自动生成题注和编号如：`3`
xmd	指定将扩展名为「*.md」的链接转换为指定的新扩展名（默认对全局生效，也支持在广西链接中单独指定）	`html`	`off` - 关闭，不转换 `{扩展名}` - 指定的扩展名，如 `php` `htm` 等
nc	指定大纲与索引导航初始的运行模式	`auto`	`auto` - 在封面时自动关闭、在正文时自动展开 `closed` - 始终关闭，须鼠标悬停在左侧，或通过工具栏打开
quote	调整普通的「引用块」默认自动转换为指定色号的引用块着色	`T1`	`off` - 关闭，不自动转换 `色号` - 对应的预置色号，详见这里
radius	使用指定的圆角样式，忽略 VLOOK 主题自带的样式		`none` - 不使用圆角 `small` - 使用小号圆角 `big` - 使用大号圆角
reset	强制重置浏览器存储的 VLOOK 相关数据		`true`
srcset	对于没有高清分辨率的图片，在高分屏上强制以高清形式显示	不开启	`auto` - 对未指定 srcset 的图片强制以高清形式显示
stsbar	指定文档底部状态栏内不要启用的内容项（多项间可用英文逗号分隔）	全部	`doc-info` - 阅读时长、字数 `font-theme` - 字体主题 `color-scheme` - 颜色主题 `link-checker` - 错误链接检查
tag	调整标签未指定色号时默认使用的色号	`T2`	对应的预置色号，详见这里
target	配合文库导航使用：应用-1. 指定在 YAML 中文库预置选项 `vlook-doc-lib` 中链接在新标签中打开应用-2. 文档内指定链接在「文库」中打开		针对「应用-1」：`_blank` 针对「应用-2」：`vdl`
toc	指定目录大纲初始自动折叠的层级	`1`	`0` - 不折叠，全部展开 `1~5` - 折叠指定的层级
tr	指定表格阅读模式（十字光标）默认开关	`off`	`off` - 不开启 `on` - 开启
vdl	控制文库功能的开关	`on`	`off` - 不开启 `on` - 开启
wf	强制指定使用的字体主题指定该参数后则忽略 VLOOK 主题配套的字体主题	主题配套	`local` - 强制使用「系统默认」 `sans` - 强制使用「小清新」 `serif` - 强制使用「文艺范」
ws	指定文档的「欢迎页」显示模式	`auto`	`auto` - 文档和插件加载完成后，延时秒数由主题指定 `wait` - 文档和插件加载完成后，手动关闭欢迎页 `none` - 不显示欢迎页 `1~60` - 指定延时的秒数（优先级最高）

方式一：通过 URL 参数指定（多个参数间用「&」进行分隔）

示例_指定插件调校参数方式一


x
1
我的文档.html?参数1=取值&参数2=取值...&参数n=取值
2

3
举例-我的文档.html?ws=none&lmc=2

方式二：通过 YAML Front Matter 指定（多个参数间用「&」进行分隔）

示例_指定插件调校参数方式二


xxxxxxxxxx
3
1
---
2
vlook-query: 参数1=取值&参数2=取值...&参数n=取值
3
---

如果你对以上内容有更多需求或建议，欢迎随时反馈～

我要回到快速入坑°主题与不杂项

快捷键操作汇总

VLOOK™ 的功能和特性支持快捷键操作，效率再上一个台阶。

快捷键操作汇总

分类	功能	快捷键
常用	开启、关闭 Dark Mode	`D`
:	显示、隐藏「大纲与索引导航」面板	`O`
:	搜索大纲与索引导航的内容	`/`
:	打开、关闭「表格阅读模式」	`X`
:	打开「文库」，或显示入口	`L`
字体主题	选择字体风格	`A`
:	退出「字体主题」选择	`ESC`
逐章导航	前一个章节	`◀` 或 `,`
:	后一个章节	`▶` 或 `.`
段落导航	跳到下一个段落	`J`
:	跳到上一个段落	`K`
插图导航	显示「插图导航」	`I`
:	前一张插图	`◀` 或 `,`
:	后一张插图	`▶` 或 `.`
:	退出「插图导航」模式	`ESC`
聚光灯	打开「聚光灯」	`S`
:	调节聚光灯的大小	`⇧ Shift`
:	退出「聚光灯」模式	`ESC`
激光笔	打开「激活笔」	`P`
:	退出「激光笔」模式	`ESC`

跨平台、动效支持

跨平台
应用 VLOOK™ 插件的文档能自适应在 PC、平板、手机端访问；
推荐使用以下浏览器及最新版本：
Chrome　　 Edge　　 Firefox

动效
默认会启增强动效（包括毛玻璃），可以根据实际降低动效级别，可通过「插件调校参数」lmc 来进行调整
Firefox 如何启用毛玻璃效果？
在地址栏输入：about:config
搜索配置项：layout.css.backdrop-filter.enabled ，并设置为 true

emoji 支持

表情
😀 😁 😂 😃 😄 😅 😆 😉 😊 😋 😎 😍 😘 😗 😙 😚 ☺ 🙂 🤗 😇 🤓 🤔 😐 😑 😶 🙄 😏 😣 😥 😮 🤐 😯 😪 😫 😴 😌 😛 😜 😝 😒 😓 😔 😕 🙃 🤑 😲 😷 🤒 🤕 🙁 😖 😞 😟 😤 😢 😭 😦 😧 😨 😩 😬 😰 😱 😳 😡 😠
_Og
动物
🐱 😺 😸 😹 😻 😼 😽 🙀 😿 😾 🙈 🙉 🙊 🐵 🐒 🐕 🐩 🐺 🐱 🐈 🦁 🐯 🦄 🐂 🐃 🐄 🐷 🐖 🐗 🐽 🐏 🐑 🐐 🐪 🐫 🐘 🐭 🐁 🐀 🐹 🐰 🐇 🐿 🐨 🐼 🐾 🦃 🐓 🐣 🐤 🐥 🐦 🐧 🕊 🐸 🐊 🐍 🐲 🐉 🐳 🐋 🐬 🐟 🐡 🐙 🐚 🦀 🐌 🐜 🐝 🐞 🕷 🦂 🕸
_Cy
办公
📱 📲 ☎ 📞 📟 📠 🔋 🔌 💻 💽 💾 💿 📀 🎥 📺 📷 📹 📼 🔍 🔎 🔬 🔭 📡 📔 📕 📖 📗 📘 📙 📚 📓 📃 📜 📄 📰 📑 🔖 💳 ✉ 📧 📨 📩 📤 📥 📦 📫 📪 📬 📭 📮 ✏ ✒ 📝 📁 📂 📅 📆 📇 📈 📉 📊 📋 📍 📎 📏 📐 ✂ 🔒 🔓 🔏 🔐 🔑
_Gy
饮食
🍇 🍈 🍉 🍊 🍋 🍌 🍍 🍎 🍏 🍑 🍒 🍓 🍅 🍆 🌽 🍄 🌰 🍞 🍖 🍗 🍔 🍟 🍕 🍳 🍲 🍱 🍘 🍙 🍚 🍛 🍜 🍝 🍠 🍢 🍣 🍤 🍥 🍡 🍦 🍧 🍨 🍩 🍪 🎂 🍰 🍫 🍬 🍭 🍮 🍯 🍼 ☕ 🍵 🍶 🍷 🍸 🍹 🍴
_Rd
身体
👂 👣 👀 👁 👁 🗨 👅 👄
_Pk
手机
📱 📲 📶 📳 📴 ☎ 📞 📟 📠
_Bu
恐怖
😈 👿 👹 👺 💀 ☠ 👻 👽 👾 💣
_Gy
星座
♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓ ⛎
_Pu
公共
♻ 🏧 🚮 🚰 ♿ 🚹 🚺 🚻 🚼 🚾 ⚠ 🚸 ⛔ 🚫 🚳 🚭 🚯 🚱 🚷 🔞 💈
_Bn
建筑
🏠 🏡 🏢 🏣 🏤 🏥 🏦 🏨 🏩 🏪 🏫 🏬 🏭 🏯 🏰 💒 🗽 ⛪ 🌆 🌇 🌉
_Gy
植物
💐 🌸 💮 🏵 🌹 🌺 🌻 🌼 🌷 🌱 🌲 🌳 🌴 🌵 🌾 🌿 ☘ 🍀 🍁 🍂 🍃
_Gn
心形
💘 ❤ 💓 💔 💕 💖 💗 💙 💚 💛 💜 💝 💞 💟 ❣
_Pk
自然
🌍 🌎 🌏 🌐 🌑 🌒 🌓 🌔 🌕 🌖 🌗 🌘 🌙 🌚 🌛 🌜 ☀ 🌝 🌞 ⭐ 🌟 🌠 ☁ ⛅ ☔ ⚡ ❄ 💧 🌊
_Cy
文体
🎪 🎭 🎨 🎰 🚣 🛀 🎫 🏆 ⚾ 🏈 🏉 🎾 🎱 🎳 ⛳ 🎣 🎽 🎿 🏂 🏄 🏇 🏊 🚴 🚵 🎯 🎮 🎲 🎷 🎸 🎺 🎻 🎬
_Rd
时钟
🕛 🕧 🕐 🕜 🕑 🕝 🕒 🕞 🕓 🕟 🕔 🕠 🕕 🕡 🕖 🕢 🕗 🕣 🕘 🕤 🕙 🕥 🕚 🕦 ⌛ ⏳ ⌚ ⏰ ⏱ ⏲ 🕰
_Gy
手势
💪 👈 👉 ☝ 👆 🖕 👇 ✌ 🖖 🤘 🖐 ✋ 👌 👍 👎 ✊ 👊 👏 👐 ✍ 💅
_Ye
标志
♠ ♥ ♦ ♣ 🀄 🎴 🔇 🔈 🔉 🔊 📢 📣 💤 💢 💬 💭 ♨ 🌀 🔔 🔕 ✡ ✝ 🔯 📛 🔰 🔱 ⭕ ✅ ☑ ✔ ✖ ❌ ❎ ➕ ➖ ➗ ➰ ➿ 〽 ✳ ✴ ❇ ‼ ⁉ ❓ ❔ ❕ ❗ © ® ™ 🎦 🔅 🔆 💯 🔠 🔡 🔢 🔣 🔤 🅰 🆎 🅱 🆑 🆒 🆓 ℹ 🆔 Ⓜ 🆕 🆖 🅾 🆗 🅿 🆘 🆙 🆚 🈁 🈂 🈷 🈶 🈯 🉐 🈹 🈚 🈲 🉑 🈸 🈴 🈳 ㊗㊙ 🈺 🈵 ▪ ▫ ◻ ◼ ◽ ◾ ⬛ ⬜ 🔶 🔷 🔸 🔹 🔺 🔻 💠 🔲 🔳 ⚪ ⚫ 🔴 🔵 ▶ ◀ ⬆ ↗ ➡ ↘ ⬇ ↙ ⬅ ↖ ↕ ↔ ↩ ↪ ⤴ ⤵ 🔃 🔄 🔙 🔚 🔛 🔜 🔝
_Rd
物品
💌 💎 🔪 💈 🚪 🚽 🚿 🛁 ⌛ ⏳ ⌚ ⏰ 🎈 🎉 🎊 🎎 🎏 🎐 🎀 🎁 📯 📻 📱 📲 ☎ 📞 📟 📠 🔋 🔌 💻 💽 💾 💿 📀 🎥 📺 📷 📹 📼 🔍 🔎 🔬 🔭 📡 💡 🔦 🏮 📔 📕 📖 📗 📘 📙 📚 📓 📃 📜 📄 📰 📑 🔖 💰 💴 💵 💶 💷 💸 💳 ✉ 📧 📨 📩 📤 📥 📦 📫 📪 📬 📭 📮 ✏ ✒ 📝 📁 📂 📅 📆 📇 📈 📉 📊 📋 📍 📎 📏 📐 ✂ 🔒 🔓 🔏 🔐 🔑 🔫 🔧 🔩 🔗 💊 🚬 🔮 🚩 🎌 💦 💨
_Gy
人物
👦 👧 👨 👩 👴 👵 👶 👱 👮 👲 👳 👷 ⛑ 👸 💂 🕵 🎅 👰 👼 💆 💇 🙍 🙎 🙅 🙆 💁 🙋 🙇 🙌 🙏 🗣 👤 👥 🚶 🏃 👯 💃 🕴 👫 👬 👭 💏 💑 👪 👨‍ 👩‍ 👧 👨‍ 👩‍ 👧‍ 👦 👨‍ 👩‍ 👦‍ 👦 👨‍ 👩‍ 👧‍ 👧 👩‍ 👩‍ 👦 👩‍ 👩‍ 👧 👨 👩 👦 👨 👩 👧 👨 👩 👧 👦 👨 👩 👦 👦 👨 👩 👧 👧 👨 👨 👦 👨 👨 👧 👨 👨 👧 👦 👨 👨 👦 👦 👨 👨 👧 👧 👩 👩 👦 👩 👩 👧 👩 👩 👧 👦 👩 👩 👦 👦 👩 👩 👧 👧
_Og
交通
🚂 🚃 🚄 🚅 🚆 🚇 🚈 🚉 🚊 🚝 🚞 🚋 🚌 🚍 🚎 🚏 🚐 🚑 🚒 🚓 🚔 🚕 🚖 🚗 🚘 🚚 🚛 🚜 🚲 ⛽ 🚨 🚥 🚦 🚧 ⚓ ⛵ 🚣 🚤 🚢 ✈ 💺 🚁 🚟 🚠 🚡 🚀
_Bu
_Gy!

国际化支持

VLOOK™ 插件的界面语言，自动适配浏览器的语言设置。

CJK（中日韩）
🇨🇳 简体中文 (Simplified Chinese)
以下语言可根据需求个性进行定制：
￮ 🇭🇰 繁体中文 (Traditional Chinese)
￮ 🇯🇵 日文 (Japanese)
￮ 🇰🇷 韩文 (Korean)

非 CJK（拉丁语系）
🇬🇧 英文 (English)
以下语言可根据需求个性进行定制：
￮ 🇫🇷 法文 (French
￮ 🇩🇪 德文 (German)
￮ 🇪🇸 西班牙文 (Spanish)
￮ 🇷🇺 俄文 (Russian)

延伸内容

图片 URL 扩展应用说明

图片 URL 无 Query 参数时
先在 URL 后添加英文问号 ? 后，再添加需要的 URL Query 参数。
示例-1：![图片题注](xxx.png?darksrc=invert)
Tip
若图片 URL 中含有锚点内容，如 xxx.png#icon2x ，请在锚点前添加 URL Query 参数。

示例-2：![图片题注](xxx.png?darksrc=invert#icon2x)

图片 URL 锚点
图片 URL 支持添加锚点实现快速图片排版，目前支持通过锚点排版的特性包括：
插图对齐方式 ❯❯
图片显示版式 ❯❯
一行多图适配 ❯❯
图片边缘留白 ❯❯
当需要同时应用以上多个排版，可添加多个锚点，如：#center#padding#icon2x

图片 URL 已有 Query 参数时
多个参数间用英文特殊符号 & 进行分隔。
示例：![图片题注](xxx.png?darksrc=invert#padding)

基于色轮的配色方案

配色示例	说明
	单色方案由一个颜色的暗/中/明色调组成（如：暗绿、绿、粉绿）单色搭配上并没有形成颜色的层次，但形成了明暗的层次。这种搭配在设计中应用时，出来的效果永远不错，其重要性也可见一斑。
	类比色方案色轮上某个颜色的相邻的颜色（如：橙黄色、黄色、橙色）类比色都拥有共同的三原色颜色（在上图中，是黄色及红色）。这种颜色搭配产生了一种令人悦目、低对比度的和谐美感。类比色非常丰富，在设计时应用这种搭配同样让你轻易产生不错的视觉效果。
	补色方案色轮上直线相对的两种颜色（如：红、绿）补色形成强列的对比效果，传达出活力、能量、兴奋等意义。补色要达到最佳的效果，最好是其中一种面积比较小，另一种比较大。比如在一个蓝色的区域里搭配橙色的小圆点。
	分裂补色方案色轮上某颜色（如：红色）及其补色的类比色（如：绿、青）这种颜色搭配既具有类比色的低对比度的美感，又具有补色的力量感。形成了一种既和谐又有重点的颜色关系。如在上面三种颜色中，红色就显得更加突出。
	二次色方案二次色容易构成协调的搭配（如：绿、橙、紫）任意两个二次色之间都拥有一种共同的颜色，所以它们轻易能够形成协调的搭配。如果三种二次色同时使用，则显得很舒适、吸引，具有丰富的色调，以及深度和广度。
	原色方案三原色同时使用是比较少红黄搭配较受欢迎。从快餐店到加油站，我们都可以看见这两种颜色同时在一起。蓝红搭配也很常见，但只有当两者的区域是分离时，才会显得吸引人。注意：如果是紧邻在一起，则会产生冲突感，需进行分离。

1 Mermaid 是一个用于画流程图、状态图、顺序图、甘特图的库，使用 JS 进行本地渲染，广泛集成于许多 Markdown 编辑器中。详见 Mermaid 官网，或 VLOOK™ 的示例文档《脚本化图表 for Markdown》 ↩ ↩

2 这是 VLOOK™ 优化后的脚的信息 ↩

配色示例	说明
	单色方案由一个颜色的暗/中/明色调组成（如：暗绿、绿、粉绿）单色搭配上并没有形成颜色的层次，但形成了明暗的层次。这种搭配在设计中应用时，出来的效果永远不错，其重要性也可见一斑。
	类比色方案色轮上某个颜色的相邻的颜色（如：橙黄色、黄色、橙色）类比色都拥有共同的三原色颜色（在上图中，是黄色及红色）。这种颜色搭配产生了一种令人悦目、低对比度的和谐美感。类比色非常丰富，在设计时应用这种搭配同样让你轻易产生不错的视觉效果。
	补色方案色轮上直线相对的两种颜色（如：红、绿）补色形成强列的对比效果，传达出活力、能量、兴奋等意义。补色要达到最佳的效果，最好是其中一种面积比较小，另一种比较大。比如在一个蓝色的区域里搭配橙色的小圆点。
	分裂补色方案色轮上某颜色（如：红色）及其补色的类比色（如：绿、青）这种颜色搭配既具有类比色的低对比度的美感，又具有补色的力量感。形成了一种既和谐又有重点的颜色关系。如在上面三种颜色中，红色就显得更加突出。
	二次色方案二次色容易构成协调的搭配（如：绿、橙、紫）任意两个二次色之间都拥有一种共同的颜色，所以它们轻易能够形成协调的搭配。如果三种二次色同时使用，则显得很舒适、吸引，具有丰富的色调，以及深度和广度。
	原色方案三原色同时使用是比较少红黄搭配较受欢迎。从快餐店到加油站，我们都可以看见这两种颜色同时在一起。蓝红搭配也很常见，但只有当两者的区域是分离时，才会显得吸引人。注意：如果是紧邻在一起，则会产生冲突感，需进行分离。

打赏

快速入坑

快速入坑°文档排版

表格

内容组织

行格式

列格式

图片 • 图标 • 图表

图片与图表

版式

外观

分栏 • 引用块

对内容分级、分栏/看板、分类展示

引用块多样化的自动排版

标签 • 徽章 • 注音 • 面包屑 • 刮刮卡

标记、突出关键内容

注音、拼音、刮刮卡

代码块 • 多媒体 •列表• 任务

代码块

音频、视频

列表、任务清单

快速入坑°内容导航

快速入坑°演示与出版

快速入坑°主题与不杂项

模板主题、字体主题

第三方集成的适配

不「杂」项

°内容标记

标签

如何将「旧语法」批量更新为「新语法」？

旧语法 即将废弃

徽章

如何将「旧语法」批量更新为「新语法」？

旧语法 即将废弃

进度条

面包屑

示例

刮刮卡

如何将「旧语法」批量更新为「新语法」？

旧语法 即将废弃

示例_刮刮卡

注音

上标式注音

如何将「旧语法」批量更新为「新语法」？

旧语法 即将废弃

示例_注音1

示例_注音2

中文注音线上释义服务

非中文注音线上翻译服务

代码式注音

示例_注音 1

示例_注音 2

°主题

模板主题

预置模板主题

私人定制模板主题

字体主题

ℹ️ 「小清新、文艺范」配套的字体下载

小清新_选用的字体及应用

文艺范_选用的字体及应用

封面、封底

标题

文档类型、密级

作者

版权信息

示例_最小化的文档封面内容

示例_本文档的封面内容

示例_本文档的封底内容

如何将封面中旧的上标格式语法替换为新的下划线格式语法？

Dark Mode

°内容导航

章节自动编号

这是三级章节示例

这是四级章节示例

这是五级章节示例

大纲与索引导航

面包屑导航

逐章导航

逐段导航

插图导航

旧语法 `即将废弃`

旧语法 `即将废弃`

旧语法 `即将废弃`

旧语法 `即将废弃`