介绍 vitepress-blog-theme 中一些自带的 ShortCode

1. Gist ​

假设有一个 gist 路径为 https://gist.github.com/fzdwx/3e9dd948b38f12ef39ae760374a1a016, 那么就可以用下面的代码来引用它:

js
/* height 为自定义高度, 非必须 */
<Gist user="fzdwx" id="3e9dd948b38f12ef39ae760374a1a016" height="h-[1000px]" />

2. Douban ​

目前只支持豆瓣电影, 用法如下, 必须用 ClientsOnly 包裹:

  1. code: 对应 https://movie.douban.com/subject/35604677 中的 35604677
  2. to: 点击后的跳转链接, 默认为 https://movie.douban.com/subject/${code}
html
<ClientsOnly>
  <Douban
    to="https://www.google.com/search?q=%E6%9C%BA%E5%8A%A8%E6%88%98%E5%A3%AB%E9%AB%98%E8%BE%BE+%E6%B0%B4%E6%98%9F%E7%9A%84%E9%AD%94%E5%A5%B3&oq=%E6%9C%BA%E5%8A%A8%E6%88%98%E5%A3%AB%E9%AB%98%E8%BE%BE+%E6%B0%B4%E6%98%9F%E7%9A%84%E9%AD%94%E5%A5%B3"
    code="35604677"
  />
  <!-- 其他 -->
</ClientsOnly>