Vue+TypeScript+Element-UI Markdown博客前台渲染框架
Markdown 文章的前端渲染，配合 Vue + TypeScript + Element-UI，体验还蛮丝滑的。项目用起来比较顺手，写博客、渲染排版这些活都能搞定，最适合那种既要好看，又要好维护的场景。
Vue.js的组件化写法，用来搭博客页面再合适不过，像文章列表、详情页这些，都能拆得清清楚楚。响应也快，交互也流畅。
TypeScript加进来以后，代码规整不少，接口调用啥的类型一看就清楚，配合编辑器提示，写起代码来也安心。
Element-UI的组件就挺方便的，比如用现成的el-card包文章、el-pagination做翻页，样式统一，调样式也不麻烦。
Markdown 的解析率是用了marked或者markdown-it，你只要把文章 Markdown 源拿到，转一下，直接塞进v-html里就行，挺简单粗暴。
数据怎么来？可以自己写个接口，也能把 Markdown 存在项目里。axios拉一拉数据，在created或onMounted里下，展示就搞定了。
项目结构上，组件放src/components，页面在src/views，接口求封装进src/api，有状态需求也能加个src/store。整体结构蛮清晰的。
开发的时候跑npm run serve，上线前打包用npm run build，都用的是 Vue CLI 的一套工具链，体验还不错。
如果你正好想搞个支持 Markdown 的博客前台，样式要好看，代码又得易维护，这个项目的思路可以参考一下，拿来做二次开发也挺方便的。
文件大小：828.47KB
评论区