爱意满满的作品展示区。
riordanw

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

  •  
  •   riordanw · Feb 25, 2020 · 6832 views
    This topic created in 2448 days ago, the information mentioned may be changed or developed.

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

    秀米、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 replies  •  2020-03-03 14:26:20 +08:00
    yafoo
    yafoo
    Feb 25, 2020 via Android
    1
    记得前些天有个人分享的就是 markdown 写公众号的软件,忘了名字
    riordanw
    riordanw
    OP
    Feb 25, 2020
    2
    @yafoo 我也用 MarkdownPad,只有 Windows 版本,不跨平台。
    shuyu
    shuyu
    Feb 26, 2020 via iPhone
    3
    不错
    riordanw
    riordanw
    OP
    Feb 26, 2020 via iPhone
    4
    @shuyu 😊
    xshanow
    xshanow
    Feb 26, 2020
    5
    CSS 能分享一下吗
    purensong
    purensong
    Mar 3, 2020
    7
    我实际粘贴进去,怎么没有一级标题前的红竖杠
    riordanw
    riordanw
    OP
    Mar 3, 2020
    8
    @purensong 试下 gist 上的完整版 CSS,也是这样吗?
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   541 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 22:04 · PVG 06:04 · LAX 14:04 · JFK 17:04
    ♥ Do have faith in what you're doing.