VuePress Theme Hope搭建博客测试

Markdown内置拓展

标题锚点

把鼠标放在各个章节的标题上时，会显示出一个 # 锚点。点击这个 # 锚点，可以直接跳转到对应章节。

Emoji

你可以在你的 Markdown 内容中输入 :EMOJICODE: 来添加 Emoji 表情。

前往 emoji-cheet-sheet 来查看所有可用的 Emoji 表情和对应代码。

输入:

VuePress 2 已经发布 :tada: ！

输出：
VuePress 2 已经发布 🎉 ！

提示

Emoji扩展由 markdown-it-emoji支持
配置参考：markdown.emoji

目录

如果你想要把当前页面的目录添加到 Markdown 内容中，你可以使用 [[toc]] 语法。
输入:

[[toc]]

输出:

• Markdown内置拓展
  • 标题锚点
  • Emoji
  • 目录
  • 代码块
• 在 Markdown 中使用 Vue
• 图片插入

代码块

你可以在代码块添加一个 title 键值对来为代码块设置标题。
输入：

```ts title=".vuepress/config.ts"
import { defaultTheme } from "@vuepress/theme-default";
import { defineUserConfig } from "vuepress";

export default defineUserConfig({
  title: "你好， VuePress",

  theme: defaultTheme({
    logo: "https://vuejs.org/images/logo.png",
  }),
});
```

输出：

.vuepress/config.ts

import { defaultTheme } from "@vuepress/theme-default";
import { defineUserConfig } from "vuepress";

export default defineUserConfig({
  title: "你好， VuePress",

  theme: defaultTheme({
    logo: "https://vuejs.org/images/logo.png",
  }),
});

在 Markdown 中使用 Vue

可以在 Markdown 中直接使用 Vue 组件。

输入:

这是默认主题内置的 `<Badge />` 组件 <Badge text="演示" />

输出：
这是默认主题内置的 <Badge /> 组件 演示

图片插入