alex2wong / newblog

Home Page:https://alex2wong.netlify.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool



博客首页Netlify Status


这是一个崭新的博客系统 🎉 💯

基于 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",
}

About

https://alex2wong.netlify.com

License:MIT License


Languages

Language:Vue 82.3%Language:JavaScript 13.7%Language:HCL 2.6%Language:CSS 1.4%