V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
riordanw
V2EX  ›  分享创造

用 Typora 的「主题」功能,完成公众号的排版

  •  
  •   riordanw · 2020-02-25 17:08:22 +08:00 · 5127 次点击
    这是一个创建于 1493 天前的主题,其中的信息可能已经有所发展或是发生改变。

    最近又双叒叕决定要写微信公众号了。

    秀米、135 等第三方编辑器,对于个人号而言太花里胡哨了,比较适合那些接地气的营销号。

    我平常比较喜欢用 Typora 写 Markdown。某天突然想到:只要用 CSS 写个 Typora 主题,然后在 Typora 里写东西,就可以输出一篇自带排版的文章了。写完后,直接复制粘贴进公众号后台,排版可以 99%带过去。

    这办法比较适合文字为主的文章,如果要插图,图片没法直接复制过去,还得一张张重插。

    举个例子,下面的 CSS 就可以仿今日头条的主题模版:

    p {
        font-size: 18px;
        color: #222222;
        line-height: 1.5;
      }
    h1 {
       font-size: 18px;
       font-weight: bold;
       color: #262626;
       line-height: 1.5;
       padding-left: 12px;
       border-left: 4px #f85959 solid;
    }
    

    在 Typora 里,效果如下:

    image-20200223213710856.png

    发现这办法可行之后,我就写了篇文详细介绍这个方法: https://mp.weixin.qq.com/s/HqJP65LmAPRAmE2IdpJsSw

    欢迎大佬阅读 /围观 /拍砖。

    8 条回复    2020-03-03 14:26:20 +08:00
    yafoo
        1
    yafoo  
       2020-02-25 17:37:14 +08:00 via Android
    记得前些天有个人分享的就是 markdown 写公众号的软件,忘了名字
    riordanw
        2
    riordanw  
    OP
       2020-02-25 23:29:50 +08:00
    @yafoo 我也用 MarkdownPad,只有 Windows 版本,不跨平台。
    shuyu
        3
    shuyu  
       2020-02-26 02:32:10 +08:00 via iPhone
    不错
    riordanw
        4
    riordanw  
    OP
       2020-02-26 10:12:36 +08:00 via iPhone
    @shuyu 😊
    xshanow
        5
    xshanow  
       2020-02-26 11:29:02 +08:00
    CSS 能分享一下吗
    riordanw
        6
    riordanw  
    OP
       2020-02-26 14:41:24 +08:00
    purensong
        7
    purensong  
       2020-03-03 10:51:12 +08:00
    我实际粘贴进去,怎么没有一级标题前的红竖杠
    riordanw
        8
    riordanw  
    OP
       2020-03-03 14:26:20 +08:00
    @purensong 试下 gist 上的完整版 CSS,也是这样吗?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3374 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 13:15 · PVG 21:15 · LAX 06:15 · JFK 09:15
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.