2020年在比较了语雀/Wordpress/Hexo/Ghost/Vuepress之后,我选择这样来做文案编辑和输出

文章说明

  • 自己编写日记/笔记/文档也已经十几年的历程,也尝试过多款各类软件和平台,每一年都有一次复盘,希望尝试和体验最新的技术和最好的编辑发布流程,致力于完善和优化。
  • 在wordpress上使用十年以上,hexo使用2年,vuepress使用1年,ghost使用1年,之前的zblog,pjblog等等博客类程序均尝试和使用过。

最终从2020年开始,使用语雀(编辑文章并专题知识库发表)+导出MD+PicGo(通过Migrater插件批量语雀图片转存自主OSS/cos+CDN地址)(解决防盗链问题)+ 主要发表在Wordpress中(使用WP Editor.md插件编辑markdown),这样的流程来完成和完善自己的各类编辑工作。

本文将说明和展示自己的文案编辑工作的方式方法,做到给自己一个总结,也做出分享,同时也给出自己对内容编辑产出工作的平台和软件使用方向,在现有几大主流平台中的比较,以及对未来发展的期望,同时也为我们公司自主研发内容管理CMS系统,做出一个市场前沿分析。

本文作者 lweein,文章完成于2020年2月16日,本文共计约 4500 字。

文案工作全流程

2020年文案工作全流程.png

语雀 - 编辑平台和发布平台

链接地址:https://www.yuque.com/

  • (阿里旗下)体验最好的文本编辑器,基于MD并且更加丰富多样性的插件
  • 目录 / 附件 / 各种视频,导图的插入 / 各类第三方平台资源的融合
  • 在线编辑 / 实时保存 / 安全隐私 / 权限管控
  • 基于开发层面的Api接口,对接webhook通知,内容数据输出等

image.png

image.png

编辑器非常的干净,工整,不止于功能上的完善和合理,在排版和布局上非常的简约,做到了专注于文案工作。在原生支持markdown的基础上,语雀针对更多高级的比如数学公式等各类高级用法,基于自身技术实力,做出了非常多的深入开发和用户体验完善。

lweein:基本上客观的说,语雀编辑器(只说编辑器)是这5-7年来,尝试过无数个编辑器之后,体验到的最爽最好用最合理的全媒体编辑器。同时他们研发团队依然在持续性的更新和维护,接下来的1-3年之内预计会成为业内顶尖并且真正高效的文案平台。

image.png

在各类第三方附件和平台资源的融合上,已经囊括的非常多的选择,虽然还有一些融合有一些勉强插入的感觉,但是已经非常好的感受到了科技和技术带来的生产力的提高。

image.png

在数据统计上虽然有了比较初步的统计方式,但是还需要很多的加强。统计上无法根据日期和一些数据进行筛选和统计,相信很快语雀的统计方式会有更好的改善。

image.png

知识库已经尽可能考虑到了市面上常用的方式,目录类型的,专题类型,博客类型,话题交流类,还包括其他种类,比如excel类,UI画板类等等,目前市面上能做到这一步的也已经几乎不多见了。

image.png

同时,语雀作为一个技术偏向的文案平台,在技术支持和对外开放上做到了非常好的诚意,可以使用多种 api, OAuth, webhook等等工具和接口,对语雀的文档,目录,导入导出,同步等给了很多的选择,而且开发方式非常的方便和简单。

lweein :这里只是简单的说一下语雀平台的几个亮点,自己和公司使用也都在2年以上,应该是语雀对外开放以来比较靠前的一批用户,也是从2019年全面转入的文案编辑,存放,发布平台。之前也尝试过使用本地的 Typora 和Vscode,Mweb,在线的Wordpress/石墨文档/腾讯文档。单就编辑器本身来说,确实是最值得推荐的一款。很多时候你会发现,越能回归功能本质的,就是最高效的。

PicGo - 图片静态资源远程处理平台

Github链接地址:https://github.com/Molunerfinn/PicGo
官网链接地址:https://molunerfinn.com/PicGo/

  • 目前感觉最好用的远程图片上传工具,支持多个平台使用
  • 可以对接N个第三方平台,常用的OSS/cos/七牛/又拍等等,也可以二次开发属于自己的
  • 可以使用剪贴板 / 拖拽 / 快捷键 / 批量 上传,同时输出各种类型的格式,MD/HTML/UBB/URL等
  • 开放插件平台,目前已经有数十种在维护和更新,在作者精力有限情况下,这种研发和开发思路给了众多开发者满足自身需求做出了最大的诚意。
  • 结合语雀导出的MD文件里面的语雀CDN外链图片,使用插件,可以做到MD文章内图片一次性批量转存到自己的图床上,做到了静态资源的自主管理。

