效果还不错~
本来我想让头像是直接获取Cravatar头像的,无奈貌似不会执行JS内容
只能用base64编码后的简单的图片了,记得自己把博客链接改成自己的。
Other.html

<div style="width: 100%;max-width: 550px;margin:1rem auto;background-color: #f4f5f8;padding: 1rem;box-sizing: border-box;"><div style="font-size: 16px;line-height: 1.5;font-weight: bold;"><div style="text-align: center;"><a href="{permalink}"target="_blank"rel="noopener"style="text-decoration: none;color:#373737;">《{title}》有了新的评论</a></div></div><div style="text-align: center;font-size: 12px;color: #969696;padding: 1rem 0;">{time}</div><div style="display: flex;flex-direction:column;"><div style="line-height: 2rem;font-size: 13px;font-weight: bold;">{author}</div><div style="display: flex;margin-bottom: 5px"><div style="width: auto;flex: none"><img id="cravatar"src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjEAIAAADBK/hNAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0T///////8JWPfcAAAAB3RJTUUH5wkeBxsNqIti5QAAAnZJREFUWMPtlk1IFHEUwH+zmF+VHvKjLYz82lrZ2g4TiomBeKqQ0KHwoGxUaG64l9BCCPqgDnYwMWwPIkUd1i8k6bgtZSVBIqWQIGYIobFp6Ga56u50WAYyCmJ1bWeb3/E/b+a9H/zfvCeAzSbLRBC6f12ApqQpRQiakhrQlNRABCpF/X1oS4s0BVZrgSPYZHr95c0wPT1/NkyURkc/lYHTOfbLO4mJsVdAFNMaYHb222sYGvqY97sveL0riaGUCSCsfccrKMiIgv7+2luKcHHxnfOhL/1P/N+9tHaKirKtUF19aAHy89MnISVl60XweBbvg8s1ZoD6+r4TMD7+eW+YK8XERC2C02nNBrd7YTu4XGN7wO3+ug9EMS0aysrMCZCbu3sUcnJu3ASPx3svbJVkWbZBXd2j59Dc/Ow4eL0rscpTQRDM0Nt7egBKSkwfQJIO1EJ7+6sgGmODemlpyWeHxsYnXatlfhbu6Xl7TTkxmfRzweba0F7S6YQMEMVdDVBYmGkAgyG5ETIzk96B0Zh6RomMj4/uAiCICbZBSunp2x5DR4fFAqKY5lH6ZHh4ygITEzNHlZkmSeZ2EARuAzAStkptbeU6ZRzX1HR+B7v95Rz4/XKpElNauv86SJJ5jblC3kuBf13gmk1OfvFDa+uLS+D3y+9XR5rNOx+uR8aQKwVK9/n8xyA5ecs06PUJptUxRmNqIdhsh2dUobS87MuB7u438xAXt2kHDA5eyAO7/aQTOjtPzSknfX0j5apQClBV5SiGpqanVxXJysqDRyArK+kcVFQ8uAsOx1DPeuRah7U13IjAtVVTUgOakhrQlNSApqQGfgAuac8QdMf1tAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMy0wOS0zMFQwNzoyNzoxMyswMDowMIK8swgAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjMtMDktMzBUMDc6Mjc6MTMrMDA6MDDz4Qu0AAAAAElFTkSuQmCC"style="width: 35px;height: 35px;border-radius: 50%;"></div><div style="position: relative;margin-left: 20px;"><span style="width: 0;height: 0;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-right: 8px solid;border-right-color: #373737;left: -8px;right: auto;top: 12px;position: absolute"></span><div style="background-color: #373737;padding: 10px;border-radius: 9px;margin-bottom: 3px;font-size: 13px;color: #ffffff;word-break: break-all;">{text}</div></div></div></div><div style="text-align: center;padding-top: 60px;font-size: 12px;"><hr><p>部分表情可能无法正常显示,您可以点击<a style="text-decoration:none; color:#12addb"href="{permalink}"target="_blank">查看回复的完整內容</a>。</p><p>本邮件为自动发送,欢迎再次光临<a style="text-decoration:none; color:#12addb"href="https://zxz.ee/"target="_blank">小言u博客</a>。</p></div></div>

