Yogurt_cry的博客

又搞了一个 Markdown 编辑器，这次感觉比之前的还要好用一丢丢。以后就靠它来写文档啦，啊哈哈哈哈哈哈...

1 前言在 2021 年底的时候，先是用 Leanote 搭了一个私有的云笔记服务器，后面嫌弃功能不够强大，页面不够好看，基于 Vditor 组件又给自己做了一个云服务器版的笔记软件。但是吧，Vditor 功能很全面，但就是包有点太大了，网络不好的时候还打不开，着急要看笔记的时候有点尴尬。还有一个问题是，云服务器当时买回来就是拿来做测试的，说不准哪天就重装了，没打算长时间存储数据，还会面临忘记续费的尴尬，再说了，目前技术能力和时间精力也比较有限，服务器的安全性也是个头疼的问题。思来想去，感觉借着上次的经验

上图是完成后的效果。在做整个需求的时候，是有三种方案摆在面前的，一是用 flex，二是 grid， 三是 element-plus 里的 layout 布局。前者是一维数组，不管是后期维护代码还是动态增加区域都有很好的可维护性和延展性，基本上只要维护数据就好了；后两者是二维数组，维护起来还要改样式就感觉挺麻烦的，关键是对自适应换行这一块没有很简便的解决办法(也有可能是自己不熟悉)。拿三种做了测试，从实现效果来说，自然是后两者最好，但不能自适应换行。flex 可以自适应，也可以换行，就是在最后一行的时候没有.

npm i js-cookie -S在 main.js 里引入import Cookie from 'js-cookie'Vue.prototype.$Cookie = Cookie在页面或者组件里调用this.$Cookie.set(key, value)this.$Cookie.get(key, value)this.$Cookie.remove(key, value)