VLOOK™
Give Your Markdown a New Perspective
──
Introduction
V2025.10is the Latest

MAX°孟兆
COPYRIGHT © 2016-2025. MAX°DESIGN.

Select language ❯ 🇨🇳 简体中文

What is VLOOK™

VLOOK™

A DOMESTICALLY DEVELOPED OPEN-SOURCE PRODUCT RECOMMENDED BY OSChina Open Source China.

VLOOK VLOOK™ is a THEME PACKGnRo and ENHANCEMENT PLUGINPuOg for Typora1 ,
is an open-source software that follows the MIT License.

EditorTyporaV1.9+Gy LicenseMITRd KeywordsTheme, PluginPu Supported OSWindows, macOS, LinuxBu

Latest Version Downloads Stars

  • It is also Typora - recognized and supported theme pack and enhanced plugin, for details: Typora Support - Export

  • OSChina recommended domestic open source products

 

Partner Resources:

VLOOK - THEME PACKAGE × ENHANCEMENT PLUGIN for Typora/Markdown | Product Hunt Featured|HelloGitHub

 

Agreement

VLOOK™ is open source software and complies with the following open source agreements:

Prepared For

If you also have one or more of the following needs or pain points, you can safely try the Markdown-based document solution for document editing, publishing, and management. The recommended combination is Typora + VLOOK™


💡 Do you know?

AMAZING!!! This document is created by Typora and using the VLOOK™ theme and plugin ~

Bn!

Donate

Thanks for donate VLOOK™ (partial donors)

PeterPuOgRd绿邃清幽CyBuAq李导996CyBuAqfankyCyBuAq*丽CyBuAq杨琛CyBuAq*哦GnBn*豫GnBnl*aGnBn*oGnBn、K*y、行川、*药、*山、*魂、*士、*狗、*R、*Z、*川、l*n、*朽、*杰、A*C、W*l、*山、J*o、韩宗辉、*星、一叶知秋、d*、*军、*鹏、*无、H*t、*二、*宇、*辉、*秋、*笑、*心、整*9、*国、*哥、乌拉、*龙、远方眼前、*雩、*应、*销、E*y、…


Your coffee keeps VLOOK™ running ☕️

Donate VLOOK™

Se

你的咖啡,能让 VLOOK™ 保持活力 ☕️

打赏 VLOOK™

Gn

Quick Start

VLOOK™ continues to explore and expand Markdown and CSS, and at the same time combines the Internet-based application scenarios of documents~
In the document layout , content navigation , presentation aid , interactive experience provided and other aspects of the consistent , concise , and friendly experience.

 

Introduction video

 


°FORMATTING

° FORMATTING & TAGGING

VLOOK™ themes and plugins give you a new understanding and application of the automated typesetting capabilities of Markdown editors (currently only supporting Typora).

In addition to providing rich capabilities for document layout and content identification, it also enables static documents to "move" with you based on HTML format.

Learn More  Samples

Vn!

°NAVIGATION

° NAVIGATION

VLOOK™ provides tools for navigation, quick positioning, and content organization in various forms such as document content, chapters, illustrations, tables, and multimedia, comprehensively improving and enhancing the browsing experience and efficiency of published HTML files.

Feel free to enjoy at any time according to your needs and preferences~

Learn More  Samples

Bu!


° PRESENTATION & PUBLICATION

° PRESENTATION & PUBLICATION

VLOOK™ uniquely provides powerful presentation and publishing tools, making Typora + VLOOK a more productive Markdown document solution.

It is a very suitable presentation assistance tool for on-site and remote use, enabling Turbo mode for your documents~

Learn More Samples

Og!

° APPEARANCE & ESSENTIALS

° APPEARANCE & ESSENTIALS

"Humans have always been visual creatures. Making the eyes feel pleasant and beautiful when reading, whether for oneself or others, is a virtue, a power, a belief."

    --- MAX°孟兆

 

Learn More  Samples

Lm!

 

Important

Some features of VLOOK™ require the export to HTML in order to be supported.

Please pay attention to the "Applicable Scope" description for each feature in the reference manual, for example:

Editing× OFFGy Editing✓ ONGn

Blog

Blogs selected for the "Zhihu • Sea Salt Project"

Blogs selected for the "Zhihu • Sea Salt Project" •• Go go go

How to Use

You can start a brand new Markdown experience in just 3 steps, give your Markdown a new perspective!

Prepare

tab

Download the Plug-in ❯

via GitHub via Gitee

Configure Typora ❯

  1. Download and install the latest version of Typora ;

  2. Open menu Typora ▸ Settings ▸ Markdown;

  3. Enable all options under Markdown Extended Syntax , Code Blocks . See the figure below for details:

Typora ▸ Preferences ▸ Markdown

 

VLOOK™ supports Offline and Live installation modes,
both of which can be configured for flexible selection during use~


📦 Offline Mode

Packages the theme and plugin into the generated HTML , ideal for use without a website or internet connection.

However, the single HTML file will be relatively large, and when managing a large number of files, the update and maintenance efficiency will be lower compared to Online Mode.

Bn

🌐 Live Mode

