vuepress 分类

VuePress

VuePress 是一个以 Markdown 为中心的静态网站生成器。你可以使用 Markdown 来书写内容 (如文档、博客等) ，然后 VuePress 会帮助你生成一个静态网站来展示它们。
我们这里使用的是VuePress Theme Hope 版本。

Mr.Si小于 1 分钟

vuepress-1.添加自定义组件

问题描述

vuepress添加自定义组件-以实现聊天气泡为例。

实现目标

实现思路

方案1：Markdown镶嵌HTML

1. 添加到 VuePress 项目中的 Markdown 文件中：

<div class="chat-container">
  <div class="chat-message">
    <div class="avatar">
      <img :src="avatar" :style="{ width: avatarWidth + 'px' }" alt="头像">
    </div>
    <div class="message">
      <p>这是一条聊天消息。</p>
    </div>
  </div>
</div>

Mr.Si大约 2 分钟