如何排版 微信公众号「代码块」

原创 2016年06月21日 18:21:36

最近博主刚开通微信公众号「石佳劼的博客」,被微信公众平台的图文编辑器折腾的不轻,如果文章中包含「代码块」,怎么排版都显得杂乱无章。之前一直用 Markdown 写作,从来没有考虑过排版、样式问题,因为绝大多数 Markdown 编辑器都能生成简洁、优雅的预览效果。

试过用 Markdown 在 GitHub为知笔记有道云笔记石佳劼的博客i 排版 生成带样式的文本,拷贝到微信公众号之后,「代码块」的样式几乎完全丢失,实在是惨不忍睹。

最后,终于在 知乎 上找到了解决方案,使用 Markdown Here 浏览器插件,能够直接在微信公众平台的图文编辑器中把 Markdown 转换成带样式的文本,从而避免拷贝引起的样式丢失,再对「代码块」的缩进、换行、字号、行间距进行微调即可。

Markdown Here 支持 Chrome、Safari、Firefox、Opera 等浏览器,不会翻墙的朋友可以在 Firefox 下使用。

Markdown Here 还提供了非常丰富的可选样式,博主用的是 Zenburn,大家可以根据自己的喜好选择。

折腾了快一个礼拜,能够在自己的公众号里看到深灰背景的「代码块」,真是内牛满面:

欢迎来到 石佳劼的博客,如有疑问,请在「原文」评论区 留言,我会尽量为您解答。


版权声明:本文为博主原创文章,欢迎转载,但需注明出处。

微信公众平台java开发详解(工程代码+解析)

本次的教程主要是对微信公众平台开发者模式的讲解,网络上很多类似文章,但很多都让初学微信开发的人一头雾水,所以总结自己的微信开发经验,将微信开发的整个过程系统的列出,并对主要代码进行讲解分析,让初学者尽...
  • pamchen
  • pamchen
  • 2014年08月21日 00:51
  • 226030

如何给你的微信公众号排版

经常写文章的人,会发现微信公众号自带的编辑器不是很好用,用它来排版一篇写好的文章,往往要花费一两个小时,浪费了大量的时间,最后的排版效果也不是那么好。本篇文章将介绍如何利用markdown、css、h...

微信公众平台万能代码详解-php语言(二)

1.基础知识在上一篇有讲解和图片,内容大致包括微信开发者模式后台配置、微信公众开发者文档代码详解。2.本篇将粘贴出包括所有类型在内的消息处理办法,在开发者模式下用代码完成所有编辑模式的基础内容。3.本...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

中秋快乐版二维码生成器实现v1.2

大家好,今天就继续昨天做的二维码生成器,再这基础之上增加了扫描功能,加入了欢迎页,在生成的EditText中加入了判断,如果内容为空就抖动EditText,并Toast提示。。。先就将具体的实现做一个...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

构思编辑器教你如何不用代码排版出好看的微信公众号文章

作为微信公众号运营人员之一,如何简单的进行微信文章内容编辑很重要。其中最主要的在于如何编辑出优美的文章并且文章的整体布局和排版都很美观。然而不是很多人都懂得如何使用代码去完成这些要求,那么不懂代码的运...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:如何排版 微信公众号「代码块」
举报原因:
原因补充:

(最多只允许输入30个字)