guest.html

<div style="width: 100%;max-width: 550px;margin:1rem auto;background-color: #f4f5f8;padding: 1rem;box-sizing: border-box;"><div style="font-size: 16px;line-height: 1.5;font-weight: bold;"><div style="text-align: center;"><a href="{permalink}"target="_blank"rel="noopener"style="text-decoration: none;color:#373737;">您在《{title}》的评论有了新回复</a></div></div><div style="text-align: center;font-size: 12px;color: #969696;padding: 1rem 0;">{time}</div><div style="display: flex;flex-direction: column; align-items: flex-end;"><div style="line-height: 2rem;font-size: 13px;font-weight: bold;">{author_p}</div><div style="display: flex;margin-bottom: 5px"><div style="position: relative;margin-right: 20px;"><span style="width: 0;height: 0;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 8px solid;border-left-color: #373737;left: auto;right: -8px;top: 12px;position: absolute;"></span><div style="background-color: #373737;padding: 10px;border-radius: 9px;margin-bottom: 3px;font-size: 13px;color: #ffffff;word-break: break-all;">{text_p}</div></div><div style="width: auto;flex: none"><img id="cravatar"src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjEAIAAADBK/hNAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0T///////8JWPfcAAAAB3RJTUUH5wkeBxwd+n3kRgAAA2FJREFUWMPtmG9ME3cYxz+tlT8hHQwlQQV1DNFMhsQ4REhRYExJeKE2BI0rRgTKm8myNzBMWP0byUjIMiIWF8I/X2Cy8mYqUUKrJCVECFEgDmkUNyIDNmAl6YAW6ovmDMmgLQrR4n1e3Jt77nv3ud9zz11OYrdnZrKqkL7rCxCVRKVVgqjkCYhKnsCHqBTbduwY1NTY7VD99ewsBGaFhi7lFEmjeXlCwrUtExPvXGk+khSpFBJCs7KWclRiqlq90hpvrDRc2t8P+w2nTwt6zgmLi4mBzd9ER8PILpPpPVTq++3BA6HxomoPHXJVn/R3Xh5MfjQyAoMhPT3voVKHl04HU1vNZjiwNidn8Urf8/7+sDc8IwNat1dXg3RozRpX+QFnN24E9ZG6OqjoHxuDX/6xWKAo/f59CP9k375lV5q+abGA8eiNGxAdmZYGAX0bNixUGW9WqcDrlq8vGKzXr4PkS2eNKj8cFATFGqMRolJSU+Hej+Xl0Kg5dw78Y4KDofBMSwtsSty5cxmVHOjvaLUgLZHJQHH21KmFapJS1Wp40qnXw7AbT1H6+OXLIP91/Xq4oImLA11lcTHc+rmkBC6pFQqYK7DZIO1MQcGyK/0R8+gRPAtvb389KmolEmHvttz4eNg0GBkJ+uOVla7SHA25d1tGBjxWNTXBf1vNZmFlHFvHCv9Z1N3tTvvJlq7koOW2VgvZEVVV8JlXcjL0vmxuFtZnsnZ0FDobGhuB3c5yAvUhIeBzVy6HPQqlEvagVC5eb/EbH18hpXZTQwOcqC8rgwOynBwYMHZ2whcD6enQXFpeDrbdMzOucua/DBy3wOB0bW29VitwZQWUZhosFjB21dfD/qzsbHhmePgQ1gb6+AgjwR0mtg8NwWyv1Soc62i/RbniKvEtv/Fa7mi1IPvW2xuOhmk08Hu+wQB/jTx96l6CdWxqShgkn3PwIHz6Q2zsQpU+CrlcGPQrqDRY1N0NpudtbeA17efn3kj4Pzc7CgvB9tP0NHwfoNfDyXVXr8JXJ/LzhfYu/c5kgs07oqKcZ71x483HMdaDT0ZEQIe3Trf0hBf/dnXBJd+EBFB+fPEixE+qVGDPnZuD0d6BAWiqKCuDvuHWVudZEvE/ngcgKnkCopInICp5AqKSJ7AKlV4Bjucn/YTtiLsAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjMtMDktMzBUMDc6Mjg6MjkrMDA6MDBZSLAoAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIzLTA5LTMwVDA3OjI4OjI5KzAwOjAwKBUIlAAAAABJRU5ErkJggg=="style="width: 35px;height: 35px;border-radius: 50%;"></div></div></div><div style="display: flex;flex-direction:column;"><div style="line-height: 2rem;font-size: 13px;font-weight: bold;">{author}</div><div style="display: flex;margin-bottom: 5px"><div style="width: auto;flex: none"><img id="cravatar"src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjEAIAAADBK/hNAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0T///////8JWPfcAAAAB3RJTUUH5wkeBxsNqIti5QAAAnZJREFUWMPtlk1IFHEUwH+zmF+VHvKjLYz82lrZ2g4TiomBeKqQ0KHwoGxUaG64l9BCCPqgDnYwMWwPIkUd1i8k6bgtZSVBIqWQIGYIobFp6Ga56u50WAYyCmJ1bWeb3/E/b+a9H/zfvCeAzSbLRBC6f12ApqQpRQiakhrQlNRABCpF/X1oS4s0BVZrgSPYZHr95c0wPT1/NkyURkc/lYHTOfbLO4mJsVdAFNMaYHb222sYGvqY97sveL0riaGUCSCsfccrKMiIgv7+2luKcHHxnfOhL/1P/N+9tHaKirKtUF19aAHy89MnISVl60XweBbvg8s1ZoD6+r4TMD7+eW+YK8XERC2C02nNBrd7YTu4XGN7wO3+ug9EMS0aysrMCZCbu3sUcnJu3ASPx3svbJVkWbZBXd2j59Dc/Ow4eL0rscpTQRDM0Nt7egBKSkwfQJIO1EJ7+6sgGmODemlpyWeHxsYnXatlfhbu6Xl7TTkxmfRzweba0F7S6YQMEMVdDVBYmGkAgyG5ETIzk96B0Zh6RomMj4/uAiCICbZBSunp2x5DR4fFAqKY5lH6ZHh4ygITEzNHlZkmSeZ2EARuAzAStkptbeU6ZRzX1HR+B7v95Rz4/XKpElNauv86SJJ5jblC3kuBf13gmk1OfvFDa+uLS+D3y+9XR5rNOx+uR8aQKwVK9/n8xyA5ecs06PUJptUxRmNqIdhsh2dUobS87MuB7u438xAXt2kHDA5eyAO7/aQTOjtPzSknfX0j5apQClBV5SiGpqanVxXJysqDRyArK+kcVFQ8uAsOx1DPeuRah7U13IjAtVVTUgOakhrQlNSApqQGfgAuac8QdMf1tAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMy0wOS0zMFQwNzoyNzoxMyswMDowMIK8swgAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjMtMDktMzBUMDc6Mjc6MTMrMDA6MDDz4Qu0AAAAAElFTkSuQmCC"style="width: 35px;height: 35px;border-radius: 50%;"></div><div style="position: relative;margin-left: 20px;"><span style="width: 0;height: 0;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-right: 8px solid;border-right-color: #373737;left: -8px;right: auto;top: 12px;position: absolute"></span><div style="background-color: #373737;padding: 10px;border-radius: 9px;margin-bottom: 3px;font-size: 13px;color: #ffffff;word-break: break-all;">{text}</div></div></div></div><div style="text-align: center;padding-top: 60px;font-size: 12px;"><hr><p>部分表情可能无法正常显示,您可以点击<a style="text-decoration:none; color:#12addb"href="{permalink}"target="_blank">查看回复的完整內容</a>。</p><p>本邮件为自动发送,欢迎再次光临<a style="text-decoration:none; color:#12addb"href="https://zxz.ee/"target="_blank">小言u博客</a>。</p></div></div>
最后修改:2023 年 09 月 30 日
如果觉得我的文章对你有用,请随意赞赏