借图说话：😂 willanddo blog v0版本的实现

背景：

一开始在博客园写了些文章：我的博客园

后来就打算自己搭一个，方案有二：

自己写，自己用博客也就列表页，详情页，编辑页

用别人的框架，搜罗了一圈的框架：WordPress（很有名，社区繁荣，基础版的有限制），bobblog（国人框架，百度连个官网页面都找不到算了）。到最后感觉用框架还不让继续用博客园呢

看来要DO的话就只能自己写了，v0版本能用就行标准：

详情页

列表页

编辑器

后端接口不实现

编辑页

先把所见即所得编辑器搞定（博客标准配置），后面详情页就好多了

搜罗了一圈发现一个好东西：TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。同类程序有：UEditor、Kindeditor、Simditor、CKEditor、wangEditor、Suneditor、froala等等。

配置完成效果：

直接生成页面html，顺滑酸爽😍

详情页

详情页样式直接使用bootstrap直接去官网扒下来用，

至于怎么加载数据动态填充页面，难道要手写js jq? 算了直接引入Vue，按原始方式导入

如图所示，数据请求使用的是axios

既然没有实现后端，每一篇博客就用json（标题、id、描述等）和文件（正文，因为是html用json需要处理）存储了

{

    "code":1,

    "msg":"success",

    "data":{

        "title":"Will&Do 意致 Blog 从零开始 （v0）",

        "update":"2020年7月2日01:29:16"

    }

}

详情页面保持清爽（看看那些个博客，各种晃人眼球的点列表广告🤢）

右侧居中设置两个悬浮按钮，悬浮上去时展开文字提示，分别是返回顶部和跳转只列表页

列表页

样式依然由bootstrap控制，使用组件card实现列表效果，依然保持简洁风

行了就这么多了，v0先上。自搭建博客自己写博客