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

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

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