这是一个崭新的博客系统 🎉 💯
基于 vuepress 搭建, 目前采用默认blog 风格,简洁明了。支持markdown
语法和md中嵌入vue组件和任意html标签。例如:
*.md内容:
- 清单一
这是一篇由markdown书写的博客
<input type="checkbox" id="testCheck">
<label for="testCheck">可交互的html控件</label>
编译输出的html:
- 清单一
这是一篇由markdown书写的博客
可交互的html控件
我们可以清晰地看到 markdown 和 html 原生组件结合的威力,当然更重要的是可以直接嵌入vue 组件。
以上是一个vue组件渲染的图表
在markdown中也支持直接使用插值表达式,其实你可以简单地理解,这个markdown文件也就是 vue 组件的template
部分,其中的插值表达式都会经过 vue.js 的编译,经过render函数的渲染,最终形式是可交互的html
。例如以下等号后面的数字2 就是插值表达式计算所得
1 + 1 = {{ 1 + 1 }}
希望这个博客实践能帮到你们~ 😄
export default {
title: "blog",
author: "alex",
}