标签加上overflow-x:auto; white-space: nowrap;样式，这样能让代码框产生横向滚动条，读者可以滚动来查看未错乱的代码。

这样比较长的代码看起来就是这个效果：

文字这是一段很长的文字这是一段很长的文字这是一段很长的文字这是一段很长的文字";

function abc(){

alert("sdfsdf");

}

css内联处理

使用hightlight.js的时候，需要引入一个主题的css文件，比如我用的是monokai-submile.css。但是我们没法把这个css文件粘贴到微信编辑器中，所以需要想办法把这个css文件给内联到HTML代码中才行。

也就是说，要把css中定义的规则转化为标签的style属性，我在网上搜罗了半天，找到一个名为juice的nodejs模块，帮助我完成了这个工作。用法也相当简单，最终的nodejs代码如下

Meta = '';

fs.writeFileSync('./articles/'+file+'_html.html',Meta+html);

}

});

快速敲出装逼引号「」

常写文章的同学肯定很喜欢这个引号「」，它让你的文章品质瞬间升华了有木有。但是由于这个引号无法用键盘直接打出，只能通过输入法的特殊符号来输入，特别麻烦。

既然我们可以随意对内容进行替换，那么只需自己定义一个标签就行，比如我定义了q标签，后续用脚本把这个标签替换为「」即可。配合编辑器的emmet插件，输入这个装逼引号只需敲p+tab，相当快捷，「你说呢」。

开始编译吧

我目前进行的处理就以上这些了，当然如果你发挥脑洞的话，可以再做更多的工作哦。

万事俱备，那我们就开始编译吧。大致说一下我用到的东西，首先脚本是用nodejs写的，谁让我是前端工程师呢呢~任务控制当然首选gulp，其次用到了gulp-replace、gulp-remarkable、gulp-rename、juice、highlight.js，就这些了。

把我们预先写好的html片段定义成字符串，然后就可以开始处理工作啦，我的parse任务定义如下

');

} catch (err) {}

}

try {

return hljs.highlightAuto(str).value.replace(/\n/g,'

');

} catch (err) {}

return '';

}

}

}))

.pipe(name(function(path){

path.extname = '.html';

}))

.pipe(replace(/

(.*)/g,h2start+'$1'+h2end))

.pipe(replace(/([^]*)/g,'「$1」'))

.pipe(replace(//g,'/g,'

然后别忘了还有内联css的任务，代码参见上面juice的使用。

为了能够精准编译某一个md文件，我在运行gulp的时候给传递了一个file参数，运行命令为：gulp --file write-wx-article-tool。值就是我这篇文章的名称啦。这个参数可以通过gulp.env.file拿到，就是你当前要处理的文件。

命令执行完后，就会生成一个html文件，你只需双击打开，复制内容，然后在微信编辑器中ctrl+v即可。

结束

这就结束啦？当然，如果你有更多的想法，完全可以自己再去折腾。比如，编译完成后，自动把内容放到系统剪贴板中，自动打开微信文章发布页，自动聚焦编辑器，自动执行ctrl+v指令。这下就真正变成「一键」了，爽乎？

以上就是自制微信公众号一键排版工具的资料整理，后续继续补充相关资料，谢谢大家对本站的支持！

总结

以上是编程之家为你收集整理的自制微信公众号一键排版工具全部内容，希望文章能够帮你解决自制微信公众号一键排版工具所遇到的程序开发问题。

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！