image.png

image.png

借鉴官网的截图,简单说明一些 PicGo 软件的使用界面,这里不做具体的功能展示和说明,在本地软件中,实现远程上传图片,融合多个图床,以及各种输入,输出方式的用户体验,都是自己在尝试使用过一堆里面体验最好的,同时在 Github 上数十种的插件系统,以及开放性的 PicGo-Core 的核心底层的开放和完善的文档,都给各种文案编辑者和技术开发者,甚至需要第三方图片管理api的企业开发者,都提供了非常好的研究方向和使用方式。

image.png

划重点:这里主要重点说一下这个插件 picgo-plugin-pic-migrater 字面意思就明白了,可以把md文件下的所有图片,从一个链接直接转存到 PicGo 上的图床。

lweein:我们在语雀编辑器中做出来的文章,已经可以非常方便的导出MD或者其他类型文本,但是在网站内容工作中,一个谁都避免不了问题就是图片静态资源的防盗链问题,在语雀2019年10月之后,也正是开启了防盗链,所以在拿到MD文件中语雀CDN地址下的图片之后,如果放在我们的hexo/hugo/wordpress等等自主平台上,在一定时间之后,都会出现打不开得问题。

所以最核心的理念永远是,属于自己的才是最好的。

考虑过太多方式,最简单的方式就是在语雀中直接粘贴MD格式的图片地址,提前一步使用picgo上传,但是语雀会进行全面的远程图片本地化,这也是大概2019年10月之后执行的一个改动,所以之前一直使用的这种方式也黄了。

现在从语雀出来的MD文档中,所以图片都是语雀的地址,总不能一张一张去复制粘贴,所以这里使用了 PicGo 中的一款 migrater 插件,他可以做到选择md文件的情况下,对立面的图片进行批量替换图床地址,这样拿到新的md文件之后,可以自由的放在自己想放的任何平台上,只要自己的图床没问题,可以保证永久性的存储。

image.png

具体使用可以自己去参考,非常的简单高效,有文档配置一下就行了,也就几分钟的事情。

lweein:借用 PciGo不止用于语雀文档md导出的图片批量处理,他还有多种多样的功能特性,当然核心还是图片远程图床上传功能。随着开发者持续性的维护和优化,相信接下来1-2年的 PicGo 可以做到更好。自己作为2年用户,也会继续支持并且期待更好的产品出来。

VsCode - 基于win10下的MD本地编辑软件

官网链接地址:https://code.visualstudio.com/

  • 虽然是市面上一流 code 代码编辑器,但是依然是一款优秀的文案工作编辑器
  • 基于Markdown的 All in One 插件,已经可以满足绝大多数人的需要
  • 可以自主控制和编辑的皮肤,和多平台安装,可以让多数人满足自己的工作界面
  • 微软出品,并且持续性的维护以及免费政策,不一定是最好的,但是还是回归了工作需求的本质
  • 基于强大的插件系统,可以搭配各类基于Git / Svn / Docker 构建打包等方式,用于结合发布进行文案工作

image.png

image.png

Visual Studio Code 虽然说是一个Code Editing 编辑器软件,但是用于文章编写其实一点都不逊色。这里还有其他几种选择,比如基于mac系统的 Mweb,或者 Typora。 Mweb 可以做到集成远程图床并且可以一键发布到各类 Blog中,但是只有苹果系统可以用,这个稍微有点蛋疼。如果使用 Vscode 和 PicGo-Core 也可以做到编辑中直接插入远程图片的方式,至于发布的话,甚至可以直接基于 Node.JS 环境进行 Hexo 这类静态博客的打包和发布,非常的方便高效。

lweein:在这里不会详细解说 本地如何发布到 Hexo / Hugo 这类静态博客,因为其实都挺麻烦的。而且在使用一段时间之后,发现优缺点都比较明显。后面会分析一下几个平台的适用性。最终还是回归到了 Wordpress 上作为主要的内容输出平台,首先这是自己100%拥有自主权的,其次在适用性和稳定性,安全性上,做到了现有阶段的平衡,能屹立这么多年依然保持优秀的市场份额,一定有他背后的道理。

Wordpress - 基于MD方式的主流内容平台

链接地址:https://zh-cn.wordpress.com/

  • 应该所有起步做网站或者技术开发都对 Wordpress 不会很陌生
  • 2020年推荐有一定基础的人尝试使用 Docker 进行构建和安装 Wordpress,教程和方式自己折腾吧
  • 姜还是老的辣,功能 / 安全 / 插件 / 稳定 / 主题开发,相对平衡做的非常优秀的一个内容平台
  • 使用 WP Editor.MD https://github.com/LuRenJiasWorld/WP-Editor.md 作为编辑器

image.png

相比较 Hexo / Hugo 这种总觉得意犹未尽,并且配置上着实麻烦的事实下,如果是喜欢折腾的人,比如我,我还是乐意折腾一下的。比如我的 Hexo 平台 https://hexo.lweein.cn 这个是通过 本地 Vscode + 腾讯 cos + 腾讯 CDN加速 + 自定义域名HTTPS 来进行打包和构建的,也已经做到了目前 Hexo 对一个普通使用者能体验到的相对比较好的方式了。

lweein:但是,重点来了,在持续折腾了许久的  Hexo 上,发现还是存在很多的不方便,比如文章多了之后的每次打包构建很慢,然后因为每次发布都是需要构建的,如果自己在专注于文章编写中,那么如果进行插件配置或者挪移到其他电脑后,还得重新配置和各种处理的局面下,经常出现构建失败,报错,等等一系列非文案工作的问题,这里不是说这些折腾行为不对,只是说在基于文案工作本身的前提下,烦心处理这些技术类问题,你只能说对技术追求的人可以体验,但是对文案这件事情来说,是很烦躁的,而且技术不到家的,还容易搞崩溃并且造成资料损失。

同时, Wordpress 自己大概是从2007年开始使用,那个时候好像是 3.0 左右的版本吧。后来自己迁移过很多不同的 Blog程序,最后持续到现在,还是使用 Wordpress 最能在自己的需求上做到一个平衡和满足。同时,现在服务器性能和各种缓存方式,以及国内优秀主题的搭配,让现在2020年的 Wordpress早已经变的足够的高效,和快速,特别是性能上的诟病现在也做到非常优秀。

那么在基于 markdown 的情况下,从语雀上拿到的 md 文档,在经过 PicGo 进行静态资源处理之后,导入 Wordpress 就比较方便,缺少最后一个 支持 md 格式的 编辑器,这里选择了** WP Editor.MD** 作为 Wordpress的 md 编辑器,应该是目前2020年来最优秀的吧,目前还没有找到其他更好的选择了。同时我也使用了超过一年,中间有一段时间作者不再更新维护了,后来好像换人更新了,但是这不重要,重要的是这依然是平台上非常优秀的编辑器,可以让 Wordpress 从此不再蹩脚。

image.png

image.png

安装使用上就不做说明了,简单,高效,粗暴,也就说明特别有效。在 md文件直接复制进行之后,简单调整一下,就是一篇非常好的文章处理完了。配置一些 Wordpress 里面的设置项,整个编辑和发布流程到此就结束了。

lweein:基于 Wordpress 的国内优秀主题下,这里也大力推荐两个平台的产品,一个是苏醒,鼎鼎大名,一个是果子酱,WPJAM的开发,这两个应该是目前比较优秀的,当然还有其他,比如知更鸟等等,我自己是 Suxing cosy主题的付费购买者,也是知更鸟的付费购买者,同时也在使用WPJAM,综合对比了很多,也用了好几年。最后还是选择Suxing的产品搭配自己家的积木盒子进行 Wordpress的优化,同时基于SEO,百度自动推送,等等几十类优化,这里就不做细说,可以自行研究。这里重点推荐的是 积木盒子插件和WPJAM插件。嗯,免费的。

苏醒积木:https://www.nicetheme.cn/jimu
WPJAM:https://blog.wpjam.com/project/wpjam-basic/

image.png

image.png

本文总结

最后,到此,整个文案的编辑,调试,发布工作,就顺利完成了,基于语雀,PicGo 和 Wordpress 其实我们还可以做得更好,比如 是否可以做到 语雀 编辑完成之后触发 Webhook 做 内容提取,同时基于云函数的 PicGo-Core进行自动转存远程图片资源,再通过比如 DroneCI等方式自动构建发布到 Hexo中,甚至基于 Wordpress 的 Api 做到自动发布到 Wordpress 中,同时这也是自己2020年在努力完善和进步的地方。

同时,因为在整个过程中,有很多自己觉得不尽人意的地方,所以在接下来的自己的工作中,会拿出这个内容管理平台CMS作为公司的一个产品方向,也希望通过自己和团队的努力,可以在市面上优秀产品的基础上,能做一些更多的事情出来。

98f0a885-a9c9-4f7e-8f4c-514660d067bf.png

暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