twikoo评论的配置可以前往Twikoo | 一个简洁、安全、免费的静态网站评论系统进行配置，本文仅针对邮箱提醒和QQ即时提醒

QQ即时通知

其中最简便的就是qmsg，仅需一个token即可实现

  1. 打开Qmsg酱，使用QQ账号登陆

  2. 在3个默认的机器人中选择一个，他会弹出机器人的QQ号，在QQ中搜索添加即可，基本上秒添加。如果没能添加就说明是好友满了，换一个机器人。
    这边不涉及自建机器人，这个需要有服务器1

  3. 在页面往下翻可以找到添加QQ号，把你需要接收消息的QQ号和群添加进去（QQ群需要把机器人拉进去）
    1

  4. 在列表上面有个key，直接复制他

  5. 打开Twikoo管理面板，点击配置管理➡️即时通知，然后填入以下内容
    1
    其中的token填入第四步的key即可，如果仅配置qmsg而不配置邮箱提醒，最后一项可为false

邮箱提醒

邮箱提醒需要另外一个邮箱，由配置的邮箱发送邮件给访客和你自己的常用邮箱
我使用的是163邮箱进行发送，QQ邮箱接收，因为163邮箱配置stmp方便，QQ邮箱消息提醒及时

  • 所有邮箱打开stmp方法都差不多，以163举例

  1. 打开163网易免费邮并登陆，点击上方的设置，然后点击POP3/SMTP/IMAP
    1

  2. 打开IMAP/SMTP服务1
    按照提示发送短信，发送完之后会给你一个授权码，保存好了，这个只会显示这一次

  3. 打开Twikoo管理面板，点击配置管理➡️邮件通知，并仿写
    1

1

最后记得保存，你可以使用下方的邮件测试，给你常用邮箱发消息试试

结束

