本文的独立博客为WordPress
它自带两种编辑器,以前是二选一,现在是两者可以同时存在
一个是经典编辑器,一个是古腾堡编辑器(块编辑)
经典编辑器为tinymce富文本编辑器,可以自行编辑属性
块编辑器则自带一些组件,含有经典编辑器没有的功能
同时经典编辑器也可以作为块的一个组件
也就是块编辑器包含经典编辑器
本文由于一些习惯问题,仍然在使用经典编辑器
只有在需要块编辑器的时候才考虑其他组件使用,目前经典编辑器足够日常内容编辑
博客的图文编辑少不了一些工具辅助
比如富文本编辑器,Markdown编辑器,代码编辑,流程图,思维导图,手绘,图片压缩等
本文默认使用博客自带的经典编辑器,暂时未使用第三方富文本编辑器
其次md编辑器以前推荐typora,现在由于它改为付费,现在不再推荐
想要直观的更好的表达内容,图片的编辑必不可少,推荐几个常用的开源工具
drawio流程图
有两种方式可以获取draw流程图
一个是在nextcloud安装draw插件,然后可以直接使用
一个是使用docker自部署draw,需要一定的技术能力
mind思维导图
在 nextcloud中安装mind插件,可以直接使用
Excalidraw手绘图表
Excalidraw,使用docker部署
docker部署成功后可以直接把静态网站拷贝出来,然后部署网站
squoosh图片压缩
谷歌出品,支持各种图片压缩,使用wasm技术,支持自部署
在浏览器中压缩图片,支持PWA,可以离线使用,本文仍然建议自部署
目前使用场景不多,但是遇到图片体积较大,可以及时压缩,这样可以减少图片带来的流量消耗,也能提升加载速度,添加阅读体验
对于技术文章来说,还有一个需要优化的就是代码编辑
目前使用的为prismJs,结合经典编辑器,设置代码高亮效果
到此为止,文字和图片编辑主要的工具已描述完毕
其他的更多的是专注内容本身
END.