Select language ❯ 🇨🇳 简体中文

Donation

Thanks for donating to VLOOK™ (partial donor list)

Peter_PuOgRd、绿邃清幽_CyBuAq、李导996_CyBuAq、fanky_CyBuAq、＊丽_CyBuAq、杨琛_CyBuAq、＊哦_GnBn、＊豫_GnBn、l＊a_GnBn、＊o_GnBn、C＊r、ocean、swingingroi、＊胡、K＊y、行川、＊药、＊山、＊魂、＊士、＊狗、＊R、＊Z、＊川、l＊n、＊朽、＊杰、A＊C、W＊l、＊山、J＊o、韩宗辉、＊星、一叶知秋、d＊、＊军、＊鹏、＊无、H＊t、＊二、＊宇、＊辉、＊秋、＊笑、＊心、整＊9、＊国、＊哥、乌拉、＊龙、远方眼前、＊雩、＊应、＊销、E＊y、…

Your coffee ☕️ keeps VLOOK™ running

_Se

Your coffee ☕️ keeps VLOOK™ running

_Gn

°Appearance

Template Themes

Markdown FansQ「Can your Markdown documents switch skins with one click?!」

VLOOKA_T2 Built-in original themes for various scenarios, surpassing expectations for Markdown themes!

Availability ••• Editing✓ Supported_Gn Export HTML✓ Supported_Gn

Themes apply to Typora UI and all editable elements for visual consistency!

Built-in Template Themes

VLOOK™'s 7 free themes (click the image below to preview the effect.)～

(Automatically adapts to the system light/dark appearance by default. Standalone Light and Dark theme variants are also available.)

_Og

_Gn

_Gy

_Bu

_Ye

_Vn

_Cy

_Pu

Online plugin users can specify themes via Plugin Tuning Parameters theme.

Custom Template Themes

Now offering theme customization services (sample cases below)

Explore More About VIP Themes

Font Style

Markdown FansQ「Themes boost visual appeal, fonts define document personality!」

VLOOKA_T2 Five distinctive Font Style for different preferences.

Availability ••• Editing✓ Supported_Gn Export HTML✓ Supported_Gn

Select via in status bar
Also configurable via VIP Themes

_Gy

_Gy

_Gy

_Gy

_Gy

_Gy

_Gy

_Gy

Some Font Style marked with (WebFont) require an Internet connection to load and take effect properly.

If you cannot connect to the Internet or your network is slow, it is recommended to download the fonts for local installation.

Download the Font Package

Dark Mode

Markdown FansQ「Want Markdown documents to adapt to system dark mode.」

VLOOKA_T2 All VLOOK™ themes auto-adapt to browser/system dark mode.

Availability ••• Editing✓ Supported_Gn Export HTML✓ Supported_Gn

Toggle via / / (shortcut A)

Gray Mode

Markdown FansQ「Want documents to display in grayscale on memorial days.」

VLOOKA_T2 Easily enable grayscale display on specified dates.

Availability ••• Editing× Not Supported_Gy Export HTML✓ Supported_Gn

Specify Gray Mode dates via Plugin Preset Options vlook-gray-mode in YAML Front Matter

Add Gray Mode Dates

1
---
2
vlook-gray-mode: Month-Day:Title@LanguageCode
3
# Example:
4
# 12-13:National Memorial Day@zh;04-05:Tomb-Sweeping Day@zh,ko
5
---

Month and Day format: 12-13 or 04-05

Title optional, date description e.g. National Memorial Day

LanguageCode optional, applicable languages (comma-separated)

^{e.g.: Chinese zh, Chinese & Korean zh,ko, English en}

---

 

• Separate multiple dates with semicolons ;

• Temporarily disable via

^tab

Browser Theme Color

Supports the browser top bar theme color (brand color) feature on mobile devices, providing a friendlier and more consistent browsing experience.

Browser support for theme-color varies across platforms and versions. Currently, major browsers that support this standard include:

• Safari ^{for iOS}

• Chrome ^{for Android}

• For more details, see: Can I use?

For feedback:

°Content Navigation

Document Library Navigation

Markdown FansQ「I have many Markdown documents on similar topics/projects, hoping to organize and access them conveniently after publishing as HTML.」

