Skip to content
devops-utilsPublic
forked from MadMaxChow/VLOOK

About

Enhanced plug-in for HTML exported by Typora. Markdown

Resources

Stars

0 stars

Watchers

0 watching

Forks

 
 

Latest commit

 

History

414 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

「 VLOOK™ ── 让你的 Markdown 有了新看(wán)法 」

开源中国(OSChina.net)推荐的国产开源产品。

VLOOK™

VLOOK™ 是针对 Typora(跨平台 Markdown 编辑器)的 主题包 和 增强插件(针对导出的 HTML 文件)。

VLOOK™ is a Theme Pack and Enhanced Plug-in for Typora (for exported HTML files).

VLOOK™ 也许是目前最好的 Markdown 增强插件之一,也是开源中国(OSChina.net)推荐的国产开源产品。

VLOOK™ 属于开源软件,遵从 MIT 许可证。

加入Q群:805502564


让 Markdown 的自动化排版和交互性上了 N 个台阶

内置多套原创主题,一键切换,支持私人定制

表格排版+:单元格合并、列格式、表格行分组、自动编号、…

音/视频、标签、引用折叠、高清插图、…30+特性开箱即用

火力全开的演示辅助~聚光灯、表格十字光标、新标签打开

OMG! 可以按大纲、逐章、逐段、插图多种方式导航

完美适配 Dark 模式,Markdown 变得更 Cool 了


打赏

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


如何使用

Step 1•下载与配置

  1. 访问 VLOOK™ 在 GitHub 或 Gitee 的主页下载最新发布的版本;
  2. (可选)下载并安装 VLOOK™ 主题配套字体包 ••• 字体主题;
  3. 下载并安装 Typora ,启动后进入「偏好设置」,并开启以下选项,详见下图:

开启「偏好设置 ▸ Markdown」下的相关的选项」下的所有选项

Step 2•安装并选择主题

  1. 将released\theme下所有 CSS 文件复制至 Typora 的主题目录( Typora「偏好设置」中点击「外观 - 打开主题目录」定位到该目录);
  2. 重启 Typora ,点击菜单主题,选择以vlook-*形式命名的主题,即可启用对应的 VLOOK™ 主题样式;
  3. 可基于released下的VLOOK-Document-Template.md 为模板来创建你自己的 Markdown 文档。

Step 3•应用插件

  1. 在 Typora 中将 Markdown 文件导出为「HTML」文件;

  2. 根据需要打开对应的「插件文件」,全选所有内容,并复制:

    1. 在线版插件(自动在线更新):released\VLOOK-plugin.txt
    2. 离线版插件(无网络场景):released\VLOOK-plugin_standalone.txt
  3. 用纯文件编辑器,如:记事本、Visual Studio Code,打开导出后的 HTML 文件;

  4. 搜索<body,并将复制的内容粘贴到 body 标签所在行的关闭符>之后:

<body ...>
◀ ◀ ◀ 将「插件内容」粘贴于此!
...
</body>
  1. 保存,大吉大利。

强烈建议使用以下浏览器进行访问:

Google Chrome  Microsoft Edge^(Chromium)^  Mozilla Firefox


字体主题

「模板主题让文档颜值倍增,而字体则是文档气质担当!」

VLOOK™ 提供了两套字体风格,可根据个人喜好进行选用。

小•清•新

整体视觉为「清新、简约、明快」,主要采用无衬线的免费或开源的东亚和拉丁字体。

字体风格_小清新

文•艺•范

整体视觉为「优雅、韵动、个性」,主要采用衬线、无衬线的免费或开源的东亚和拉丁字体,多种字重进行混搭组合。

字体风格_文艺范

因为 Windows / MacOS 系统默认不预装字体主题配套的字体包,VLOOK™ 目前可同时支持在线和本地两种使用方式。 若你的工作环境无法访问互联网,建议直接下载字体包并安装到本地,以获得最佳的视觉体验。

蓝奏云 ••• 下载字体▾

百度网盘 •••密码:11ta••• 下载字体▾


快速参考手册

VLOOK™ 通过持续挖掘和扩展 Markdown 和 CSS,并结合文档的互联网化应用场景,在 文档排版、内容导航、演示辅助、交互体验 等方面提供了 一致、简洁、友好 的体验。

  • 有关 VLOOK™ 特性的详细介绍、样例及使用说明详见《VLOOK™ 快速参考手册》••• GitHub • Gitee
  • 有关脚本化图表的详细介绍、样例及使用说明详见《脚本化图表参考指南》••• GitHub • Gitee

私人定制主题

目前 VLOOK™ 项目已开放了主题的 私人定制 服务,定制样品示例如下:

私人定制主题

(以上仅为效果仅为样品展示,非正式定制服务成品)

私人定制主题服务微信:MaxChow


目录说明

目录 说明
[ docs ] VLOOK™ 快速参考手册及相关资料
[ released ] 发布版本的主目录
    ┠─ [ demo ] 基于 VLOOK™ 主题的 Markdown 示例文件
    ┠─ [ theme ] 主题文件
    ┠─ VLOOK-plugin.txt VLOOK™ 插件(在线版本)
    ┠─ VLOOK-plugin_standalone.txt VLOOK™ 插件(离线版本)
    ┖─ VLOOK-Document-Template.md VLOOK™ 文档模板,用来创建属于你自己的 Markdown 文档
[ src ] 源码目录
    ┠─ [ dev ] 开发测试用文件
    ┠─ [ less ] 主题 CSS 文件的源文件
    ┖─ [ logo ] VLOOK™ 的 logo 资源

About

Enhanced plug-in for HTML exported by Typora. Markdown

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages