美文网首页好好写作不写不快乐「2018」技术
Markdown-here帮你轻松搞定微信公众号排版

Markdown-here帮你轻松搞定微信公众号排版

作者: 学习之术 | 来源:发表于2016-10-09 22:02 被阅读3013次
Markdown-here.png

现在越来越多的人参与到写作的大军中,很多人也开通了自己的微信公众号。但是在公众号里发布文章最麻烦的一件事就是排版了,因为它竟然不支持Markdown格式。那如何让你高效排版,从而把更多的注意力花在内容创作上呢?利用Markdown-here这款利器,你就可以轻松搞定公众号排版。

零、操作流程

  1. 在Google Chrome中安装Markdown-here插件
  2. 在简书中用Markdwon格式书写
  3. 拷贝粘贴到微信公共帐号的编辑器中
  4. 点击浏览器上的插件按钮,使用Markdown-here渲染
  5. 插入图片,修订

是不是很简单?花五分钟看完这篇文章,再花半小时实践一下,保证让你的微信公众号文章焕然一新。

一、Markdwon

「简书」作为一款「写作软件」在诞生之初就支持了 Markdown,Markdown 是一种「电子邮件」风格的「标记语言」,我们强烈推荐所有写作者学习和掌握该语言。
---献给写作者的 Markdown 新手指南

如果你需要写作,曾经听说过Markdown,但却没学,那一定是因为你觉得Markdown肯定会很难学。但事实上,任何人只要花十分种就可以学会它。那时,你一定会感叹 “我怎么没早点去学Markdwon”。

其实常用的Markdown语法只有五类:

  1. 通过#来标记这段文字是一级标题,N个#表标这是N级标题。
  2. 在文字前加上*或者是1. ``2. ``3.就可以实现为列表。
  3. 在段前加上>即可标识为引用
  4. 在文字前后各加上一个*即可显示为斜体,两个*号显示为粗体
  5. 使用[文字](链接地址)即可插入超链接

只要自己按下面这张图的示范,在简书中操作五分钟就能学会Markdown了。


Markdown示范.png

二、使用Markdown-here渲染

安装Google Chrome和Markdown-here插件就靠你自己来完成吧。

在简书中用Markdown编辑好文章后,复制到公众号文章的编辑器中,按下快捷键CTRL+ALT+M或扩展工具栏上的按钮即可完成渲染。

虽然你能在演染后的文章中看到插入的图片,但若是你预览文章,就会发现文章中其实并没有图片。你还是需要像往常一样上传图片,然后删除掉文章中显示的图片,然后再插入。

先来看看效果吧。

使用Markdwon-here排版微信公众号文章的效果图1.png 使用Markdwon-here排版微信公众号文章的效果图2.png

三、自定义CSS

设置CSS.png

关于中文排版,最重要的两点其实就是字间距和行间距。稍微加大一些字间距和行间距,可以让我们在阅读时更加舒适。

为了实现这个功能,我们需要配置Markdown-here选项, 自定义一些CSS。

若是你不想学CSS,你只要点击Markdown-here选项,找到“基本渲染CSS”窗口,将下面的代码复制到里面即可。其中的数字你可以根据预览进行相应的调整。

自定义CSS.png
/*下面是设置字体大小、行间距、字间距和左右的页边距*/
.markdown-here-wrapper {
  font-size: 16px;
  line-height: 1.8em;
  letter-spacing: 0.1em;
  margin-right:1em;
  margin-left:1em;
}
/*下面是将加粗字体设置为红色,斜体设置为蓝色*/
strong, b{
  color: #BF360C;
}
em, i {
  color: #009688;
}

在“基本渲染CSS”窗口中找到如下面所示的代码,插入红色部分text-align: center;可以帮你实现一级标题居中。若是你觉得一级标题字体太大,也可以调整相应地数字。

一级标题居中.png

四、结语

赶快行动吧,不要仅仅是收藏这篇文章,只要花半个小时你就能从微信公众号文章排版的烦躁中走出来了。


附录:参考资料

  1. Markdown Here 教程(这次是及格版),李笑来
  2. 献给写作者的 Markdown 新手指南,简书

相关文章

  • Markdown-here帮你轻松搞定微信公众号排版

    现在越来越多的人参与到写作的大军中,很多人也开通了自己的微信公众号。但是在公众号里发布文章最麻烦的一件事就是排版了...

  • 复制粘贴总乱码?3个方法帮你搞定图文排版大难题!

    复制粘贴总乱码?3个方法帮你搞定图文排版大难题! 一篇微信公众号文章经常需要多人共同参与编辑排版,但是复制粘贴很容...

  • 纯干货!超实用的微信公众号排版秘籍,错过了你会在半夜哭醒哦!

    昨天给大家介绍了微信公众号新上的排版功能,今天,我就来给大家讲讲微信公众号内容排版相关的一些技巧。 说起排版,那么...

  • 乌素:公众号排版技巧

    关于微信公众号排版,要对你的公众号风格有一个整体把握,对文章有一个系统的梳理。排版里面有操作技巧,用最轻松简单的方...

  • 微信公众号排版

    选择文字字号时,15 号最佳,14 号偏文艺,18 号适用中老年读者; 注释、标注来源等适用12px。标题可适用1...

  • 微信公众号排版

    这几天,花了些时间,把公众号里的每个按钮都尝试了一次,发觉其实在公众号里编辑排版也是不错的。尝试了目录,关键词的编...

  • 微信公众号排版

    微信公众号常用排版工具:秀米/135编辑器 秀米排版思路:信息设置与公众号相同 第一模板:头图(与内容意思相同的图...

  • 微信公众号排版

    关于微信公众号排版,其实我已经接触很久了,两三年的时间可是真正用还没有用起来过,课也买了,但是也没有好好的去看。 ...

  • 微信公众号排版

    107号 canny 嗨大家好!我是canny! 看到这张导图,不知道大家有什么想法呢对的,今天我要跟大家分享...

  • 微信公众号的排版

    微信公众号的排版 好久没来跟大家分享了。微信公众号中有很多排版很好看的文章,为了帮大家做一个漂亮的文章排版同时也和...

网友评论

  • 野小白:你把能我解决了标题居中的问题!谢谢!奖赏,鼓励,虽然不多!
    学习之术:@野小白 多谢
  • 颜家大少:现在用Md2All来做公众号的markdown排版,方便很多了,支持“一键排版”的css样式模板选择,和自定义css,支持80多种代码高亮,一键复制到公众号,和各大博客平台。Md2All网址:http://md.aclickall.com
    学习之术:@颜家大少 大概看了下,确实方便多了,模版也很多。非常感谢
  • 莫颜云月:很赞~
  • f1a3bd5c6b0c:没看完,我是在为知笔记写了md文章,复制到简书,wordpress,hexo博客。至于公众号,直接把发表在个人博客上的文章复制过去,图片自动有
  • 朱光宇:谢谢分享👍👍

本文标题:Markdown-here帮你轻松搞定微信公众号排版

本文链接:https://www.haomeiwen.com/subject/yyrmyttx.html