网站优化—notionnext后续功能插件添加

type

status

date

slug

summary

增加头像

注意一点上传自己的头像的时候，“添加到工作间表情符号库”不能勾选，否则网站不会显示

封面设置

制作封面的时候用1920*1080的画布，但是发布的时候上下会被裁切左右不会，实际比例是2.2515，但是直接用这个比例的画布，发布的时候又会发生变化；

因此推荐制作的时候在使用1920*1080画布大小的基础上，但是记住构图区域是中键的1920*852.7的范围,发布的时候标题的空白范围刚好是两行

比如图这样大画布套小画布(figma)；

如果图片显示不出来，就说明notion提供的图床因为某些原因无法加载，这个时候可以把图片上传到github之类的地方作为公共图床，然后复制图片的互联网链接嵌入到notion里

增加评论功能

配置twikoo

推荐使用twikoo作为评论功能，它支持直接在页面上管理评论，而且能友好地根据用户评论时的邮箱展示头像，同时支持方便的邮箱通知配置。使用netlify部署，有充足的免费额度，且中国大陆访问速度不错。需要提前注册mongodb和netlify

部署文档参考官方，Twikoo官网

之后在netlify部署好twikoo后获得twikoo的链接，然后将该链接写入notionnext的配置文件中，直接在notion增加一条配置即可，如下所示

注意一点，mongoDB连接字符串中，<用户名>:<密码>填写好后，要去掉两边的尖括号

然后在自己的网站下多刷新几次，就可以在底部看见评论区了，第一次使用点击右下角齿轮进行初始设置

设置gmail邮件提醒

首先创建谷歌账号两步验证，然后创一个专用密码，专用密码只生成一次要记住

在twikoo设置—邮件通知中填写一些参数，以下四个是必须填写的

SENDER_EMAIL:你的谷歌邮箱地址
SMTP_PASS:还是你的谷歌邮箱地址
SMTP_SERVICE:Gmail
SMTP_PASS:第一步得到的专用密码

保存即可，然后可以发一封测试邮件试一试，在设置—邮件通知测试中

可以自定义模板MAIL_TEMPLATE_ADMIN,这里使用的是“张洪 Heo”大佬的模板

消息推送

twikoo推送官方详细文档

以telegram推送为例：

Telegram 是自由的聊天工具，支持机器人 API，免费，中国大陆服务器无法使用这种推送方式。

软件里通过 @BotFather 创建机器人，并获取 api_token

搜索 @userinfobot 获取接受消息对象的 chat_id。接受消息的对象可以是用户，频道，或群组

将第 1 步和第 2 步取得的 api_token#chat_id 拼到一起，中间用 “#” 号分隔，填入 pushoo 的 token 中

示例 token：5262***170:AAEzkaMjOayU13fFzcg9PI7_7*****p1iAs#958***732

增加音乐播放器功能

notionnext的音乐播放器原理是调用metingapi来实现歌单歌曲的查询，进而播放音乐；但是官方仓库中用的api已经挂了，得换一个，具体位置在下图选择的地方，notionnext/components/Player.js中

这个地方替换为另一个公共的api(也可以可以自行搜索meting api自己搭建)，原有的api全部注释掉

注意这项操作必须重建notionnext，如果要更新歌单，必须新建一个歌单更换歌单id才可以；推测为这个api的拥有者为了减轻服务器负载，仅在第一次输入歌单id的时候调用api然后存下歌单，之后碰见相同的id就会直接输出存好的歌单而非再调用一次api，所以之后你即使更新原歌单也无用，必须创建新的歌单；