VLOOKA_T2 Configure a dedicated "Library" for each document to quickly access your "document universe".

Availability ••• Editing× Not Supported_Gy Export HTML✓ Supported_Gn

• After configuring a Library in the document (or when the document contains library-type links), a Library entry will be displayed in the Navigation Center;

• Supports configuring multiple links for the Library;

• Footnotes automatically generate an entry to view all footnote content.

1. First, add a YAML Front Matter to the document via the menu: Typora > Paragraph > YAML Front Matter

2. Then add the vlook-doc-lib configuration item and its corresponding content inside the YAML section.

Choose one or more of the following configuration methods as needed:

^tab

Library Configuration Method 1 (Simplest)

xxxxxxxxxx
3
1
---
2
vlook-doc-lib: library.html
3
---

Library Configuration Method 2 (Add title, keywords)

xxxxxxxxxx
1
1
vlook-doc-lib: [Your Library Title](library.html "Keywords for navigation center search")

For multiple libraries:

xxxxxxxxxx
6
1
---
2
vlook-doc-lib: 
3
- library1.html
4
- [Open as Library](library2.html "Supports keyword search in the Navigation Center.")
5
- [Open in New Tab](library3.html)
6
---

How to open a library link in a new browser tab?

Add the target parameter to the URL. Its values are consistent with the HTML standard and can be set to _blank or a custom value. An additional value, auto, is also supported.

Examples:

​x
1
# (Recommended) Open the link only in a new tab of the browser
2
- library.html?target=auto
3

4
# Open in a new browser tab (when the original URL already contains other parameters, use the & symbol as the separator)
5
- library.html?other=1&target=_blank
6

7
# Open only in a browser tab named (mydoc)
8
- library.html?target=mydoc

How to open a library link in the current browser tab?

The value of target is consistent with the HTML standard. It only needs to be set to _self .

Example:

xxxxxxxxxx
2
1
# Open in the current browser tab
2
- library.html?target=_self

How to display any link from a document inside the library popup?

Simply add the URL parameter target=vdl to the text link.

Examples:

xxxxxxxxxx
2
1
[Click here to open the default library](?target=vdl)  
2
[Click here to open Library 2](library2.html?target=vdl)

For more examples, see: Link Content Recognition

Navigation Center

Markdown FansQ「When documents contain extensive content, just having an outline isn't enough for quick positioning and displaying key resources」

VLOOKA_T2 VLOOK™ enhances the table of contents and supports rich indexing of document resources.

Availability ••• Editing× Not Supported_Gy Export HTML✓ Supported_Gn

Toggle the button on the left toolbar to "open / close" the navigation center (shortcut N)

• Displays hierarchical table of contents and various types of "Library" entries

• Categorized indexing of document content, supporting: Images, Tables, Code Blocks, Formula, Multimedia

• All content supports Plugin Tuning Parameterskeyword search and Plugin Tuning Parameterstokenized search (separate keywords with spaces)

Chapter Navigation

Markdown FansQ「Besides the outline, I want to browse chapter by chapter in order.」

VLOOKA_T2 VLOOK™ automatically provides a "Chapter Navigation Bar" at the top of the document.

Availability ••• Editing× Not Supported_Gy Export HTML✓ Supported_Gn

When scrolling into the main content area, a chapter navigation bar automatically appears at the top (hidden when viewing the cover), supporting chapter-by-chapter browsing for levels 1-5.

Chapter Navigation Shortcuts

Figure Navigation

Markdown FansQ「I want to quickly browse all images in the document and jump to their locations.」

VLOOKA_T2 All images and Mermaid¹ diagrams in the document support one-click fullscreen viewing.

Availability ••• Editing× Not Supported_Gy Export HTML✓ Supported_Gn

• Supports zooming via mouse wheel, touchpad, and touchscreen.

• Supports jumping to the corresponding position in the document, viewing the complete illustration index, switching to Picture-in-Picture mode, and more.

Figure Navigation Shortcuts

Long Image & Dual Caption Example

Table Navigation

The functionality is essentially the same as Figure Navigation and also automatically freezes tables.

Footnote Navigation

In technical/academic papers, footnotes are frequently used for supplementary explanations, citations, or notes.

VLOOK™ displays footnotes as popups at current position, avoiding jumps, also accessible via Navigation Center Library List.

