Skip to content

Commit e43a477

Browse files
abnerleeabnerlee
authored
Merge pull request #87 from MadMaxChow/update-Install-and-Use-VLOOK
update: Install and Use VLOOK
2 parents 3b6be63 + bacbd49 commit e43a477

File tree

2 files changed

+71
-34
lines changed

2 files changed

+71
-34
lines changed

‎_posts/how-to/2024-06-04-Install and Use VLOOK.md

+39-18
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
11
---
22
layout: post
3-
title: Install and Use VLOOK
3+
title: Install and Use VLOOK™ Themes and Plugins
44
category: how-to
55
author: typora.io
6-
tags: [themes, export, html, vlook]
6+
tags: [themes, plugins, export, html, vlook]
77
typora-root-url: ../../
88
typora-copy-images-to: ../../media/vlook
99
---
1010

1111
[中文说明](/zh/Install-and-Use-VLOOK/)
1212

13-
**VLOOK™ make your Markdown a new perspective_^Interaction^_!**
13+
**VLOOK™ - Give Your Markdown a New Perspective!**
1414

1515

1616

@@ -30,11 +30,11 @@ You can start a brand **new Markdown experience** in **just 3 steps**:
3030

3131
Download the latest version from the homepage of VLOOK™:
3232

33-
**[GitHub](https://github.com/MadMaxChow/VLOOK/releases)** 　　**[Gitee](https://gitee.com/madmaxchow/VLOOK/releases?kbd=alt)**
33+
**[GitHub](https://github.com/MadMaxChow/VLOOK/releases)** 　　**[Gitee](https://gitee.com/madmaxchow/VLOOK/releases)**
3434

3535
**• Enable extended syntax:**
3636

37-
Enable all options under "**Markdown Extended Syntax**", "**Code Blocks**" of Typora. See the figure below for details:
37+
Enable all options under `Markdown Extended Syntax`, `Code Blocks` of Typora. See the figure below for details:
3838

3939
![Typora ▸ Preferences ▸ Markdown](/media/vlook/typora-opt1-light-en.png)
4040

@@ -44,19 +44,19 @@ Enable all options under "**Markdown Extended Syntax**", "**Code Blocks**" of Ty
4444

4545
**• Install the Themes:**
4646

47-
1. The ==released\themes== all CSS files are copied to Typora theme directory;
48-
2. Where is the theme directory? You can navigate to this directory by clicking ==Settings ▸ Appearance ▸ Open Theme Directory==.
47+
1. The `released\themes` all CSS files are copied to Typora theme directory;
48+
2. Where is the theme directory? You can navigate to this directory by clicking `Settings ▸ Appearance ▸ Open Theme Directory`.
4949

5050
**• Select Theme:**
5151

5252
1. Restart Typora;
53-
2. Click the ==Themes== menu, select to `Vlook ***` any topic can be in the form of naming.
53+
2. Click the `Themes` menu, select to `Vlook ***` any topic can be in the form of naming.
5454

5555
**• Start Writing from the Template:**
5656

5757
It is recommended to create your own Markdown document based on the document samples of the VLOOK™ specification, so that you can get started faster.
5858

59-
All samples `.md` files in the directory ==released/samples==
59+
All samples `.md` files in the directory `released/samples`
6060

6161

6262

@@ -65,13 +65,13 @@ All samples `.md` files in the directory ==released/samples==
6565
**• Configure export setting:**
6666

6767
1. Start Typora and enter "**Preferences**"
68-
2. Click "**Export**", add configuration (==select HTML as a template==), and name the configuration `VLOOK`
68+
2. Click "**Export**", add configuration (**select HTML as a template**), and name the configuration `VLOOK`
6969

7070
**• Install Meta Tag:**
7171

7272
1. Open the meta tag file: released\plugin\\**meta.txt**
7373
2. Select and copy all contents
74-
3. Paste to "**Append in <head />**
74+
3. Paste to "**Append in <head />**"
7575

7676
**• Install the Plugin:**
7777

@@ -82,25 +82,35 @@ All samples `.md` files in the directory ==released/samples==
8282
**• One-click export via VLOOK:**
8383

8484
1. Open the md file conforming to the VLOOK™ specification;
85-
2. Click ==File ▸ Export ▸ VLOOK== to export.
85+
2. Click `File ▸ Export ▸ VLOOK` to export.
8686

8787
![Typora ▸ Preferences ▸ Export](/media/vlook/typora-opt2-light-en.png?srcset=@2x&darksrc=typora-opt2-dark-en.png&darksrcset=@2x)
8888

89+
# Supplement
8990

91+
## Language Package
9092

91-
# Blog & Guide
93+
VLOOK™ UI language is pre-installed with **English** and **Simplified Chinese** by default.
9294

93-
• Blogs selected for the "**Zhihu • Sea Salt Project**" •• [Go go go](https://www.zhihu.com/people/maxchow/posts)
95+
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.
9496

95-
• For detailed introduction, samples and instructions of VLOOK™ features, please refer to "VLOOK™ Quick Reference Manual"
97+
Currently supported languages for expansion include:
9698

97-
**[Guide (part 1)](https://madmaxchow.github.io/VLOOK/guide.html)** - [alternative link](https://vlook-doc.pages.dev/guide.html)　　
99+
`Français` `Detusch` `Русский` `Español` `Português` `Traditional Chinese` `日本語` `한국어` `العربية`
98100

99-
**[Guide (part 2)](https://madmaxchow.github.io/VLOOK/guide2.html)** - [alternative link](https://vlook-doc.pages.dev/guide2.html)
101+
**• Select language package**
100102

103+
1. The language package file is located in the `released/plugin/lang` (Or directly visit the [**lang**](https://github.com/MadMaxChow/VLOOK/tree/master/released/plugin/lang) folder on GitHub)
104+
2. Open language file and copy all the content. (e.g: `Français.txt` )
101105

106+
**• Update export configuration**
102107

103-
# Supplement
108+
1. Open `Typora > Preferences`, and select the added export configuration `VLOOK`
109+
2. **Append** the copied content to the end of the existing content in the `Append in <head />` (**Note: Do not overwrite the existing content!**)
110+
111+
*If you need to extend support for multiple languages, simply repeat the steps above.*
112+
113+
## Upgrades and Compatibility
104114

105115
**• How to update to latest version ?**
106116

@@ -111,3 +121,14 @@ To upgrade the old version of VLOOK™ to the latest version, please first follo
111121
In order to ensure the best user experience, it is strongly recommended to use the following browsers to access:
112122

113123
**[Chrome](https://www.google.cn/chrome/)**　　**[Edge](https://www.microsoft.com/edge)**　　**[Firefox](https://www.mozilla.org/firefox)**
124+
125+
# More documents
126+
127+
For detailed introduction, samples and instructions of VLOOK™ features:
128+
129+
**[Introduction](https://madmaxchow.github.io/VLOOK/index.html)** - [alternative link](https://vlook-doc.pages.dev/index.html)　　
130+
131+
**[Guide](https://madmaxchow.github.io/VLOOK/guide.html)** - [alternative link](https://vlook-doc.pages.dev/guide.html)
132+
133+
134+

‎_posts/zh/2024-06-13-Install and Use VLOOK.md

+32-16
Original file line numberDiff line numberDiff line change
@@ -29,13 +29,13 @@ typora-copy-images-to: ../../media/vlook
2929

3030
从 VLOOK™ 在托管的平台上下载最新发布版本：
3131

32-
**[GitHub](https://github.com/MadMaxChow/VLOOK/releases)**　　**[Gitee](https://gitee.com/madmaxchow/VLOOK/releases?kbd=alt)**
32+
**[GitHub](https://github.com/MadMaxChow/VLOOK/releases)**　　**[Gitee](https://gitee.com/madmaxchow/VLOOK/releases)**
3333

3434
**• 安装 Typora**
3535

3636
1. 下载并安装 [Typora](https://www.typora.io) 的最新版本；
37-
2. 进入配置界面："**Typora ▸ 偏好设置 ▸ Markdown**"
38-
3. 启用「**Markdown 扩展语法**」「**代码块**」下的所有选项。详见下图：
37+
2. 进入配置界面：`Typora ▸ 偏好设置 ▸ Markdown`
38+
3. 启用 `Markdown 扩展语法` 、 `代码块`下的所有选项。详见下图：
3939

4040
![Typora ▸ Preferences ▸ Markdown](/media/vlook/typora-opt1-light.png)
4141

@@ -45,29 +45,29 @@ typora-copy-images-to: ../../media/vlook
4545

4646
**• 安装主题**
4747

48-
1. 将 "**released/theme**" 下所有 CSS 文件复制至 Typora 的主题目录；
49-
2. 主题目录在哪？可通过 "**偏好设置 ▸ 外观 ▸ 打开主题目录**" 定位到该目录。
48+
1. 将 `released/theme` 下所有 CSS 文件复制至 Typora 的主题目录；
49+
2. 主题目录在哪？可通过 `偏好设置 ▸ 外观 ▸ 打开主题目录` 定位到该目录。
5050

5151
**• 选用主题**
5252

5353
1. 重启 Typora；
54-
2. 点击 "**主题**" 菜单，选择以 `Vlook ***` 形式命名的任意主题即可；
54+
2. 点击 `主题` 菜单，选择以 `Vlook ***` 形式命名的任意主题即可；
5555
3. 建议基于 VLOOK™ 规范的文档模板来创建你自己的 Markdown 文档，这样能更快上手。
5656

5757
**• 从模板开始书写**
5858

5959
建议基于 VLOOK™ 规范的文档模板创建自己的 Markdown 文档，以便更快地入门。
6060

61-
所有文档范例 `.md` 文件位于目录 "**released/samples**" 中
61+
所有文档范例 `.md` 文件位于目录 `released/samples` 中
6262

6363

6464

6565
# 第3步：配置导出选项
6666

6767
**• 配置导出设置**
6868

69-
1. 启动 Typora 并进入「**偏好设置**」
70-
2. 点击「**导出**」，添加配置（"**选择 HTML 模板**"），并将配置命名为 `VLOOK`
69+
1. 启动 Typora 并进入 `偏好设置`
70+
2. 点击 `导出`，添加配置（ **选择 HTML 模板** ），并将配置命名为 `VLOOK`
7171

7272
**• 安装元标签**
7373

@@ -88,23 +88,31 @@ typora-copy-images-to: ../../media/vlook
8888
**• 一键导出为 HTML**
8989

9090
1. 打开符合 VLOOK™ 规范的 md 文件；
91-
2. 点击 "**文件 ▸ 导出 ▸ VLOOK**" 完成导出。
91+
2. 点击 `文件 ▸ 导出 ▸ VLOOK` 完成导出。
9292

93+
# 补充说明
9394

95+
## 语言包
9496

95-
# 专题文章与手册
97+
VLOOK™ 的界面语言默认内置了「**英文**、**简体中文**」，对导出后的 HTML 需要支持更多语言，可以选择将对应语言包的内容，追加到以上导出配置中「元标签」内容的后面，重新导出 HTML 即可。
9698

97-
• 入选「知乎 • 海盐计划」的专题文章 •• [点击前往看看](https://www.zhihu.com/people/maxchow/posts)
99+
目前可扩展支持的语种：
98100

99-
• 有关 VLOOK™ 特性的详细介绍、样例及使用说明详见《VLOOK™ 快速参考手册》•• [点击这里开始](https://madmaxchow.github.io/VLOOK/guide.html)（[备用链接](https://vlook-doc.pages.dev/guide.html)）
101+
`Français` `Detusch` `Русский` `Español` `Português` `Traditional Chinese` `日本語` `한국어` `العربية`
100102

101-
**[快速参考手册 (第1部分)](https://madmaxchow.github.io/VLOOK/guide.html)** - [alternative link](https://vlook-doc.pages.dev/guide.html)
103+
**• 选择语言包**
102104

103-
**[快速参考手册 (第2部分)](https://madmaxchow.github.io/VLOOK/guide2.html)** - [alternative link](https://vlook-doc.pages.dev/guide2.html)
105+
1. 语言包文件位于 `released/plugin/lang` 目录下（或直接访问 GitHub 上的 **[lang](https://github.com/MadMaxChow/VLOOK/tree/master/released/plugin/lang)** 文件夹）
106+
2. 打开一个或多个语言文件，并复制所有内容（如：`Français.txt` ）
104107

108+
**• 更新导出配置**
105109

110+
1. 打开 `Typora > Preferences`，并选择添加的导出配置 `VLOOK`
111+
2. 将复制的内容**追加**到 `在 <head /> 中添加` 已有内容的后面（**注意：不是覆盖原有内容！**）
106112

107-
# 补充说明
113+
*如果需要扩展支持多个语种，重复以上操作步骤即。*
114+
115+
## 升级与兼容性
108116

109117
**• 如何更新插件到最新版本？**
110118

@@ -115,3 +123,11 @@ typora-copy-images-to: ../../media/vlook
115123
为保障最佳的使用体验，强烈建议使用以下浏览器访问：
116124

117125
**[Chrome](https://www.google.cn/chrome/)**　　**[Edge](https://www.microsoft.com/edge)**　　**[Firefox](https://www.mozilla.org/firefox)**
126+
127+
# 更多文档
128+
129+
有关 VLOOK™ 特性的详细介绍、样例及使用说明详见：
130+
131+
**[简介](https://madmaxchow.github.io/VLOOK/index.html)** - [alternative link](https://vlook-doc.pages.dev/index.html)
132+
133+
**[快速参考手册](https://madmaxchow.github.io/VLOOK/guide.html)** - [alternative link](https://vlook-doc.pages.dev/guide.html)

0 commit comments

Comments
 (0)