跳转到内容
View in the app

A better way to browse. Learn more.

彼岸论坛

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.
欢迎抵达彼岸 彼岸花开 此处谁在 -彼岸论坛

[Markdown] Markdown 可以这样轻松实现「分栏」排版~优雅好用的 Typora 主题与增强插件 VLOOK™

发表于

VLOOK™ 是针对 Typora(跨平台 Markdown 编辑器)的主题包增强插件(针对导出的 HTML 文件),旨在与众 Markdown 粉共创 Markdown 的自动化排版 2.0 ,在保持 Markdown 简洁性的基础上,让编辑、阅读 Markdown 文档更实用,也更愉悦。

VLOOK™ 属于开源软件(遵从MIT License),也是 OSCHINA 开源中国 推荐的国产开源产品、Typora 的首个增强插件。

这个「Markdown 新看(wán)法系列」将会通过一系列的小话题小篇幅来给各种 Markdown 粉分享使用 Typora + VLOOK 在文档排版、内容导航、演示辅助、交互体验等方面全新看玩和玩法~

今日份的小话题:
Markdown 可以这样轻松实现「分栏」排版

Markdown 原生是不支持分栏排版,有些用户将就着用表格来顶班,仍然也很难受~

如果你用 Typora + VLOOK 的话,现在有了一个非常简单、优雅的方式,只要 1 个动作就可以让你的「引用块、列表、GitHub Style Alert」瞬间分栏排列。

这个关键的动作就是在要分栏的内容前,添加 Markdown 的水平分隔线语法 --- 即可,这条线相当于「一把刀」,把页面空格一分为二。

如果要三栏,砍两刀就可以(添加两条分隔线),以此类推~

下面我们来看看具体的例子:

一、列表分栏

主要适用于带小标题的分栏需求,排版内容适合通过列表方式进行组织,如:任务看板之类的。

如下为双栏的 Markdown 内容:

--- 

- 列表 1
  - 列表项 1-1
  - 列表项 1-2
- 列表 2
  - 列表项 2-1
......

效果如下:

up-1859e52d27c4cc6cace71ee19bfd28f91b8.p

三栏的效果如下:

up-1eba49f83051ba19f6a01c1822262598da2.p

二、引用块分栏

主要适用于对同类内容进行分块组织,且排版内容不适合通过列表方式进行组织的情况。

---

> 分栏 1
> 分栏 1 的内容

> 分栏 2
> 分栏 2 的内容

效果如下:

up-c930cc3b288c61c82805c597e503c4162f7.p

四栏的效果如下~(除分栏外,还启用了 VLOOK 的引用块着色引用块小标题的排版特性)

up-243fd7bfd7646a7dc5c15b00656ea62c2b1.p

三、GitHub Style Alert 分栏

与引用块的分栏的用法一致~

up-57a5f49a91f7f6ca16d3115b491481baac0.p

有关 VLOOK 中使用 GitHub Style Alert 的内容,详见之前的另一个小专题 >


好了~今天的新看(wán)法小专题暂收笔于此,如果想自己上手玩玩,或了解更多关于 VLOOK™ 的内容,以下入口自行选择:

Featured Replies

No posts to show

创建帐户或登录来提出意见

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.