实现一个新建博客文章的编辑页面，支持 Markdown 语法的快速添加功能，例如标题、加粗、斜体、引用、代码块、图片上传等功能。页面应简洁易用，不需要支持预览功能。
页面功能需求：
- 标题输入框。在编辑草稿时，为选填项。默认为今日日期时间。格式为 "YYYYMMDD-HHmmss"。对应的默认的 slug 也是该格式。
- 正文输入区域。支持 Markdown 语法的输入。
- 保存按钮，分两个功能：
- 保存为草稿：将当前内容保存为草稿状态，用户可以稍后继续编辑。即，models/article.go 中的 Publish 字段设为 0。
- 发布文章：将当前内容发布为正式博客文章，文章状态变为已发布。即，models/article.go 中的 Publish 字段设为 1。发布前，判断标题和 slug 如果是日期 YYYYMMDD-HHmmss 格式，则提示用户修改为更有意义的标题和 slug。
- 可以选择文章分类。支持搜索已有分类。
- 可以设置是否在首页显示该文章的选项。
- 使用 Basic Auth 进行身份验证，确保只有授权用户可以访问该编辑页面。
- 左侧是一个可以折叠的侧边栏，显示已有的博客文章列表，点击文章标题可以加载该文章进行编辑。支持搜索功能，方便查找已有文章。侧边栏默认折叠。
- 界面需要简洁，不要引入三方 css 框架，使用基础的 HTML 和 CSS 实现即可。参考 templates 的样式风格。
- 界面需要手机自适应，方便在手机上编辑博客文章。
- js 请使用 vue2，实现页面的交互功能。和 markdown 的快捷编辑功能。但是不要再引入其他三方 js 框架。
- 显示当前文章状态，为已发布，还是未发布
由于 vue 的模版变量符号 {{ }} 跟 golang template 的模版符合冲突，需要修改 vue 的模版符合为其他的指定符合
关于作者 🌱
我是来自山东烟台的一名开发者，有感兴趣的话题，或者软件开发需求，欢迎加微信 zhongwei 聊聊， 查看更多联系方式