Availability ••• Editing× Not Supported_Gy Export HTML✓ Supported_Gn

Click the superscript after this paragraph to view the footnote²

Quick Action Navigation

Default action is Navigation History

Add custom quick actions via vlook-quick-action in YAML.

Quick actions consist of "Action Icon" and "Action Link" separated by semicolon ; .

Icon format follows Markdown image syntax: ![Icon Title](my-icon.svg) where:

• Recommended size: 20 × 20 pixels

• Title is optional (hover tooltip)

Link format follows Markdown link syntax: [Note](URL) where:

• Note is optional (supplementary hover tooltip)

• For images shown on hover, add ?target=qv to URL

Example configuration:

xxxxxxxxxx
4
1
---
2
# Configure quick actions in YAML
3
vlook-quick-action: ![Icon Title](my-icon.svg);[Note](xxx.png?target=qv)
4
---

For multiple actions:

xxxxxxxxxx
7
1
---
2
# Configure multiple quick actions
3
vlook-quick-action:
4
- ![Title1](my-icon1.svg);[Note1](url-1.html?target=view)
5
- ![Title2](my-icon2.png);[Note2](url-2.html)
6
- ![Title3](my-icon3.png);[Note3](url-3.html)
7
---

Continue Last Reading

Markdown FansQ「Static HTML documents generally can't remember the last reading position～」

VLOOKA_T2 VLOOK™ enables every exported static HTML to quickly return to the last reading position.

Availability ••• Editing× Not Supported_Gy Export HTML✓ Supported_Gn

• After opening a previously read HTML document, a "Continue Last Reading" button appears in the top-right corner, clicking it returns to the last reading position;

• This entry will automatically hide shortly after, but can be accessed again via the button (shortcut H).

Navigation History

Availability ••• Editing× Not Supported_Gy Export HTML✓ Supported_Gn

• Automatically records all navigation history within current document;

• Access via button (shortcut H).

For feedback:

°Content Assistant

Availability ••• Editing× Not Supported_Gy Export HTML✓ Supported_Gn

Context-aware quick functions for different content types: Tables, Images, Tags, Scratch Card, Code & Code Blocks, Formula, Breadcrumbs

Copy Content

• Copy "Multi-level Tags"

  Click segments to copy content including right-side parts, e.g.: CategoryContent1Content2

• Copy "Single-level Tags, Code"

  Click to copy content, e.g.: Tag Code

• Copy "Code Blocks"

  One-click copy entire code block

• Copy "Images"

  Copy image URL, Try with an image ❯

Fullscreen Mode

The Content Assistant supports one-click fullscreen display for illustrations (images/Mermaid diagrams) and tables.
In fullscreen mode, you can browse forward/backward, jump to the corresponding position in the document, view the complete category index, and more.

Learn more: Figure Navigation ❯ , Table Navigation ❯

Toggle Frozen Table Columns

When the Freeze Table Columns feature is enabled or configured in the theme, you can unfreeze or refreeze columns while viewing the exported HTML.

Hover over the table and use the button in the top-right Content Assistant to perform the related actions.

Table Reading Mode

Markdown FansQ「With many rows/columns, how to quickly see related cells?」

VLOOKA_T2 Works out-of-the-box with VLOOK™～

• Hover table, click to toggle;

• Click any cell to highlight its row and column (crosshair);

• Navigate with Plugin Tuning Parametersarrow keys ( ▲ ▼ ◀ ▶ ), Enter ⏎ to expand/collapse grouped rows;

• Click blank area or ESC to temporarily hide.

Try clicking cells or moving cursor in this table

Line Wrap Layout

Markdown FansQ「Need different line-wrapping styles for tables/code blocks.」

VLOOKA_T2 VLOOK™ provides out-of-the-box toggle.

Hover "Tables/Code Blocks", click to toggle "Wrap"/"No Wrap".

Picture-in-Picture

Markdown FansQ「Want floating display for images/tables/code/formulas like videos.」

VLOOKA_T2 Available out-of-the-box with VLOOK™～

• Hover content, click to enable;

• Defaults to 75% size, adjustable via zoom buttons.

Try it on any image/table/code/formula in the document～

For feedback:

°Presentation Tools

