后台页面，运维可以新建一篇文章，拖动标题，文本框，图片，链接，tag等组件，生成一个文章markdown文档，其中图片按钮等组件用特殊符号包裹的字符代替，结合第三方组件和文本处理可以把markdown渲染为html用于渲染，其中每个组件右上有编辑、拖动按钮，可以切换为编辑状态，完善各部分组件的显示内容，如tag颜色，文本框内容，按钮主题大小等，也可以拖动交换组件位置，提交后，通过node脚本打包并替换动态内容，转为静态页面放到服务器中，微信公众号中显示对应的静态页面。
难点：各组件编辑状态切换，列如 文本框 需要自己用div模拟实现，正常显示为编辑状态，通过disabled 和 不显示边框等样式修改模拟为渲染状态
markdown 文本处理，第三方处理得到之后的html文本，还需提取其中特殊字符，找到对应的组件以及组件内容信息，转为相应的html文本显示，
各组件排序，markdown顺序不变， 另建了一个排序列表用于维护排序，渲染html时按照排序列表渲染。
为了seo，每个文章需要使用静态页面，打包生成的html有许多动态内容，需要获取对照表把html中动态内容转为实际的内容