在网站中插入PostChat

PostChat是用过js在网页中插入iframe的方式提供，体积小巧，功能强大，兼容性强。

你可以首先检查是否支持插件

如果你的网站是目前PostChat所支持插件的网站系统，可以安装PostChat插件，方便快速配置。如果你的网站系统不支持，可以尝试下面的通用教程。

插入代码不能与插件混用

插件的工作原理与插入代码相同，如果你需要使用插件，请勿手动插入代码。

你可以在网页的任意位置（例如插入统计代码的head标签中）插入本代码。

你需要点击侧边栏中的“网页代码”来获取代码。

你可以配置postChatConfig参数让这个按钮更加适合你。

PostChat 参数

PostChat参数包裹在PostChat变量中。例如：

var postChatConfig = {
  backgroundColor: "#3e86f6",
  bottom: "16px"
}

所有参数均为可选参数，都可以不填写

defaultInput

此参数为true时，用户点击按钮后会自动添加本页面标题，让用户更方便的询问关于本页的内容

left

按钮距离左侧的边距，如果填写负值，则是距离右侧的边距。例如left为-3px，实际为right 3px

backgroundColor / fill / width / height

这些参数用来调整按钮尺寸与色彩

frameWidth / frameHeight

显示的对话窗口大小，frameWidth为宽度，frameHeight为高度

upLoadWeb

是否上传当前页面内容到知识库，true为上传，推荐开启。开启后，任意用户访问网页都会将网页内容发送到知识库，无需人工干预即可上传。上传内容为文章所有文字内容，上限2000字，取前1000和后1000字。

showInviteLink

是否用户点击PostChat对话中的图标后会通过邀请链接进入PostChat，通过这种方式邀请的好友如果开通了会员，可以获得会员时长奖励。如果不填写此参数，默认为false。

userTitle

此参数填写你要自定义的PostChat界面标题

userDesc

此参数填写你要自定义的PostChat聊天界面描述

addButton

此参数为是否显示按钮，true为显示，false为不显示。建议将前面编辑按钮的参数设置得与你自己创造的按钮的参数相同，以便更好的计算窗口宽高和位置。

blackDom（仅开启聊天助手，未开启文章摘要时有效）

此参数填写你要屏蔽掉的容器内容，比如你在网页中插入了aplayer，为了避免提交的内容包含aplayer的歌词信息，你需要将包含aplayer的元素用选择器的方式屏蔽掉。例如：blackDom: [".aplayer","#content"]

systemType

此参数用于适配url地址为纯参数非静态化地址的系统而使用，例如Discuz、emlog等。一般插件会处理此参数，如果url地址并非纯参数化地址，可以忽略。

beginningText

此参数为替代原摘要的“这篇文章介绍了”这句话。使用此参数可以设置指定的开头语。

独立参数

PostChat还兼容旧版文章摘要的通用参数。

所有参数均为可选参数，都可以不填写

tianliGPT_postSelector

文章内容对应的选择器，可以让PostChat获取文章更加精准。如果不设置，PostChat也可以自动对网页内容进行识别和过滤。

例如：let tianliGPT_postSelector = '#post #article-container';

tianliGPT_postURL

当主题存在其他页面和文章页面结构相同时，可以通过通配符url域名来实现只在指定域名中执行。

例如：let tianliGPT_postURL = '*/p/*';

只会在地址含有/p/的域名中执行。避免非文章页面添加。

支持正则表达式，要求格式为/开头和/结尾。例如：let tianliGPT_postURL = "/^https?://[^/]+/[0-9]{4}/[0-9]{2}/[0-9]{2}/"

tianliGPT_blacklist

当你有一些页面不想要使用文章摘要，那么你可以将所有的黑名单放入一个json文件中。例如blacklist.json

{
  "blackurls": [
    "https://example.com/somepath/*",
    "https://*.example.com/",
    "https://www.example.org/specificpage.html",
    "http://127.0.0.1:5500/dev.html"
  ]
}

然后添加tianliGPT_blacklist变量，将json文件的地址放入进去，例如：

let tianliGPT_blacklist = 'https://example.com/blacklist.json'

嵌入博客摘要

你可以访问代码嵌入页面中查询相关代码。