Availability ••• Editing× Not Supported_Gy Export HTML✓ Supported_Gn

Laser Pointer

Markdown FansQ「Need laser pointer for document reviews/presentations.」

VLOOKA_T2 Works out-of-the-box with VLOOK™～

Toggle via (shortcut P).

Spotlight

Markdown FansQ「Need spotlight to focus audience on specific areas.」

VLOOKA_T2 Works out-of-the-box with VLOOK™～

• Toggle via (shortcut L);

• Adjust size with ⇧ Shift.

Paragraph Roaming

Markdown FansQ「Want paragraph-by-paragraph highlighting for focused browsing.」

VLOOKA_T2 Click (or shortcut) to enter mode (vim-inspired).

Availability ••• Editing× Not Supported_Gy Export HTML✓ Supported_Gn

Paragraph Roaming Shortcuts_vim-inspired_

Presentation View

Switch seamlessly between the traditional flow layout and a slide-based presentation view with a single press of S.

When enabled, the toolbar, navigation center, status bar, and other interface elements are hidden. Press S again or ESC to exit Presentation View.

Zen View

When you need an immersive reading experience, you can press Z to enter "Zen View" with one click.

Once enabled, elements such as the toolbar, navigation center, and status bar will be hidden. Press Z again or ESC to exit "Zen View".

Mermaid Element Highlighting

Hover to highlight Mermaid chart elements (nodes, subgraphs, text) for focused presentations, Try with Mermaid ❯

Content Width Adaptation

To ensure a good reading experience, two modes are provided for the content width: fixed width and fit to window width, along with a mechanism to switch between them:

• For exported HTML, click the arrow on the right to toggle the content width between different modes

• During editing:

  • Supports setting to fixed width, fit to window width, or auto switch

  • For auto switch, you can toggle between different width modes using the following methods:

Show / Hide the left sidebar (Outline / Files)

Shortcut: ⇧ Shift + Cmd / Control + L

Enable / Disable Focus Mode

Shortcut: F8

Reading Progress

A friendly reading progress indicator has been added at the bottom of the document, allowing you to check your reading progress at any time. It also works regardless of whether the scrollbar is automatically hidden.

For feedback:

°Publishing Tools

Availability ••• Editing× Not Supported_Gy Export HTML✓ Supported_Gn

Mark Content not to Publish

Markdown FansQ「How to handle unfinished/temporary content elegantly?」

VLOOKA_T2 Markdown's "Strike" + headings = elegant content control～

Use Markdown "strikethrough" to mark unpublished content:

Specific Chapters

Level 1-6 headings including sub-chapters.

Method: Apply strikethrough to heading text

Specific Blockquotes

Blockquotes with subtitles or folding

Method: Apply strikethrough to subtitle/folding title

Specific Table Columns

One or multiple columns

Method: Apply strikethrough to column headers per Table Column Format

Unpublished bold subtitle blockquote

This won't be published

~~Unpublished highlighted subtitle blockquote

This won't be published

Unpublished folded blockquote

This won't be published

Publish as PDF

After exporting to HTML with VLOOK™, you can enjoy rich document layout capabilities.
However, using Typora's built-in "Export to PDF" may result in loss of formatting.
To publish in PDF format with full layout support, use the "Publish as PDF" feature provided in the VLOOK™ exported HTML.

Availability ••• Editing× Not Supported_Gy Export HTML✓ Supported_Gn

1. Open the exported HTML file and click the button ( shortcut ⌃ Ctrl / ⌘ command + P ) in the bottom-right corner to launch the feature.

2. Before printing, the page will adapt its styles for print output. Then use your browser’s "Print to PDF" / "Save as PDF option to generate the final PDF.

Provide the following control options

• Enable / Disable: Cover Adapted for A4 Paper

• Enable / Disable: Include Outline

• Enable / Disable: Expand Blockquote Folding

• Enable / Disable: Cancle Image Filter (Blur)

• Enable / Disable: Expand Table Row Group

• Enable / Disable: Reveal Scratch Card

Page Break Control

---

Method 1

By default, PDF export inserts a page break at each level-1 heading.

If you need a customized default paging rule, you can adjust it through VIP Themes.

Method 2 (Experimental)

Supports manually adding page break markers. Syntax:

 

