MD转微信公众号文章格式化工具

Posted by 共田君的博客 on May 31, 2018

微信公众号格式化工具

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

在这里粘贴您的Markdown文档,点击“预览”按钮转换为HTML格式。

Markdown基础语法

下面是Markdown的常用语法示例,可供参考

代码示例

var OnlineMarkdown = {
  init: function() {
    var self = this;
    self.load().then(function() {
      self.start()
    }).fail(function(){
      self.start();
    });
  },
  start: function() {
    this.updateOutput();
  },
  load: function() {
    return $.ajax({
      type: 'GET',
      url: params.path || './demo.md',
      dateType: 'text',
      timeout: 2000
    }).then(function(data) {
      $('#input').val(data);
    });
  },
  updateOutput: function () {
    var val = this.converter.makeHtml($('#input').val());
    $('#output .wrapper').html(val);
    PR.prettyPrint();
  }
};

OnlineMarkdown.init();

上面是 JavaScript,下面是 php

echo 'hello,world'

表格示例

品类 个数 备注
苹果 1 nice
橘子 2 job

以上是用的比较多的,还装了几十个使用频度比较低的插件,主要包括 Snippet 和文件高亮配置,可以在这里查看:https://gist.github.com/barretlee/a5170eb6ca1805f66687063d2e3a4983,你也可以通过 Settings Sync 将这个配置下载下来,id 就是后面半截:a5170eb6ca1805f66687063d2e3a4983

在命令行打开 VSC

在安装好 VSC 后,直接配置 .bash_profile 或者 .zshrc 文件:

alias vsc='/Applications/Visual\ Studio\ Code.app/Contents/Resources/app/bin/code';
VSC_BIN='/Applications/Visual\ Studio\ Code.app/Contents/Resources/app/bin';
PATH=$VSC_BIN:$PATH;
export PATH;

然后让配置生效,在控制台执行:

# 如果没有安装 zsh,可能是 ~/.bash_profile
source ~/.zshrc 

这个时候就可以在全局打开了:

# -a 的意思是不要新开窗口,在当前已经打开的 vsc 中打开文件
vsc path/to/file.ext -a 

有同学提到,VSC 的面板上搜索 install 就可以在命令行安装 code 这个命令了,不过我更喜欢使用 vsc 来打开文件,这也算是折腾吧 ;)