# vuepress使用记录

# 插入图片

![自定义文本](../assets/img/test.jpg)

Test

# 使用表情

:100: :tada: :love_hotel: 

💯 🎉 🏩
可用表情列表

# 自定义容器

::: tip
我是提示`code`
:::

::: warning 警告
我是警告
> test一下
:::

::: danger
危险
:::

::: details
详情模块
:::

TIP

我是提示code

警告

我是警告

test一下

WARNING

危险

DETAILS

详情模块

# 使用双大括号

::: v-pre
{{因为vuepress内置了支持,想要显示这两个符号,就必须这样写}}
:::

{{因为vuepress内置了支持,想要显示这两个符号,就必须这样写}}

# 自定义组件

.vuepress目录下的components文件夹中的vue组件自动注册为全局组件,可在任何md文件中直接使用。

我是vue组件

居然可以在Markdown中用Vue组件,vuepress是真的牛逼啊!

test

插值位置的数据

# test Badge 默认主题 warning

## test Badge <Badge text="默认主题"/> <Badge text="warning" type="warning" vertical="middle"/>

# 使用链接

<a :href="$withBase('/blog/vue/vuex.html')">链接到vuex</a>

链接到vuex

作者:王龙楷; 标签:原创; 提交时间: 4/27/2020, 4:03:52 PM