Publishes the theme and plugin to your own website , ideal for broader content distribution and timely updates.

Requires a prepared website (you can also use free overseas Pages services such as those provided by Cloudflare or GitHub).

Bu

Offline Mode Installation

Install Theme Package

tab

Add the Themes ❯

  1. Open folder released/themes

  2. Copy all CSS files & vlook subfolder in this directory to Typora's theme directory

Where is the theme directory of Typora?

Open menu Typora ▸ Settings ▸ Appearance, click Open Theme Folder

Select Theme

  1. Restart Typora

  2. Click menu Typora ▸ Themes , select to Vlook *** any topic can be in the form of naming (Click here to preview the built-in themes)

 

Learn about VLOOK™ Theme Custom Services

 

Start Writing from the Samples

It is recommended to refer to or base your own Markdown document on the sample document of VLOOK™, making it easier to create well-formatted documents.

  1. All .md type files in the directory released/samples is samples;

  2. You can also download the document templates directly from project homepage:

Download samples Alternative link

Configure Export Options

tab

Add "Export Setting"

  1. Open Typora

  2. Open menu Typora > File > Export > Export Setting

  3. Add configuration (select HTML as a template), and name the configuration VLOOK

Install "Plugin"

  1. First, clear the content configured under Append in <head /> content

  2. Open the plug-in file: released/plugin/plugin.txt

  3. Select and copy all contents

  4. Copied content paste to Append in <head />

One-click export via VLOOK

  1. Open the md file conforming to the VLOOK™ specification ( Refer to the files in released/samples );

  2. Click menu Typora ▸ File ▸ Export ▸ VLOOK to export.

 

Typora ▸ Preferences ▸ Export ▸ &lt;head /&gt;

 

Tip

The current document, along with all Markdown documents of the VLOOK™ Guide and more sample documents, can be found under released/samples.

Language Package (Optional)

VLOOK™ UI language is pre-installed with EnglishEnglishSeChinese简体Rd by default.

To support more language for the exported HTML, you can choose to append the content of the corresponding language package to the "Meta Tag" section in the export configuration. After doing so, re-export the HTML to include the additional language.

Currently supported languages for expansion include:

FrenchFrançaisLa GermanDetuschBk RussianРусскийBu SpanishEspañolYe PortuguesePortuguêsWn
Chinese繁文Rd Japanese日本語Gy Korean한국어SeArabicالعربيةMn

 

"Online Mode" adapts language automatically, whereas Offline Mode requires manual handling as needed:

tab

1. Select Language Package ❯

  1. The language package file is located in the released/plugin/lang

  2. Open language file and copy all the content. (e.g: Français.txt )

2. Config Language Package

  1. First, clear the content configured under Append in <body /> content

  2. Open Typora > Preferences, and select the added export configuration VLOOK

  3. Copied content paste to Append in <body />

  4. When adding multiple language packs, ensure that each additional pack is Appended to the configuration

Typora ▸ Preferences ▸ Export ▸ &lt;body /&gt;

Live Mode Installation

First, complete the setup of your own web site, and then proceed with the following resource deployment, site domain adjustments, and related operations.

Live Plugin & Font

tab

Reference Web Fonts

  1. Open all CSS files starting with fs- under released/theme-live/Vxx.x with a text editor.

  2. Search for all <your-host> entries, replace them with the domain of the web site, and save.

  3. Upload the updated files to the corresponding directory of the web site after completing the update.

Deploy Online Plugins and Web Fonts

  1. Upload released/plugin-live/Vxx.x to the root directory of the web site.

  2. Download the latest version of openfonts from GitHub (e.g., web-font-V2.0.tar.gz).

  3. After extraction, upload all the subdirectories inside (e.g., s, v) to the resource directory of the corresponding VLOOK online version on the web site (e.g., V2025.10).

 

Important

  • The above Vxx.x refers to the corresponding version identifier, such as V2025.10, which serves as the resource directory for the VLOOK online version.

  • If the HTML files published with older versions of themes or plugins are not republished, you need to keep the original version directories and not delete them.

Live Themes

tab

Install Online Theme

  1. Open the required "online version" theme file in the released/themes-live directory (e.g., vlook-live-hope.css) with a text editor.

  2. Search for all <your-host> entries in the file, replace them with the domain of the web site, and save.

  3. Refer to the above "Install Theme Package" method, and copy the modified "online version" theme file into Typora's theme directory.

Deploy Theme Files to the Web Site

  1. Open the required theme file in the released/themes-live/Vxx.x directory (e.g., vlook-hope.css) with a text editor.

  2. Search for all <your-host> entries, replace them with the domain of the web site, and save.

  3. Upload the updated files to the corresponding directory of the web site after completing the update.

Live Export Options

tab

Configure Resource References

  1. Open released/plugin/plugin-live.txt with a text editor.

  2. Search for all <your-host> entries, replace them with the domain of the web site, and save.

  3. The related configuration items and descriptions are as follows:

    • <link rel="preconnect" ...> - the server domain name for preconnection

    • <link rel="dns-prefetch" ...> - (same as above)

    • <meta name="vlook-js" ...> - the URL of the subdirectory containing js files

    • <meta name="vlook-fs" ...> - the URL of the subdirectory containing web font files