我的邮箱提醒是加上模板的，想要模板可以复制修改

  • 邮件通知模板MAIL_TEMPLATE(给访客)

    1
    <div     style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; line-height: 1.6; color: #333; max-width: 600px; margin: 0 auto; padding: 20px;">     <div         style="border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); overflow: hidden; background-color: #ffffff;">         <!-- 头部区域 -->         <div             style="background-color: #f8db8f; padding: 20px; color: white; display: flex; align-items: center; justify-content: center; gap: 20px;">             <div style="text-align: center;">                 <div                     style="font-size: 28px; font-weight: bold; display: flex; align-items: center; justify-content: center; gap: 10px;">                     <span style="font-size: 26px;">👋</span> Hi ${PARENT_NICK} </div>                 <div style="margin-top: 10px; font-size:16px;"> 您在 <a href="${SITE_URL}"                         style="color: white; text-decoration: underline; font-weight: 500;">${SITE_NAME}</a> 中收到一条新回复！                 </div>             </div> <!-- 右侧图片 --> <img src="https://cdn.atao.cyou/Web/web_250913_194213.png"                 style="display:block; max-width:100px;">         </div> <!-- 内容区域 -->         <div style="padding: 25px 20px;"> <!-- 原评论部分 -->             <div style="margin-bottom: 20px;">                 <div style="font-weight: bold; margin-bottom: 10px; color: #333; font-size: 16px;">您发表的评论：</div>                 <div style="background-color: #f5f7fa; border-radius: 6px; padding: 15px; border: 1px solid #ebf0f5;">                     <div style="color: #f8db8f; font-weight: 500; margin-bottom: 8px;">@${PARENT_NICK}:</div>                     <div style="color: #333; line-height: 1.6;">                         <div style="margin-bottom: 5px;">${PARENT_COMMENT}</div>                     </div>                 </div>             </div> <!-- 收到的回复部分 -->             <div style="margin-bottom: 30px;">                 <div style="font-weight: bold; margin-bottom: 10px; color: #333; font-size: 16px;">您收到的回复</div>                 <div style="background-color: #f5f7fa; border-radius: 6px; padding: 15px; border: 1px solid #ebf0f5;">                     <div style="color: #f8db8f; font-weight: 500; margin-bottom: 8px;">@${NICK}:</div>                     <div style="color: #333; line-height: 1.6;">${COMMENT}</div>                 </div>             </div> <!-- 回复按钮 -->             <div style="margin-bottom: 30px;"> <a href="${POST_URL}"                     style="display: inline-block; background-color: #f8db8f; color: white; padding: 10px 20px; text-decoration: none; border-radius: 4px; font-weight: 500;">回复</a>             </div> <!-- 系统提示 -->             <div                 style="color: #86909c; font-size: 12px; text-align: center; padding-top: 15px; border-top: 1px solid #ebf0f5;">                 此邮件由系统发送，请不要回复此邮件 </div>         </div>     </div> </div>

  • 通知博主模板MAIL_TEMPLATE_ADMIN

    1
    <div> 	<div id="isForwardContent"> 		<div> 			<div id="content"> 				<div style="background: white;width: 95%;max-width: 800px;margin: auto auto;         border-radius: 15px;         border: #d7ce58ff 1px solid;         overflow: hidden;         -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.12);         box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.18);       "> 					<header style="overflow: hidden"> 						<img src="https://seln.cn/img/1.jpg" style="width: 100%; z-index: 666" /> 					</header> 					<div style="padding: 5px 20px;background-color: #46e1c60d"> 						<div class="dear" style="  border-radius: 30px;           position: relative;             color: white;             float: left;             z-index: 999;             background: #dfdc43ff;             padding: 10px 30px;             margin: -25px auto 0;             box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);           ">亲爱的站长：</div> 						<br /> 						<center> 							<h3>来自 <strong>${NICK}</strong> 的评论</h3> 						</center> 						<hr style="width:200px;border:0;border-bottom:1px solid #e5e5e5;margin:12px auto;" /> 						<br> 						<p> 							您好！系统得知 <strong>${NICK}</strong> 刚刚在您的网站发表评论： 						</p> 						<div class="tk-content" style="border-radius: 8px;border: 1px solid #ddd; padding-bottom: 20px; background-color: #f5f5f5;  margin: 15px 0px;  padding-left: 20px; padding-right: 20px; padding-top: 20px; ">${COMMENT}</div> 						<p>特地通知您，快去看看吧！</p> 						<div class="chakan" style="text-align: center;"> 							<a href="${POST_URL}" style="color:#ffffff;text-decoration:none;display:inline-block;min-height:28px;line-height:28px;padding:0 13px;outline:0;background:#39c5bb;font-size:13px;text-align: center;font-weight:400;border:0;border-radius:999em" target="_blank">点击去原文查看&gt;&gt;</a> 							<p> </p> 						</div> 						<div class="footer-p" style="text-align: center; margin-top: 3rem; display:block;color:#b3b3b1;text-decoration:none;"> 							<img src="https://seln.cn/img/ico.jpg/" style="width:5rem; margin:0 auto;border-radius: 5px;" />&nbsp; 							<hr style="width:165px;border:0;border-bottom:1px solid #e5e5e5;margin:5px auto;" />©&nbsp;2023-2025&nbsp;By <a href="https://seln.cn/" style="text-align:center; color: #c8c342ff;text-decoration: none;font-weight: bold" target="_blank">mccsjs🍋</a> 							<p> </p> 						</div> 					</div> 				</div> 			</div> 		</div> 		<br /> 	</div> 	<style type="text/css"> 		.qmbox ::-webkit-scrollbar { display: none; } 	</style> 	<style id="cloudAttachStyle" type="text/css"> 		.qmbox #divNeteaseBigAttach, .qmbox #divNeteaseBigAttach_bak { display: none; } 	</style> 	<style id="blockquoteStyle" type="text/css"> 		.qmbox blockquote { display: none; } 	</style> 	<style type="text/css"> 		.qmbox body { font-size: 14px; font-family: arial, verdana, sans-serif; line-height: 1.666; padding: 0; margin: 0; overflow: auto; white-space: normal; word-wrap: break-word; min-height: 100px; } .qmbox td, .qmbox input, .qmbox button, .qmbox select, .qmbox body { font-family: Helvetica, 'Microsoft Yahei', verdana; } .qmbox pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; width: 95%; } .qmbox th, .qmbox td { font-family: arial, verdana, sans-serif; line-height: 1.666; } .qmbox img { border: 0; } .qmbox header, .qmbox footer, .qmbox section, .qmbox aside, .qmbox article, .qmbox nav, .qmbox hgroup, .qmbox figure, .qmbox figcaption { display: block; } .qmbox blockquote { margin-right: 0px; } 	</style> 	<style type="text/css"> 		@media screen and (max-width: 1100px) {#content p {font-size: 10px;} #content h3 {font-size: 14px;} .footer-p {font-size: 9px;} .dear {font-size: 12px;}} 	</style> 	<style id="ntes_link_color" type="text/css"> 		.qmbox a, .qmbox td a { color: #236da1; } 	</style> </div> </div>