https://github.com/alex2wong/newblog

https://github.com/alex2wong/newblog

blog vuepress

Last synced: 8 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/alex2wong/newblog
• Owner: alex2wong
• License: mit
• Created: 2019-08-17T07:32:06.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-11T02:23:40.000Z (almost 2 years ago)
• Last Synced: 2024-10-12T13:47:59.193Z (about 1 month ago)
• Topics: blog, vuepress
• Language: Vue
• Homepage: https://alex2wong.netlify.com
• Size: 28.1 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 23
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        






## 博客首页[![Netlify Status](https://api.netlify.com/api/v1/badges/b13c092e-682b-49d2-b75a-5396565c0089/deploy-status)](https://app.netlify.com/sites/alex2wong/deploys)




这是一个崭新的博客系统  :tada: :100:

基于 [vuepress](https://vuepress.vuejs.org/) 搭建, 目前采用默认blog 风格，简洁明了。支持`markdown`语法和md中嵌入vue组件和任意html标签。例如：

*.md内容：

```markdown

- 清单一

这是一篇由markdown书写的博客

可交互的html控件

```

编译输出的html：

---

- 清单一

这是一篇由markdown书写的博客

可交互的html控件

---

我们可以清晰地看到 markdown 和 html 原生组件结合的威力，当然更重要的是可以直接嵌入vue 组件。

> 以上是一个vue组件渲染的图表

在markdown中也支持直接使用插值表达式，其实你可以简单地理解，这个markdown文件也就是 vue 组件的`template`部分，其中的插值表达式都会经过 vue.js 的编译，经过render函数的渲染，最终形式是可交互的`html`。例如以下等号后面的数字2 就是插值表达式计算所得

1 + 1 = {{ 1 + 1 }}

希望这个博客实践能帮到你们~ :smile:

![今年的夏天](./about/1.jpg)

今年的夏天

### 其他文章

- [About Me](about)

- [Magic Slides](posts/slides.html)

- [Music Blog](posts/music.html)

- [WebGL Lesson](posts/webgl01.html)

- [Summer](posts/summer.html)

```js{2}

export default {

  title: "blog",

  author: "alex",

}

```