有没有办法将JavaScript嵌入到Vitepress降价模板中

Question

是否有一种方法可以将来自外部源的脚本和本地脚本嵌入到Vitepress markdown中以便生成？

此示例

## my test button
<script src="https://www.jsdeliver.com/sdk/js?yadayada"></script>
<script>
function initButton() {
...
}
</script>

引发问题

[vite]hmr update/test/index.md(x2(19:00:17[vite]内部服务器错误：在客户端组件模板中忽略具有副作用(和(的标记。插件：vite:vue

Answer 1

第一种可能的方法是通过配置文件(.witpress/config.js(，它可以将脚本嵌入到生成的vitepress index.html中。文档没有很好地解释它，但如果我们需要将脚本放入头中，这是可行的。

下面是一个google标签头脚本的例子。

export default {
title: 'mydocumentation',
head: [
[
'script',
{
async: true,
src: 'https://www.googletagmanager.com/gtag/js?id=G-xxxxxxxxx'
}
],
[
'script',
{},
`
window.dataLayer = window.dataLayer || [];
...
gtag('config', 'G-xxxxxxxxxxx');
`
]
]
}