Skip to content

Config

接入 Github 评论功能

安装 giscus

Github 仓库中安装 giscus

开启 Discussions

Github 中的 Settings 中开启 Discussions

https://raw.githubusercontent.com/Lazydd/images/main/202410281040388.png

配置 giscus

配置 giscus

1. 输入自己的一个公开的仓库地址,需要开启 Discussions

https://raw.githubusercontent.com/Lazydd/images/main/202410281035174.png

2. 设置分类别为 Announcements

https://raw.githubusercontent.com/Lazydd/images/main/202410281036852.png

3. 将关键部分拷贝出来

https://raw.githubusercontent.com/Lazydd/images/main/202410281037278.png

4. 在 Vue 中使用则创建一个 .vue 文件

template
<component
	:is="'script'"
	src="https://giscus.app/client.js"
	:data-repo="Lazydd/lazy-blog"
	:data-repo-id="R_kgDOKPGS7g"
	:data-category="Announcements"
	:data-category-id="DIC_kwDOKPGS7s4CZRAd"
	:data-mapping="'pathname'"
	data-reactions-enabled="1"
	data-emit-metadata="0"
	:data-input-position="'top'"
	:data-theme="'light'"
	:data-lang="'zh-CN'"
	crossorigin="anonymous"
	:data-loading="'eager'"
	async
/>

5. 在 Vue 中使用该组件

6. 博客中如果某些页面不需要则添加 frontmatter 会忽略

txt
---
comment: false
---

贡献者

暂无相关贡献者

变更记录

暂无最近变更历史

Released under the MIT License.