Configure Export Options

Refer to the above "Configure Export Options" steps, and create a new export configuration for the online mode. The main differentiated handling is as follows:

  • It is recommended to add (live) to the export configuration name for distinction, e.g., VLOOK (live)

  • What needs to be pasted is the "online plugin" released/plugin/plugin_live.txt

 

Tip

The current document, along with all Markdown documents of the VLOOK™ Guide and more sample documents, can be found under released/samples.

Install Local Fonts (Optional)

VLOOK™ provides 8 distinctive Font Style options. 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.




Uses system UI fonts, varies slightly across systems

Gy

Overall presents as "Books, Print" (Mixes system Song/Hei fonts, varies across systems)

Gy

Overall presents as "Zen Courtyard, Regular Script Calligraphy, Tranquil Space" (requires the browser to load web fonts or install them locally)

Gy

Overall presents as "Affinity, Warmth, Health" (requires the browser to load web fonts or install them locally)

Gy




Vibrant, open style (requires the browser to load web fonts or install them locally)

Gy

Overall presents as "Elegance, Rhythm, Personality" (requires the browser to load web fonts or install them locally)

Gy

Overall presents as "Freshness, Simplicity, Trendiness" (requires the browser to load web fonts or install them locally)

Gy

Overall presents as "Childlike Fun, Handwriting, Free-Spirited, Comfortable" (requires the browser to load web fonts or install them locally)

Gy

Download the Font Package

Note

  • You can choose to install only the font packages for the styles you want to use, or install all of them;

  • Some fonts are duplicated across different Font Style. If you are prompted that a font already exists during installation, you can skip installing that font.

 

If you wish to use a Specific Font Style by default, you can subscribe to VLOOK™’s Custom Theme Service .

Explore More About Custom Themes

🧰 Upgrade and Compatibility


How to update to latest version ?

If a new version is available, an upgrade notification icon will appear in the bottom right corner. To update, simply repeat the steps mentioned above in How to Use.

Bu

Recommend compatible browser !

In order to ensure the best user experience, it is strongly recommended to use the following browsers to access:

Chrome Chrome  Edge Edge  Firefox Firefox

Bu


Cross-Platform

HTML documents published using VLOOK™ can automatically adapt to different screens and resolutions of various devices such as desktops, tablets, and mobile phones, providing the most suitable reading and usage experience.

La

Animation Effect

The enhanced motion effects (including frosted glass) will be enabled by default. You can reduce the level of motion effects according to the actual situation. The adjustment can be made through the effect of the 'Plugin Tuning Parameters'.

How to enable Glass-Effect in Firefox?

If you find that the frosted glass effect cannot be displayed in the Firefox browser, you can take the following steps:

  • Enter about:config in the address bar

  • Search for the configuration item layout.css.backdrop-filter.enabled and set it to true

La

Premium Services

Theme Customization Service

The "Customization Service" for Themes is now open! Here are some reference cases for private customization.

定制主题

 

Learn more

Plugin Feature Customization Services

For more personalized needs in document layout, interaction, and publishing, we offer custom plugin feature development~

💬 Contact Us

Typesetting and Editing Services

VLOOK™ Typesetting and Editing Services

Based on the content and audience of your document, fully utilize the numerous features of Typora + VLOOK™, to provide services like Docment Typesetting, Content Revision, Knowledge Base Construction, Publishing Guidance, Website Hosting.

Learn more

 

Tip

  • Welcome to submit your own examples of using Typora + VLOOK™ ~ Share your best practice experiences with everyone ~GnOg

  • For more practical samples, please refer to the directory in the download package released\samples

Brand Merchandise

Wallpaper

The same style as the official theme, with references to common grammar and color codes

VLOOK™ Wallpaper

Choose the required resolution version

 

1336 × 768 1440 × 900 1920 × 1080 2560 × 1440 2560 × 1600

Physical Products

 

Mouse Pad

I Want - Mouse Pad

 

Desk Pad (Keyboard & Mouse Pad)

I Want - Desk Pad

Discussion & Communication

Discussion and Communication

✈️ Telegram Channel 💬 QQ Group (805502564)

 


Unpublished via YAML

Content

Unpublished via Strike

Content

Unpublished via YAML

The content of this section is marked as not published by specifying it in YAML.

Coming Soon ...

V2025.10



°文档排版

Live Mode

Provides a complete online deployment mode for users with self-built web sites, which can reduce network traffic and improve page loading response speed~

Consultation

Bu!

°文档排版

Publish to PDF

Provides export-to-PDF support for exported HTML files (experimental version released). Participation in testing and feedback are welcome~

Join the Discussion

Rd!

°文档排版

Got more feature suggestions?

Welcome to our discussion group on GitHub! Feel free to share your suggestions or pain points you hope to see resolved.

Share My Idea

Bn

The End


1 Typora is a cross-platform Markdown editor (perhaps the best editor at the moment), which supports direct preview and editing. For more detailed features, please refer to the official websit.