NotionNext帮助手册
Language
English
中文
更多
作者博客
项目主页
Ctrl+K
Language
English
中文
更多
作者博客
项目主页
Notion开源、免费、快速建站
✨ 更新日志
NotionNext-升级教程
V4.9.5.2 - Latest
V4.0 → V4.9.0
V3.0 → V3.16.3
V2.0 → V2.9.1
V1.0 → V1.5.0
🚀 安装部署
Vercel部署NotionNext
Vercel绑定自定义域名
Vercel域名加速
NotionNext项目运行原理
Vercel部署多个Github网站
Vercel静态部署NotionNext
Vercel快速重新部署项目
CloudFlarePage静态部署
Netlify云函数部署
EdgeOne部署NotionNext
VPS本地服务器
4EverLand部署NotionNext-Web3.0方案
Zeabur云部署
✒ Notion教程
Notion文章示例
Notion数据备份
Notion数据库的使用
Notion模板的使用
Notion嵌入B站视频
Notion快捷键大全
Notion-faster加速Notion
Notion文字添加超链接
NotionNext将单页隐藏
NotionNext定时发布文章
📓
Notion进阶教程
🛠 站点配置
关于站点缓存
如何配置站点
批量配置 INLINE_CONFIG
基础信息
图片/封面管理
站点图标favicon与Github图床
URL风格自定义
网站公告
菜单管理-二级菜单
字体字号
图标库-FontAwesome
图标库-IconFont
代码块风格
自定义数据库表头
多数据库:多语言/多板块
站点组合
API_BASE_URL
⭐ 主题参数
主题功能说明
Typography主题
Magzine主题
Proxio主题
Simple主题
Hexo/Matery主题
Gitbook主题
HEO主题
Starter主题
Movie主题
Game主题
Commerce主题
📊 网站统计
站点统计相关
UMAMI统计
搜索引擎收录
Clarity站点统计
51LA站点统计
Ackee站点统计
📩 评论插件
评论插件说明
Cusdis
Utterance
Giscus
Twikoo
Artalk
Gitalk
Valine
Waline
🧷 外部扩展
外部插件说明
音乐播放器
Live2D宠物插件
Algolia搜索引擎
AI聊天机器人-Coze
AI聊天机器人-ChatBase
Facebook聊天插件[已失效]
SaleSmartly聊天插件
TIDIO聊天插件
Google广告营收插件
⌨ 开发教程
小白学习-前端开发入门到精通
NotionNext开发先导
NotionNext用配置调整样式
NotionNext自建主题
实操案例-自定义鼠标特效
借助AI开发NotionNext
基础教程-简单理解React和JSX
基础教程-NextJs是什么
基础教程-Tailwind CSS
基础教程-如何用Git提交代码
🔊 运营教程
🏫
网站SEO推广
💬
验证码解锁文章OpenWrite/TechGrow
✉️
Mailchimp邮件订阅
👨👦👦 获取帮助
1.社群守则
2.留言反馈
3.社群讨论
4.付费求助
💪 支持我们
👋
支持NotionNext
💴
Waiting List
TIDIO聊天插件
category
🧷 外部扩展
tags
type
Post
status
Published
slug
notion-next-tidio
summary
date
Last edited time
Sep 21, 2024 02:21 PM
icon
password
效果
网页右下角会悬挂一个聊天按钮,用户可以直接发送消息对话,你可以在你的TIDIO客户端收到消息并进行回复,和SaleSmartly的功能基本一直,可以选择安装任意一种。
SaleSmartly的免费版上限是每月50个会话,超出后需要升级套餐后才可使用。
安装方法
和SaleSmartly安装方式几乎一致。
登录TIDIO后台
Accelerate Your Growth With #1 AI Customer Service | Tidio
Convert more leads, provide stellar support, and boost your revenue with Tidio’s game-changing AI-driven customer service solution.
https://www.tidio.com/
按照引导获取你的手动安装代码
首次注册后,TIDIO会自动引导你获取安装代码,这是安装代码格式:
如果你已经配置好,可以在设置→ Installation → Manual install 中找到你的安装代码
配置
将上述安装代码中的URL部分复制出来,即这段:
//code.tidio.co/xxxxxx.js
配置到NotionNext中,添加一个配置 CUSTOM_EXTERNAL_JS,参考如下
可以直接复制我的这个配置,并将URL替换成你的。
配置名
配置值
CUSTOM_EXTERNAL_JS
["//code.tidio.co/xxxxxxxx.js"]
💡
这里
配置值
是需要用中括号加英文双引号拼起来[””],它代表一串配置数组,支持多个用英文逗号隔开。例如["https://1.js","https://2.js","https://3.js"] 直接在Notion中手动输入这项配置时,Notion会自动将英文的双引号转成中文,导致软件报错,因此建议复制我这里写好的格式,再将url替换成您自己的。
Prev
SaleSmartly聊天插件
Next
Google广告营收插件
Loading...
Catalog
效果
安装方法
配置
Last update: 2024-9-21
效果
安装方法
配置
旧站升级提醒
由于NotionAPI官方偶尔出现接口升级,导致
NotionNext无法获取站点数据
,以及
接口530等异常
。因此旧版本的站点如果遇到数据异常,请务必升级至最新的NotionNext版本。并按需
添加
API_BASE_URL
环境变量
。
站长提醒:
不少站长成功运营了自己的品牌站,却由于
访客暴增
,导致Vercel
费用超标
,
站点被暂停
。
此时
对于预算有限
或
运营模式未成熟
的站点、充会员等付费方案并不是必须的,可以考虑重新注册账号,或选择静态部署的方案,此方案可以让站点任然零费用运行。参考:
NotionNext帮助手册
Vercel静态部署NotionNext | NotionNext帮助手册
Vercel静态部署NotionNext | NotionNext帮助手册
纯静态部署将牺牲动态获取数据的便利性
Article List
Notion开源、免费、快速建站
✨ 更新日志
NotionNext-升级教程
V4.9.5.2 - Latest
V4.0 → V4.9.0
V3.0 → V3.16.3
V2.0 → V2.9.1
V1.0 → V1.5.0
🚀 安装部署
Vercel部署NotionNext
Vercel绑定自定义域名
Vercel域名加速
NotionNext项目运行原理
Vercel部署多个Github网站
Vercel静态部署NotionNext
Vercel快速重新部署项目
CloudFlarePage静态部署
Netlify云函数部署
EdgeOne部署NotionNext
VPS本地服务器
4EverLand部署NotionNext-Web3.0方案
Zeabur云部署
✒ Notion教程
Notion文章示例
Notion数据备份
Notion数据库的使用
Notion模板的使用
Notion嵌入B站视频
Notion快捷键大全
Notion-faster加速Notion
Notion文字添加超链接
NotionNext将单页隐藏
NotionNext定时发布文章
📓
Notion进阶教程
🛠 站点配置
关于站点缓存
如何配置站点
批量配置 INLINE_CONFIG
基础信息
图片/封面管理
站点图标favicon与Github图床
URL风格自定义
网站公告
菜单管理-二级菜单
字体字号
图标库-FontAwesome
图标库-IconFont
代码块风格
自定义数据库表头
多数据库:多语言/多板块
站点组合
API_BASE_URL
⭐ 主题参数
主题功能说明
Typography主题
Magzine主题
Proxio主题
Simple主题
Hexo/Matery主题
Gitbook主题
HEO主题
Starter主题
Movie主题
Game主题
Commerce主题
📊 网站统计
站点统计相关
UMAMI统计
搜索引擎收录
Clarity站点统计
51LA站点统计
Ackee站点统计
📩 评论插件
评论插件说明
Cusdis
Utterance
Giscus
Twikoo
Artalk
Gitalk
Valine
Waline
🧷 外部扩展
外部插件说明
音乐播放器
Live2D宠物插件
Algolia搜索引擎
AI聊天机器人-Coze
AI聊天机器人-ChatBase
Facebook聊天插件[已失效]
SaleSmartly聊天插件
TIDIO聊天插件
Google广告营收插件
⌨ 开发教程
小白学习-前端开发入门到精通
NotionNext开发先导
NotionNext用配置调整样式
NotionNext自建主题
实操案例-自定义鼠标特效
借助AI开发NotionNext
基础教程-简单理解React和JSX
基础教程-NextJs是什么
基础教程-Tailwind CSS
基础教程-如何用Git提交代码
🔊 运营教程
🏫
网站SEO推广
💬
验证码解锁文章OpenWrite/TechGrow
✉️
Mailchimp邮件订阅
👨👦👦 获取帮助
1.社群守则
2.留言反馈
3.社群讨论
4.付费求助
💪 支持我们
👋
支持NotionNext
💴
Waiting List
Article List
Catalog