Based on the Markdown horizontal rule syntax ---, append page after it, i.e. ---page (must occupy its own line).

_Rd

Example start: The content below ↓↓↓ occupies a single page via the "page break marker"

---page

This content occupies 1 full page by adding ---page page break markers before and after.

This content occupies 1 full page by adding ---page page break markers before and after.

This content occupies 1 full page by adding ---page page break markers before and after.

---page

Example end: The content above ↑↑↑ occupies a single page via the "page break marker"

Document Footer

You can add personalized footer content to a document, such as copyright information, ICP details, navigation links, and any other content you want to place at the end of the document.

Currently, the following three methods are supported for adding a document footer

YAML

Supports defining the footer via the document’s YAML Front Matter, suitable for specifying different footers for different documents.

_T1

Built into VIP Themes

Supports being built into VIP Themes, suitable for using a unified footer across all documents.

For individual documents, a different footer can still be specified separately via YAML.

_T2

Default Footer

If the document footer is not specified using the above two methods, the document title is used as the default footer content.

_Gy

To maximize personalization and template-based management, extended support is provided for HTML layout and YAML field references.

Supported YAML fields (referenced using double curly braces)

• {{title}} — Document title

• {{author}} — Author

• {{date}} — Publication date

• {{version}} — Document Version

• {{copyright}} — Copyright information

• {{rights}} — Rights statement

Example of configuring document footer content in YAML (Menu path: Typora ▸ Paragraph ▸ YAML Front Matter):

xxxxxxxxxx
12
1
---
2
title: xxx
3
author: xxx
4
date: xxxx-xx-xx
5
copyright: xxx
6

7
# Example 1
8
vlook-footer: {{title}}<br><br>{{author}}<br>{{date}} ({{version}})
9

10
# Example 2
11
vlook-footer: <a href="xxx.com">More great content</a><br><br>{{copyright}}
12
---

Social Sharing

VLOOK™ supports Open Graph Protocol (enhances how content appears when shared on social media), automatically generating share appearances based on preset OGP tags.

Availability ••• Editing× Not Supported_Gy Export HTML✓ Supported_Gn

VLOOK™ export config includes common OGP tags (see table below), additional tags can be added manually.

Supported Open Graph Tags

YAML Front Matter Example

xxxxxxxxxx
6
1
---
2
"og:title": Share Title Here
3
"og:image": Image URL Here
4
"og:url": Target URL Here
5
"og:description": Share Description Here
6
---

^tab

Link Map

External Link List & Anchor Counts

View all external links in current document and their anchor reference counts.

External Anchor Validation

Quickly check validity of external link anchors as documents grow.

Note External documents must also be VLOOK™ generated.

Long Content Auto-Collapse

VLOOK™ automatically collapses long images, tables, and code to save space～

• Long images … Example ❯

• Long tables … Example ❯

• Long code … Example ❯

Custom Welcome Page

Markdown FansQ「VLOOK™ documents show a welcome page during loading - can I customize it?」

VLOOKA_T2 The welcome page closes automatically after loading, but customization is supported.

Use Plugin Preset Options vlook-welcome in YAML Front Matter:

Custom Welcome Page Example

xxxxxxxxxx
3
1
---
2
vlook-welcome: Custom welcome message here, can include HTML like <strong>Welcome</strong>
3
---

Link Validation & Standardization

Broken Image Sources

Auto-detection with prompts, example:

_Rd

Broken Audio/Video Sources

Auto-detection with prompts, example:

_Rd

Invalid Internal Links (Anchors)

Auto-check for broken page-internal links, example invalid link

How to check external link anchors? See Link Map ❯❯

_Rd

Duplicate Headings

To avoid navigation conflicts

_{(Controllable via Plugin Preset Options vlook-header-dup)}

_Ye

Anchor Standardization Check & Fix

Checks/fixes punctuation in link anchors

_Gy

Link Content Recognition

VLOOK™ automatically recognizes link content types, showing different cursors (adapting to Light/Dark Mode)

VLOOK™ Library Links

• Open Default Library (first library if multiple exist)

• Open Default Library + Anchor

• Open specific file as library: Document Library (En)

_T1!

Recognize Mainstream Hyperlink Resources

#Internal links / Non-secure links / Secure links / Email

_Gy!

High-Risk Resources

.exe files / Plugin Tuning Parameters.sh files

_Rd!

Link Content Conversion

Automatic .md Link Conversion

Typora allows specifying any .md document (or with anchors) during editing for easy cross-document navigation, but exported HTML doesn't automatically convert to .html, which isn't suitable for HTML publishing.

By default converts *.md links to html, can specify any extension.

To disable or specify conversion, use Plugin Tuning Parameters xmd.

_Bu!

Force External Links to Open in New Tab

For better reading experience, external links (http/https) automatically open in new tab.

_Vn!

Lazy Loading for Images

Markdown FansQ「When documents contain many images, exported HTML loads them all immediately, affecting opening speed and wasting bandwidth.」

VLOOKA_T2 Supports delayed loading - images only load when scrolled into view.

During loading, it supports displaying the default placeholder image specified in the Custom Theme.

How to enable lazy loading?

Zero configuration! Just use VLOOK™ built-in themes or VIP Themes, export normally to HTML.

Word Count & Reading Time

Displays word count (separating Latin/CJK characters) and estimated reading time at bottom-right.

For feedback:

°Miscellaneous

Plugin Preset Options

Configure Plugin Tuning ParametersVLOOK™ presets via Plugin Tuning ParametersYAML Front Matter:

1. First add YAML content (Typora menu: Paragraph ▸ YAML Front Matter);

2. Then configure presets, example format:

Configure VLOOK™ Presets via YAML

xxxxxxxxxx
6
1
---
2
<Preset Option 1>: <Content 1>
3
<Preset Option 2>: <Content 2>
4
...
5
<Preset Option n>: <Content n>
6
---

Plugin Tuning Parameters

Configure VLOOK™ features/styles via "Plugin Tuning Parameters", prioritized in this order when multiple exist:

1. Method 1: Via document URL parameters (Query)

2. Method 2: Via Markdown's YAML Front Matter

3. Method 3: Via VIP Themes

^tab

Method 1: URL Parameters

xxxxxxxxxx
4
1
MyDoc.html?Param1=Value&Param2=Value...&ParamN=Value
2
(Separate multiple with &)
3

4
Example: MyDoc.html?ws=none&tag=t1

Method 2: YAML Parameters

xxxxxxxxxx
5
1
---
2
vlook-query: Param1=Value&Param2=Value...&ParamN=Value
3
# Separate multiple with &
4
# Example: ws=none&tag=t1
5
---

VLOOK™ Plugin Tuning Parameters

Shortcuts

VLOOK™ features support keyboard shortcuts for efficiency.

Shortcut Summary

For feedback:

Extended Content

Heading Content Notes

1. Avoid punctuation in headings (e.g. ， 、 ？ _ etc.)

   1. If necessary, omit them when linking to the heading

   2. Example: For heading "Title、Title？", link as 标题标题

2. Avoid spaces in headings - replace with hyphens -

Image Address Extension Notes

^tab

Image Address without Query parameters

• Add ? before URL parameters;

• For existing parameters, separate with &.

Example-1: ![Caption](xxx.png?darksrc=invert)

Example-2: ![Caption](xxx.png?darksrc=invert#icon)

Important

If URL contains anchor (e.g. xxx.png#icon), add Query parameters before anchor.

Image URL Anchors

• Use anchors for quick image formatting, see: °Images

• Multiple anchors allowed, e.g. #card#fixmax

Color Wheel Schemes

Scheme Example	Description
	Monochromatic Uses dark/medium/light tones of one color Creates lightness hierarchy without color variation. Always produces reliable results in design.
	Analogous Adjacent colors on wheel (e.g. yellow-orange, yellow, orange) Shares common primary colors (yellow/red here). Creates low-contrast harmony. Rich and visually pleasing.
	Complementary Opposite colors on wheel (e.g. red/green) Strong contrast conveys energy/excitement. Best when one color dominates (e.g. blue area with orange dots).
	Split-Complementary Base color + analogs of its complement Combines analogous harmony with complementary contrast. Red stands out more in this example.
	Triadic Secondary colors naturally harmonize (green/orange/purple) Any two share one primary color. All three together create rich, balanced palettes.
	Primary Rare to use all three primaries Red+yellow is popular (fast food/gas stations). Blue+red works when separated (avoids clash).