孔乙己偷酒

手法

微信公众号：[k8s技术圈] 关注容器技术、关注Kubernetes。问题或建议，请公众号留言。

Markdown-Weixin 简介

Markdown 转微信公众帐号内容神器，能让Markdown内容，无需作任何调整就能一键复制到微信公众号使用，特别针对代码展示做了优化。

GitHub 地址：https://github.com/cnych/markdown-weixin

使用微信公众号编辑器有一个十分头疼的问题——粘贴出来的代码，格式错乱，而且特别丑。

代码块显示效果

注：markdown对代码块的语法是开始和结束行都要添加：```,其中 ` 为windows键盘左上角那个，如下：

kind: RoleBinding
apiVersion: rbac.authorization.k8s.io/v1
metadata:
  name: haimaxy-sa-rolebinding
  namespace: kube-system
subjects:
- kind: ServiceAccount
  name: haimaxy-sa
  namespace: kube-system
roleRef:
  kind: Role
  name: haimaxy-sa-role
  apiGroup: rbac.authorization.k8s.io

要精确指定语言（如：java,cpp,css,xml,javascript,python,php,go,kotlin,lua,objectivec等等）时，在头部直接指定，如：```javascript，如下：

function showSnackbar() {
  var $snackbar = $('#snackbar');
  $snackbar.addClass('show');
  setTimeout(() => {
    $snackbar.removeClass('show');
  }, 3000);
}

在页面头部提供了很多中代码主题风格，可以根据需要选择合适的即可。

Markdown基本语法

####标题 支持6种大小的标题，分别对应#,##,###,####,#####,######，和样式文件中的h1,...,h6如：

H5

H6

行内代码

如：AppCompatActivity类,markdown对行内代码的语法是前后用：`,其中 ` 为windows键盘左上角那个,

强调

我是强调

斜体

试试斜体

强调的斜体

试试强调的斜体

删除

试试 删除

外链的超链接

试试外链的超链接：我是外链的超链接,markdown对链接的语法为：[](),如：[我是外链的超链接](http://blog.qikqiak.com)

页内的超链接

试试页内的超链接：我是页内的超链接，注：你先要在要跳转的到地方放置一个类似：<a id="jump_1">任意内容</a>的锚点。由id="jump_1" 来匹配。

有序列表

1. 有序列表 1
2. 有序列表 2
3. 有序列表 3

无序列表

• 无序列表 1
• 无序列表 2
• 无序列表 3

引用块

只需要在前面加 >,如下:

我是引用块 微信公众号：k8s技术圈 欢迎关注我，一起学习，一起进步，All in Kubernetes!

分隔线

Markdown扩展语法

表格

注：表格在公众号预览时，可能在PC端显示的不是正确的全屏，但在手机上预览时就会正常显示为全屏的了。

直接支持html,css

如果你懂html和css，那下面这些效果就不在话下了：

来个页内跳转，跳转到文未的：<a id="jump_1">我是页内跳转到的位置</a> ,对应：id="jump_1" 先给点颜色你看看 再给点颜色你看看 试试改变字体大小 改变字体大小，再来个粗体又如何？

版本更新记录

TODO

• 自动保存功能
• 增加多种主题样式
• 增加本地图片自动上传图床功能

Changelog

版本号：V1.2.1 更新日期：2018-07-12

• FIX 复制内容错误的BUG
• 优化页面主题代码

版本号：V1.2.0 更新日期：2018-07-01

• 增加编辑区域和预览区域同步滚动
• 更改页面样式为左右结构，实时预览
• 直接复制内容到粘贴板，不要手动复制
• 替换google-code-prettify源为国内CDN源
• 支持更换代码样式主题
• 代码长度溢出时横向滚动

更多请参考： Markdown-Weixin版本更新记录

我是页内跳转到的位置

LICENSE

MIT. Thanks for @barretlee.