Markdown 可以这样轻松实现「分栏」排版~优雅好用的 Typora 主题与增强插件 VLOOK - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
MaxChow
V2EX    Markdown

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

  •  
  •   MaxChow 2024-08-29 11:49:33 +08:00 3516 次点击
    这是一个创建于 472 天前的主题,其中的信息可能已经有所发展或是发生改变。

    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 ...... 

    效果如下:

    三栏的效果如下:

    二、引用块分栏

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

    --- > 分栏 1 > 分栏 1 的内容 > 分栏 2 > 分栏 2 的内容 

    效果如下:

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

    三、GitHub Style Alert 分栏

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

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


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

    2 条回复    2024-08-30 11:31:44 +08:00
    zealotxxxx
        1
    zealotxxxx  
       2024-08-30 11:17:46 +08:00
    利用了 「---」语法的话,如果切换到其他 Markdown 编辑器看起来会比较奇怪诶。比如说我切到 obsidian
    MaxChow
        2
    MaxChow  
    OP
       2024-08-30 11:31:44 +08:00
    @zealotxxxx obsidian 目前也不支持分栏,目前如有这方面的排版需求,可以先用这种「非标」方式去满足~没有完美,只有完成和在路上~
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1144 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 25ms UTC 17:00 PVG 01:00 LAX 09:00 JFK 12:00
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86