前言

最近把公众号里最近的一个专题连载做了一下全网发布，想来自己搬运自己的文章，原稿都在，也就Ctrl+C，Ctrl+V的事情，还是遇到很多的坑，有些心得和体会，写出来与大家分享交流一下

撰写流程

写技术类文章与普通文章的基本流程是类似的，区别在于会带很多的公式和代码，原创类的复现时还会带运行环境的截图。

• 选题

• 列大纲

• 收集素材

• 程序复现

• 截图

• 贴代码和公式

• 整理文稿

• 排版发布

写作的时候专注度要求很高，特别是到整理文稿阶段就需要专注写作内容本身，避免被排版，字体大小，文字颜色，布局等一堆美化工作所干扰。而最终发布前，排版美化和文本润色又是不可或缺的一部分。

工具选择

1. 便签记事本

灵感和创意可遇不可求，所以一个随身的笔记工具是必备的。在手机不离身的年代，还需要兼顾本地和云端，多设备同步等等要求。

Evernote 和 有道云笔记都是不错的选择，不希望用公网服务的，还可以选择 DS note 这种私有云方式。

其实微信的文件传输助手也够用，随时记录随时分享，内容比工具重要。

2. Markdown

对于技术类文章而已，有如此多代码和公式的场合，Markdown 无疑是最佳的选择。一旦用上，一定爱上。基础语法没几条，写过 github 文档的基本都会，速查表如下：

# 标题文本
>引用文本
*斜体*
**粗体**
***加粗斜体***
~~删除线~~
*{+、-} 列表项（无序列表，若为1.、2.就成了有序列表，）
[链接文本](链接地址)
![图片摘要](图片链接地址)
`代码`
---  分隔符
| 表格 | 表格 |

会这些常用的就够用了，其他的高级功能，也不是所有平台支持的（比如自动目录 [toc]），等用到的时候再查就好。

3. Typora

在Markdown的编辑器里，Typora是一个好选择，简洁优雅，自带预览，所见即所得。

官网下载安装包。

https://www.typora.io/

将收集的素材选择性的使用，并先做本地化存储。不依赖于网络的封闭式创作环境真的太重要了，特别是外网不稳定的糟心和互联网花花世界的诱惑，分分钟把1小时的写作时间变成1整天。

4. PicGo

而待发布时一张张图片手动上传替换资源，则实在是太反人性了，所以我们还需要PicGo实现自动上传图片并返回markdown格式的图片url。

官网下载PicGo-Setup-2.3.0-beta.3.exe安装包

https://github.com/Molunerfinn/PicGo/releases

图床选择

图床简单而言，就是在互联网上存放图片资源的空间，加速还是次要的，主要是方便发布平台来抓取资源。

1. 图床对比

图床	免费/收费	国外/国内
SM.MS图床	收费	国内
腾讯云COS	收费	国内
Github图床	免费	国外
七牛图床	收费	国内
Imgur图床	免费	国外
阿里云OSS	收费	国内
又拍云图床	收费	国内
gitee	免费	国内

为了访问速度先排除国外的，再筛选掉收费的，那gitee就是最佳选择。

在PicGo的插件设置里搜索gitee，安装gitee-uploader

Tip:

插件需要依赖node.js环境的npm，如果没有安装，可以在官网下载

https://nodejs.org/

2. 配置 gitee

在 gitee上新建一个仓库，设置一个仓库名称，比如 blogimages，设置公开，初始化仓库。

https://gitee.com/

在网页上点击设置->私人令牌->生成新令牌，权限里选择projects，提交后就能获取到令牌了。

3. 设置图床

回到PicGo，把获得令牌设置到图床设置里。

repo：填写刚才新建 gitee 的项目地址

token：令牌

4. 绑定 PicGo

在Typora的菜单文件-->偏好设置里，设置插入图像后的行为，默认是先保存到本地目录。上传服务里选择PicGo程序，完成绑定。

5. 上传图片

往Typora的编辑框里拖曳一张图片，会发现图片被复制到文章的同目录下。选择格式-->图像-->上传所有本地文件，就能发现文章里的图片链接都被替换到图床链接的地址了。

富文本编辑器

既然 Markdown 如此的好用，那为什么还要用富文本编辑器呢？

因为理想是美化的，现实是骨感的。文章的受众不一定都是geek类型的，普通人还是更喜欢Blingbling的多图美文。

对于前端工程师和设计师来说，Markdown 需要大量 html和 css 才够看，而且模板这种东西体现的是效率，而非个性。虽然Markdown可以嵌入html，不过我建议仅在发布前才用。

硬要在Markdown里做效果，这一小段标题，对应一大坨的Html代码，你真的要在内容创作的时候面对这个么？

但对于编辑特效来说，没有比富文本编辑器更随心所欲的了。我们也没有必要为了优雅，放弃华丽。

1. mdnice 插件

对于公众号来说，mdnice可以架起 Markdown 到 html的桥梁。

https://www.mdnice.com/

安装方式如下

https://preview.mdnice.com/article/user/extension/

可以选中一部分，插入到富文本编辑器中，同时兼有两者的优势。更换主题和代码主题就等于选择了不同的 CSS 模板，对统一风格很有帮助。

Tip：偶尔会有几张图片文件过大，拉取失败，注意一下提示信息，本地上传即可。

2. 壹伴插件

在富文本的编辑器下，那壹伴插件里有更多的模板和素材样式，有精力的话，可以设计出一套独一无二的风格。

https://yiban.io/

不过设计不是一朝一夕可以学会的，我们这种理工男完全没有经验，可以学习一下别人的配色方案和结构布局。

https://www.canva.com/

发布平台选择

小孩子才做选择，成年人一般都要。这里就体现出Markdown的优势了，现在主流的专栏都支持自动缓存外链图片资源到各自网站内，而富文本的Html方式则仍保留原有图床的链接，不仅占用自己服务器资源，这未来可能由于各种防盗链的限制造成图片丢失的情景。

我选用最近连载的系列文章，选择了掘金、知乎、简书、CSDN、思否 5个平台做了一下测试，以每天一篇到两篇的频率发布。

除了公众号，各大平台对Markdown的支持都比较好，有了 Markdown 文档 + 图床，真就能实现ctrl+c，ctrl+v一键发布了。公众号的话，用上文介绍的mdnice插件，也能无缝衔接，妥妥的效率神器。

当下各大平台对公众号引流和外网访问的政策都暧昧不清，文章中涉及很多软件和源码，VPN，百度网盘和公众号在一些平台上属于敏感词，二维码分享一般都会被禁止。

1. 微信公众号

文章的首发地址，自由度比较高，可以做原创声明，设置自动回复给粉丝发资源。富文本编辑器让人又爱又恨的，有时候排版一动就乱，只能打开壹伴的HTML编辑功能手动调整...

mdnice对不需要修改的布局特别友好，对于混合模式的编辑，修改还不如重新生成。

但用壹伴插件，富文本也能做出很多特效，个性化上无与伦比。

非腾讯域名和白名单的外链都禁止跳转，估计全实名认证的关系，技术交流相对宽松，之前该吐槽的吐槽，百无禁忌的，发布这个系列十几篇文章，还没遇到过需要被审核退回修改的文章。没有比较就没有伤害，对于之后的那些经历来说...

2. 掘金

前端内容为王的社区，优质的文章会被得到推荐。这个系列很多篇被推上首页，所以阅读量和关注量都上升的比较快。界面简洁舒服，总体感受很好。

被和谐了1篇，审核不通过会直接删除，而且没有任何提示信息，我一度以为上传失败了，额。

不限制公众号引流，不过禁止贴二维码图片。

3. 知乎

社区活跃度很高，创作等级提升很快。Markdown只能通过导入的方式读取，主要还是富文本编辑，普通的二维码会被转义成链接，动态二维码正常。

正文不能出现公众号字样，一开始一直没有问题，估计长假期间是没有被审核，长假后直接被提示5篇需要修改，被关7天小黑屋... 额，最终只发布了7篇，等解封了再说吧。

4. 简书

简书属于综合性社区，技术类的关注度不高。每天最多只能发布2篇文章，不能放置二维码，包括动态二维码，但不限制公众号引流。

5. CSDN

程序员的社区，专业度最高，对markdown的支持最好，不仅包括自动生成目录的 toc，还能各种代码高亮，公式编辑。可以申请自动搬家服务，可能是长假的因素，审核周期约一周左右。不过通过后就完全不用操心了，每天凌晨会自动同步公众号的文章。

自动同步会去除模板和html的效果，如果希望排版更好些，可以关闭同步，通过markdown文件来自行发布。

不限制公众号引流，可以直接贴公众号的二维码展示，但对翻墙类相关技术不能发布。被和谐了2篇，误杀1篇。Yolo那篇因为预告了几句就被封杀，关键字匹配审核太无情。

6. 思否

思否主要是个问答社区，所以发专栏文章的不多。正文不能出现公众号字样，不限制发二维码。

7. 汇总

历时一周左右，阅读数和关注数基本反映社区的活跃度，对技术原创内容的支持力度和文章与社区的匹配度。

下面这个表格里的各种坑都是以封号和删帖的代价换来的，这还都是通过公众号已发布的文章，可见各个平台的审核策略大有不同。这样的干货不收藏一波么

平台	编辑器	公众号	VPN	二维码	和谐数/文章数	点赞数/阅读数
微信公众号	富文本/Markdown(插件)	允许	允许	允许	--	--
掘金	富文本/Markdown	允许	禁止	禁止	1/12	27/5,453
知乎	富文本/Markdown(支持导入)	禁止	未知	动态	5/7	5/683
简书	富文本/Markdown	允许	允许	禁止	0/11	0/203
CSDN	富文本/Markdown/自动搬运	允许	禁止	允许	2/13	10/229
思否	Markdown	禁止	未知	允许	0/9	0/632

总结

总结一下，工具链为 Note + Typora + PicGo + Gitee图床 + mdnice + 壹伴。

便签碎片化记录，Markdown专注内容，图床托管资源，最后针对平台富文本编辑发布。

• local版本的可以随时在断网情况下编辑，保证数据安全，也避免写作干扰；

• 完成写作后，另存一个online版本；

• 用Typroa里的上传所有本地文件，将图片更新到gitee图床；

• online版本的ctrl+v一键发布，就能免除图片上传插入等繁琐工作了；

• 如有必要，最后根据发布平台上的实际效果，做具体美化工作即可。

其他的平台比如百家号，头条号，牛客网等等，就留给大家去尝试了。记得留言反馈一下结果，大家可以避开那些潜在的深坑。

软件下载

本期相关文件资料，可在公众号“深度觉醒”，后台回复：“writing”，获取下载链接。

往期推荐

• 打造专属的动态二维码

• 用树莓派4b构建深度学习应用（素描线稿篇）

• 用树莓派4b构建深度学习应用（人脸修复篇）

• 用树莓派4b构建深度学习应用（口罩篇）