✨ 更新日志
🚀 安装部署
✒ 写作指引
🛠 站点配置
📊 网站统计
⭐ 主题配置
📩 评论插件
🧷 外部插件
🔊 站点订阅
⌨ 开发指引
👨👦👦 联系方式
🤝 购买服务
Utterance
category
tags
type
status
slug
date
password
Last edited time
Jan 31, 2024 08:15 AM
summary
icon
Utterance
完成预览效果
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F54570291-8a94-44c1-ba2d-b5ea22e624f9%2FUntitled.png?table=block&id=84856bc1-ab33-47b0-9ae3-dec9da9d4242&t=84856bc1-ab33-47b0-9ae3-dec9da9d4242&width=864&cache=v2)
配置Utterance
只需两步骤,在github中创建仓库,安转插件
1.在您的Github中创建一个开源项目用于存放评论
2.在github中安装utterance插件
访问此地址安装:https://github.com/apps/utterances , 点击右上角install即可
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F530c7c7b-9a15-4ff8-a0c4-d81b2de6286d%2FUntitled.png?table=block&id=82027ee0-a993-4e25-8f04-ae367d638166&t=82027ee0-a993-4e25-8f04-ae367d638166&width=2070&cache=v2)
允许utterance访问所有仓库,并勾选install,可以只勾选作为评论用的仓库地址。
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F5d8210b2-7766-4204-941b-1fbebbfe3ac4%2FUntitled.png?table=block&id=bedf6d1f-d006-488b-8ee8-fe168e2cb339&t=bedf6d1f-d006-488b-8ee8-fe168e2cb339&width=384&cache=v2)
配置NotionNext
只需两步,设置环境变量,重新部署项目。
1.将用作评论仓库名添加到Vercel添加环境变量
后台
settings
→ environment variables
→ 添加 → save
即可。如下图:![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fd1110ca9-fc01-4237-b19a-4aebc1c8b0da%2FUntitled.png?table=block&id=b09e8636-15c1-4a93-a83d-0c0a21b0365f&t=b09e8636-15c1-4a93-a83d-0c0a21b0365f&width=2814&cache=v2)
注意,![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fc258ba02-21f6-4ffb-972c-5716edfc8ced%2FUntitled.png?table=block&id=ba87a972-5b06-4160-a935-93ab35be981f&t=ba87a972-5b06-4160-a935-93ab35be981f&width=1782&cache=v2)
仓库名
的格式是 [您的用户名/您的仓库名] 如下示例![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fc258ba02-21f6-4ffb-972c-5716edfc8ced%2FUntitled.png?table=block&id=ba87a972-5b06-4160-a935-93ab35be981f&t=ba87a972-5b06-4160-a935-93ab35be981f&width=1782&cache=v2)
添加后的效果
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F39546227-f09e-4a39-876b-f5cabe3deff8%2FUntitled.png?table=block&id=742a1d29-0d2e-4807-834c-1f58b73399cd&t=742a1d29-0d2e-4807-834c-1f58b73399cd&width=1930&cache=v2)
2.添加完环境变量记得Redploy
项目。
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F91a31209-906b-4ad1-92fd-22f21d8641e8%2FUntitled.png?table=block&id=c01aafe7-4dbd-4e09-9a61-c94966d7424d&t=c01aafe7-4dbd-4e09-9a61-c94966d7424d&width=2586&cache=v2)
Loading...
Last update: