Markdown 直接转换公众号文章,不再为排版花时间-编程思维

上一篇「又一家数据公司被查,爬虫到底做错了什么?」反响强烈,虽然我这是新号,但还是获得了不少公众号的转发,借机也结识了很多业内大佬,在此感谢大家的抬爱!

同时也有不少号主问我的文章排版是用的哪个网站,我的回答是:自己做的网站!

没错,这就是本文的主角
—— 公众号 Markdown 编辑器

这是我基于一位大佬 @Lyric 开发的项目,进行 Fork 后的二次开发,因为原项目已经几个月没更新,有一些排版 BUG;而且我需要对样式进行个性化定制,有一些逻辑与原项目有冲突之处,所以没有选择 PR。

上面截图,也就是我目前发文的格式,这是我自己定制的主题样式。

有多好用?

先介绍下使用方式:在其他 Markdown 编辑器里写文章,全文粘贴到左栏,然后复制右栏,再粘贴到公众号后台,完了!

不需要再有多余的步骤,你复制过去的样式就是右栏看到的。

当然你也可以进行微调,比如添加字体的衬线、改字号,也有原作者提供的两种主题样式可选。

就是这款编辑器彻底解放了我。

毕竟我是公众号新人,对排版这种事情处于小白级别。我也知道传统情况下,文章写好只是发文的前半部分,还需要花大量时间去排版,给读者舒服的感觉,而该项目直接省掉了后半部分的时间,可以更专注于写作。

另外,虽然是面向公众号,但经过测试,在其他不支持 Markdown 的平台上也同样可以使用。

更多细节

代码块

通过定制支持了代码高亮的配色,我这里使用了大家熟悉的 Github 配色。

注音符号

这个是通过第三方库实现的,可以搞一些比如「丧心病狂{gàn・de・piào・liàng}」很有意思的效果。

引用

这也是个很有意思的功能点,公众号文章里放微信之外的链接,是无法点击跳转的,所以原作者把这种链接全部放在了文章末尾,就像学术文章的出处引用一样。

其他的细节可以看编辑器的默认文章。

定制自己的样式

如果你不想和我雷同,或者觉得我的样式不好看,那也可以自己再定制,只需要一点前端 CSS 基础即可。

这里不建议你 Fork 后开发自用,我希望大家可以把更多样式 PR 给我,放入项目中开源出去。

另外我还会对编辑器里面的逻辑进行优化,还有一些基础功能也暂时缺失,比如没有保存、没有修改高亮样式、没有在页面就能改各种样式的功能,这些都在我计划之内,如果你有更好的想法也欢迎发给我。

>>>>> 公众号编辑器地址 <<<<<


本文属于原创内容,首发于微信公众号「面向人生编程」,如需转载请在公众号后台留言。

关注后回复以下信息获取更多资源
回复【资料】获取 Python / Java 等学习资源
回复【插件】获取爬虫常用的 Chrome 插件
回复【知乎】获取最新知乎模拟登录

版权声明:本文版权归作者所有,遵循 CC 4.0 BY-SA 许可协议, 转载请注明原文链接
https://www.cnblogs.com/zkqiang/p/11519105.html

【VUE学习笔记】VUE3入门-编程思维

快速开始 基础 创建 Vue 应用 模板语法 响应式基础 计算属性 类与样式绑定 条件渲染 列表渲染 事件处理 表单输入绑定 生命周期钩子 侦听器 模板 ref 组件基础 深入组件 组件注册 Props 组件事件 透传 attribute 插槽 依赖注入 异步组件 可重用性 可

微信: 如何分享成为卡片(图片、文字)形式?2022年5月-编程思维

一,为什么不能分享成卡片形式?       以前的链接分享形式:  现在的分享形式:    原因在于微信对分享成卡片形式的接口调整 说明:刘宏缔的架构森林是一个专注架构的博客,地址:https://www.cnblogs.com/architectforest          对应的源码可以访问这里获取: htt

vue hash模式下微信分享后打开首页,三种完美解决方案-编程思维

微信分享功能给我们带来了很大的便利,使得基于微信开发出来的 H5 页面可以很好的通过微信平台进行传播。所以呢,基本上每个基于微信开发的 H5 都会集成微信分享功能。但是,前几天在对接微信分享 API 的时候发现了一个大坑。使用 vue 框架开发的应用,分享出去的链接会被截断: 正常链接:https://hxkj.vi

技术公众号小白互助网络-编程思维

最近我自己弄的公众号终于开始发文章了。回想起之前的经历,再想到现在的情况,整个过程真是困难重重,即使是现在也是基本没有流量。所以想着新开一个GitHub仓库,总结下方式方法,给新来的人提供一些思路,少走些弯路。如果能借此达成自救,或者和大家一起互救,那就更完美了。 仓库名称:技术公众号小白互助网络 仓库地址:https

如何快速破解关注微信公众号才能阅读全文的技术文章 All In One-编程思维

如何快速破解关注微信公众号才能阅读全文的技术文章 All In One shit 引流方式 💩 微信公众号引流 扫码关注公众号:webfullstack 发送: web 获取永久解锁本站全部文章的验证码 https://web-full-stack.xgqfrms.xyz/ 该工具由 openwrite.cn 免