id: bbce23986f774a1d8e56303a4d7ed760
parent_id: 
item_type: 1
item_id: 27fc2d10aa4b4df2971e5f6bdb95ed0d
item_updated_time: 1764345635360
title_diff: "[{\"diffs\":[[1,\"Cloudflare从入门到精通 12. 1分钟给网站嵌入推文\"]],\"start1\":0,\"start2\":0,\"length1\":0,\"length2\":31}]"
body_diff: "[{\"diffs\":[[1,\"<html>\\\r\\\n<head>\\\r\\\n  <title>Cloudflare从入门到精通 12. 1分钟给网站嵌入推文</title>\\\r\\\n  <basefont face=\\\"微软雅黑\\\" size=\\\"2\\\" />\\\r\\\n  <meta http-equiv=\\\"Content-Type\\\" content=\\\"text/html;charset=utf-8\\\" />\\\r\\\n  <meta name=\\\"exporter-version\\\" content=\\\"YXBJ Windows/608924 (zh-CN, DDL); Windows/10.0.0 (Win64); EDAMVersion=V2;\\\"/>\\\r\\\n  <meta name=\\\"content-class\\\" content=\\\"yinxiang.peso.superNote\\\"/>\\\r\\\n  <meta name=\\\"application-data:yinxiang.noteLayout\\\" content=\\\"{\\\"lineSpace\\\":\\\"recommend\\\",\\\"paragraphSpace\\\":\\\"recommend\\\"}\\\"/>\\\r\\\n  <style>\\\r\\\n\\tbody, td {\\\r\\\n\\t  font-family: 微软雅黑;\\\r\\\n\\t  font-size: 12pt;\\\r\\\n\\t}\\\r\\\n  </style>\\\r\\\n</head>\\\r\\\n<body>\\\r\\\n<a name=\\\"43448\\\"></a>\\\r\\\n<h1>Cloudflare从入门到精通 12. 1分钟给网站嵌入推文</h1>\\\r\\\n\\\r\\\n<div><span style=\\\"margin:0px;\\\"><div style=\\\"padding:8px 0px;margin:8px auto;max-width:700px;\\\"> <div><span></span></div>\\\n<p></p>\\\n<div style=\\\"--en-blockquote:true;box-sizing: border-box; padding-left: 19px; padding-top: 6px; padding-bottom: 6px; border-left: 3px solid #b4c0cc; background-position: initial initial; background-repeat: initial initial; margin-top: 6px\\\"><div>原文链接: <a href=\\\"http://mp.weixin.qq.com/s?__biz=Mzk0NTcxMzU3NQ==&amp;mid=2247484088&amp;idx=1&amp;sn=f4e72e8588823def789df3ef307f1f86&amp;chksm=c2f92f4e0ef9bfcd135a9531ac62ff660ee0b2984d55635efc699fa475c4a3ce0133922fdf45&amp;mpshare=1&amp;scene=1&amp;srcid=0526PHOzcWs9xcc7lCn19MSv&amp;sharer_shareinfo=7e2ab1955d1823daeb4cc89cc16ff664&amp;sharer_shareinfo_first=7e2ab1955d1823daeb4cc89cc16ff664#rd\\\"><span>http://mp.weixin.qq.com/s?__biz=Mzk0NTcxMzU3NQ==&amp;mid=2247484...</span></a></div></div>\\\n<p></p>\\\n<div><span></span></div>\\\n<div style=\\\"\\\"><div><div><h1 style=\\\"margin:0\\\"> Cloudflare从入门到精通 12. 1分钟给网站嵌入推文 </h1><div><span style=\\\"position:relative\\\">原创</span><span><span style=\\\"position:relative\\\">DeBill</span></span><span><a style=\\\"position:relative\\\"> DeBill独立开发 </a></span><span><em></em></span></div><div style=\\\";\\\"><div style=\\\"margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 10px;padding-right: 10px;background-attachment: scroll;background-clip: border-box;background-color: rgba(0, 0, 0, 0);background-image: none;background-origin: padding-box;background-position-x: 0%;background-position-y: 0%;background-repeat: no-repeat;background-size: auto;width: auto;font-family: Optima, PingFangSC-light, serif;font-size: 16px;color: rgb(0, 0, 0);line-height: 1.5em;word-spacing: 0em;letter-spacing: 0em;word-break: break-word;overflow-wrap: break-word;text-align: left;\\\"><div><span></span></div><h2 style=\\\"margin:0;margin-top:30px;margin-bottom:15px;margin-left:0;margin-right:0;align-items:unset;background-attachment:scroll;background-clip:border-box;background-color:unset;background-image:none;background-origin:padding-box;background-position-x:0;background-position-y:0;background-repeat:no-repeat;background-size:auto;border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-width:1px;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-top-color:rgb(0,0,0);border-bottom-color:rgb(0,0,0);border-left-color:rgb(0,0,0);border-right-color:rgb(0,0,0);border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none;display:block;flex-direction:unset;float:unset;height:auto;justify-content:unset;line-height:1.5em;overflow-x:unset;overflow-y:unset;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;text-align:left;text-shadow:none;transform:none;width:auto;-webkit-box-reflect:unset\\\"><span style=\\\"font-size: 20px;color: rgb(244, 138, 0);line-height: 1.8em;letter-spacing: 0em;padding-top: 0px;padding-bottom: 0px;padding-left: 10px;padding-right: 0px;border-top-style: none;border-bottom-style: none;border-left-style: solid;border-right-style: none;border-top-width: 1px;border-bottom-width: 1px;border-left-width: 5px;border-right-width: 1px;border-top-color: rgb(0, 0, 0);border-bottom-color: rgb(0, 0, 0);border-left-color: rgb(255, 191, 82);border-right-color: rgb(0, 0, 0);border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;align-items: unset;background-attachment: scroll;background-clip: border-box;background-color: unset;background-image: none;background-origin: padding-box;background-position-x: 0%;background-position-y: 0%;background-repeat: no-repeat;background-size: auto;box-shadow: none;display: block;font-weight: bold;flex-direction: unset;float: unset;height: auto;justify-content: unset;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;overflow-x: unset;overflow-y: unset;text-align: left;text-indent: 0em;text-shadow: none;transform: none;width: auto;-webkit-box-reflect: unset;\\\"><span>📜 前言</span></span></h2><p style=\\\"margin:0;color:rgb(20,20,20);font-size:16px;line-height:1.8em;letter-spacing:0;text-align:left;text-indent:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding-top:8px;padding-bottom:8px;padding-left:0;padding-right:0\\\"><span>如果你想给你的网站嵌入推特的推文（例如添加 Testimonials 的情况），使用 Zaraz embed 1 分钟给任何类型网站嵌入推文，直接看效果图</span></p><div style=\\\"margin-top: 10px;margin-bottom: 10px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;display: flex;flex-direction: column;justify-content: center;align-items: center;\\\"><span><img src=\\\":/07bbb9c1c4c74cbe8d929341185fa1a0\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" alt=\\\"zaraz-embed-hexo\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;display: block;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;max-width: 100%;border-top-style: none;border-bottom-style: none;border-left-style: none;border-right-style: none;border-top-width: 3px;border-bottom-width: 3px;border-left-width: 3px;border-right-width: 3px;border-top-color: rgba(0, 0, 0, 0.4);border-bottom-color: rgba(0, 0, 0, 0.4);border-left-color: rgba(0, 0, 0, 0.4);border-right-color: rgba(0, 0, 0, 0.4);border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;object-fit: fill;box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;\\\"/></span><div style=\\\"color: rgb(136, 136, 136);font-size: 14px;line-height: 1.5em;letter-spacing: 0em;text-align: center;font-weight: normal;margin-top: 5px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;\\\"><span>zaraz-embed-hexo</span></div></div><p style=\\\"margin:0;color:rgb(20,20,20);font-size:16px;line-height:1.8em;letter-spacing:0;text-align:left;text-indent:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding-top:8px;padding-bottom:8px;padding-left:0;padding-right:0\\\"><span>上面的效果</span><strong style=\\\"color: rgb(0, 0, 0);font-weight: bold;background-attachment: scroll;background-clip: border-box;background-color: rgba(0, 0, 0, 0);background-image: none;background-origin: padding-box;background-position-x: 0%;background-position-y: 0%;background-repeat: no-repeat;background-size: auto;width: auto;height: auto;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;border-top-style: none;border-bottom-style: none;border-left-style: none;border-right-style: none;border-top-width: 3px;border-bottom-width: 3px;border-left-width: 3px;border-right-width: 3px;border-top-color: rgba(0, 0, 0, 0.4);border-bottom-color: rgba(0, 0, 0, 0.4);border-left-color: rgba(0, 0, 0, 0.4);border-right-color: rgba(0, 0, 0, 0.4);border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;\\\"><span>无需开发任何组件</span></strong><span>，且用</span><strong style=\\\"color: rgb(0, 0, 0);font-weight: bold;background-attachment: scroll;background-clip: border-box;background-color: rgba(0, 0, 0, 0);background-image: none;background-origin: padding-box;background-position-x: 0%;background-position-y: 0%;background-repeat: no-repeat;background-size: auto;width: auto;height: auto;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;border-top-style: none;border-bottom-style: none;border-left-style: none;border-right-style: none;border-top-width: 3px;border-bottom-width: 3px;border-left-width: 3px;border-right-width: 3px;border-top-color: rgba(0, 0, 0, 0.4);border-bottom-color: rgba(0, 0, 0, 0.4);border-left-color: rgba(0, 0, 0, 0.4);border-right-color: rgba(0, 0, 0, 0.4);border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;\\\"><span>任何开发框架都可以集成</span></strong><span>，下面我用 </span><strong style=\\\"color: rgb(0, 0, 0);font-weight: bold;background-attachment: scroll;background-clip: border-box;background-color: rgba(0, 0, 0, 0);background-image: none;background-origin: padding-box;background-position-x: 0%;background-position-y: 0%;background-repeat: no-repeat;background-size: auto;width: auto;height: auto;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;border-top-style: none;border-bottom-style: none;border-left-style: none;border-right-style: none;border-top-width: 3px;border-bottom-width: 3px;border-left-width: 3px;border-right-width: 3px;border-top-color: rgba(0, 0, 0, 0.4);border-bottom-color: rgba(0, 0, 0, 0.4);border-left-color: rgba(0, 0, 0, 0.4);border-right-color: rgba(0, 0, 0, 0.4);border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;\\\"><span>Hexo</span></strong><span> 框架演示给大家如何集成 Zaraz embed。</span></p><p style=\\\"margin:0;color:rgb(20,20,20);font-size:16px;line-height:1.8em;letter-spacing:0;text-align:left;text-indent:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding-top:8px;padding-bottom:8px;padding-left:0;padding-right:0\\\"><strong style=\\\"color: rgb(0, 0, 0);font-weight: bold;background-attachment: scroll;background-clip: border-box;background-color: rgba(0, 0, 0, 0);background-image: none;background-origin: padding-box;background-position-x: 0%;background-position-y: 0%;background-repeat: no-repeat;background-size: auto;width: auto;height: auto;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;border-top-style: none;border-bottom-style: none;border-left-style: none;border-right-style: none;border-top-width: 3px;border-bottom-width: 3px;border-left-width: 3px;border-right-width: 3px;border-top-color: rgba(0, 0, 0, 0.4);border-bottom-color: rgba(0, 0, 0, 0.4);border-left-color: rgba(0, 0, 0, 0.4);border-right-color: rgba(0, 0, 0, 0.4);border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;\\\"><span>Hexo</span></strong><span> 是一个基于 Node.js 的</span><strong style=\\\"color: rgb(0, 0, 0);font-weight: bold;background-attachment: scroll;background-clip: border-box;background-color: rgba(0, 0, 0, 0);background-image: none;background-origin: padding-box;background-position-x: 0%;background-position-y: 0%;background-repeat: no-repeat;background-size: auto;width: auto;height: auto;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;border-top-style: none;border-bottom-style: none;border-left-style: none;border-right-style: none;border-top-width: 3px;border-bottom-width: 3px;border-left-width: 3px;border-right-width: 3px;border-top-color: rgba(0, 0, 0, 0.4);border-bottom-color: rgba(0, 0, 0, 0.4);border-left-color: rgba(0, 0, 0, 0.4);border-right-color: rgba(0, 0, 0, 0.4);border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;\\\"><span>静态博客框架</span></strong><span>，主要用于快速搭建个人博客或技术文档网站。它的核心作用是将 Markdown（或其他格式）的源文件，生成静态 HTML 文件，最终部署到服务器或静态托管平台</span></p><h2 style=\\\"margin:0;margin-top:30px;margin-bottom:15px;margin-left:0;margin-right:0;align-items:unset;background-attachment:scroll;background-clip:border-box;background-color:unset;background-image:none;background-origin:padding-box;background-position-x:0;background-position-y:0;background-repeat:no-repeat;background-size:auto;border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-width:1px;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-top-color:rgb(0,0,0);border-bottom-color:rgb(0,0,0);border-left-color:rgb(0,0,0);border-right-color:rgb(0,0,0);border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none;display:block;flex-direction:unset;float:unset;height:auto;justify-content:unset;line-height:1.5em;overflow-x:unset;overflow-y:unset;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;text-align:left;text-shadow:none;transform:none;width:auto;-webkit-box-reflect:unset\\\"><span style=\\\"font-size: 20px;color: rgb(244, 138, 0);line-height: 1.8em;letter-spacing: 0em;padding-top: 0px;padding-bottom: 0px;padding-left: 10px;padding-right: 0px;border-top-style: none;border-bottom-style: none;border-left-style: solid;border-right-style: none;border-top-width: 1px;border-bottom-width: 1px;border-left-width: 5px;border-right-width: 1px;border-top-color: rgb(0, 0, 0);border-bottom-color: rgb(0, 0, 0);border-left-color: rgb(255, 191, 82);border-right-color: rgb(0, 0, 0);border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;align-items: unset;background-attachment: scroll;background-clip: border-box;background-color: unset;background-image: none;background-origin: padding-box;background-position-x: 0%;background-position-y: 0%;background-repeat: no-repeat;background-size: auto;box-shadow: none;display: block;font-weight: bold;flex-direction: unset;float: unset;height: auto;justify-content: unset;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;overflow-x: unset;overflow-y: unset;text-align: left;text-indent: 0em;text-shadow: none;transform: none;width: auto;-webkit-box-reflect: unset;\\\"><span>🧾 教程</span></span></h2><h3 style=\\\"margin:0;margin-top:30px;margin-bottom:15px;margin-left:0;margin-right:0;align-items:unset;background-attachment:scroll;background-clip:border-box;background-color:unset;background-image:none;background-origin:padding-box;background-position-x:0;background-position-y:0;background-repeat:no-repeat;background-size:auto;border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-width:1px;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-top-color:rgb(0,0,0);border-bottom-color:rgb(0,0,0);border-left-color:rgb(0,0,0);border-right-color:rgb(0,0,0);border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none;display:block;flex-direction:unset;float:unset;height:auto;justify-content:unset;line-height:1.5em;overflow-x:unset;overflow-y:unset;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;text-align:left;text-shadow:none;transform:none;width:auto;-webkit-box-reflect:unset\\\"><span style=\\\"font-size: 18px;color: rgb(244, 138, 0);line-height: 1.8em;letter-spacing: 0em;padding-top: 0px;padding-bottom: 0px;padding-left: 10px;padding-right: 0px;border-top-style: none;border-bottom-style: none;border-left-style: solid;border-right-style: none;border-top-width: 1px;border-bottom-width: 1px;border-left-width: 4px;border-right-width: 1px;border-top-color: rgb(0, 0, 0);border-bottom-color: rgb(0, 0, 0);border-left-color: rgb(255, 227, 163);border-right-color: rgb(0, 0, 0);border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;align-items: unset;background-attachment: scroll;background-clip: border-box;background-color: unset;background-image: none;background-origin: padding-box;background-position-x: 0%;background-position-y: 0%;background-repeat: no-repeat;background-size: auto;box-shadow: none;display: block;font-weight: bold;flex-direction: unset;float: unset;height: auto;justify-content: unset;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;overflow-x: unset;overflow-y: unset;text-align: left;text-indent: 0em;text-shadow: none;transform: none;width: auto;-webkit-box-reflect: unset;\\\"><span>创建 Hexo 基础项目</span></span></h3><p style=\\\"margin:0;color:rgb(20,20,20);font-size:16px;line-height:1.8em;letter-spacing:0;text-align:left;text-indent:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding-top:8px;padding-bottom:8px;padding-left:0;padding-right:0\\\"><span>首先安装 </span><code style=\\\"color: rgb(244, 138, 0);font-size: 14px;line-height: 1.8em;letter-spacing: 0em;background-attachment: scroll;background-clip: border-box;background-color: rgba(27, 31, 35, 0.05);background-image: none;background-origin: padding-box;background-position-x: 0%;background-position-y: 0%;background-repeat: no-repeat;background-size: auto;width: auto;height: auto;margin-top: 0px;margin-bottom: 0px;margin-left: 2px;margin-right: 2px;padding-top: 2px;padding-bottom: 2px;padding-left: 4px;padding-right: 4px;border-top-style: none;border-bottom-style: none;border-left-style: none;border-right-style: none;border-top-width: 3px;border-bottom-width: 3px;border-left-width: 3px;border-right-width: 3px;border-top-color: rgb(0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0.4);border-left-color: rgba(0, 0, 0, 0.4);border-right-color: rgba(0, 0, 0, 0.4);border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;overflow-wrap: break-word;font-family: 'Operator Mono', Consolas, Monaco, Menlo, monospace;word-break: break-all;\\\"><span>hexo-cli</span></code><span> 命令工具（要先提前安装 nodejs 环境）</span></p><pre style=\\\"border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.55) 0px 2px 10px;text-align: left;margin-top: 10px;margin-bottom: 10px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;\\\"><span style=\\\"display: block;background: none;height: 30px;width: 100%;background-size: 40px;background-repeat: no-repeat;background-color: #282c34;margin-bottom: -7px;border-radius: 5px;background-position: 10px 10px;background-image: url(&quot;https://mmbiz.qpic.cn/mmbiz_svg/98Nz5LFElxz62Zv1kw7K6EicHXXvtoOq7BJYU1q6piaWSGrcyANLibHTIgrNFnTaQicOwmibA1RbwcSfYMqVUJVK0uNdFsyWy4ae0/640?wx_fmt=svg&amp;from=appmsg&quot;);\\\"></span><div style=\\\"--en-codeblock:true;--en-meta:{&quot;title&quot;:&quot;&quot;,&quot;lang&quot;:&quot;Plain Text&quot;,&quot;theme&quot;:&quot;default&quot;,&quot;showLine&quot;:true,&quot;lineWrap&quot;:true};box-sizing: border-box; padding: 8px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial; margin-top: 6px;\\\"><span>npm install -g hexo-cli</span><span><br/></span></div></pre><p style=\\\"margin:0;color:rgb(20,20,20);font-size:16px;line-height:1.8em;letter-spacing:0;text-align:left;text-indent:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding-top:8px;padding-bottom:8px;padding-left:0;padding-right:0\\\"><span>安装完后我们创建 hexo 基础项目</span></p><pre style=\\\"border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.55) 0px 2px 10px;text-align: left;margin-top: 10px;margin-bottom: 10px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;\\\"><span style=\\\"display: block;background: none;height: 30px;width: 100%;background-size: 40px;background-repeat: no-repeat;background-color: #282c34;margin-bottom: -7px;border-radius: 5px;background-position: 10px 10px;background-image: url(&quot;https://mmbiz.qpic.cn/mmbiz_svg/98Nz5LFElxz62Zv1kw7K6EicHXXvtoOq7BJYU1q6piaWSGrcyANLibHTIgrNFnTaQicOwmibA1RbwcSfYMqVUJVK0uNdFsyWy4ae0/640?wx_fmt=svg&amp;from=appmsg&quot;);\\\"></span><div style=\\\"--en-codeblock:true;--en-meta:{&quot;title&quot;:&quot;&quot;,&quot;lang&quot;:&quot;Plain Text&quot;,&quot;theme&quot;:&quot;default&quot;,&quot;showLine&quot;:true,&quot;lineWrap&quot;:true};box-sizing: border-box; padding: 8px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial; margin-top: 6px;\\\"><span>hexo init hexo-demo</span><span><br/></span></div></pre><p style=\\\"margin:0;color:rgb(20,20,20);font-size:16px;line-height:1.8em;letter-spacing:0;text-align:left;text-indent:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding-top:8px;padding-bottom:8px;padding-left:0;padding-right:0\\\"><span>创建成功后我们用 vscode 打开文件夹，可以看到以下的目录结构，打开</span><code style=\\\"color: rgb(244, 138, 0);font-size: 14px;line-height: 1.8em;letter-spacing: 0em;background-attachment: scroll;background-clip: border-box;background-color: rgba(27, 31, 35, 0.05);background-image: none;background-origin: padding-box;background-position-x: 0%;background-position-y: 0%;background-repeat: no-repeat;background-size: auto;width: auto;height: auto;margin-top: 0px;margin-bottom: 0px;margin-left: 2px;margin-right: 2px;padding-top: 2px;padding-bottom: 2px;padding-left: 4px;padding-right: 4px;border-top-style: none;border-bottom-style: none;border-left-style: none;border-right-style: none;border-top-width: 3px;border-bottom-width: 3px;border-left-width: 3px;border-right-width: 3px;border-top-color: rgb(0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0.4);border-left-color: rgba(0, 0, 0, 0.4);border-right-color: rgba(0, 0, 0, 0.4);border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;overflow-wrap: break-word;font-family: 'Operator Mono', Consolas, Monaco, Menlo, monospace;word-break: break-all;\\\"><span>hello-hexo.md</span></code><span>文件</span></p><div style=\\\"margin-top: 10px;margin-bottom: 10px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;display: flex;flex-direction: column;justify-content: center;align-items: center;\\\"><span><img src=\\\":/87e7ae0e47c24d0591cfcb2315cc60a0\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" alt=\\\"hexo-demo\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;display: block;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;max-width: 100%;border-top-style: none;border-bottom-style: none;border-left-style: none;border-right-style: none;border-top-width: 3px;border-bottom-width: 3px;border-left-width: 3px;border-right-width: 3px;border-top-color: rgba(0, 0, 0, 0.4);border-bottom-color: rgba(0, 0, 0, 0.4);border-left-color: rgba(0, 0, 0, 0.4);border-right-color: rgba(0, 0, 0, 0.4);border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;object-fit: fill;box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;\\\"/></span><div style=\\\"color: rgb(136, 136, 136);font-size: 14px;line-height: 1.5em;letter-spacing: 0em;text-align: center;font-weight: normal;margin-top: 5px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;\\\"><span>hexo-demo</span></div></div><p style=\\\"margin:0;color:rgb(20,20,20);font-size:16px;line-height:1.8em;letter-spacing:0;text-align:left;text-indent:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding-top:8px;padding-bottom:8px;padding-left:0;padding-right:0\\\"><span>然后将下面的内容全部复制到</span><code style=\\\"color: rgb(244, 138, 0);font-size: 14px;line-height: 1.8em;letter-spacing: 0em;background-attachment: scroll;background-clip: border-box;background-color: rgba(27, 31, 35, 0.05);background-image: none;background-origin: padding-box;background-position-x: 0%;background-position-y: 0%;background-repeat: no-repeat;background-size: auto;width: auto;height: auto;margin-top: 0px;margin-bottom: 0px;margin-left: 2px;margin-right: 2px;padding-top: 2px;padding-bottom: 2px;padding-left: 4px;padding-right: 4px;border-top-style: none;border-bottom-style: none;border-left-style: none;border-right-style: none;border-top-width: 3px;border-bottom-width: 3px;border-left-width: 3px;border-right-width: 3px;border-top-color: rgb(0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0.4);border-left-color: rgba(0, 0, 0, 0.4);border-right-color: rgba(0, 0, 0, 0.4);border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;overflow-wrap: break-word;font-family: 'Operator Mono', Consolas, Monaco, Menlo, monospace;word-break: break-all;\\\"><span>hello-hexo.md</span></code><span>里，这里的关键是文件中要包含 </span><code style=\\\"color: rgb(244, 138, 0);font-size: 14px;line-height: 1.8em;letter-spacing: 0em;background-attachment: scroll;background-clip: border-box;background-color: rgba(27, 31, 35, 0.05);background-image: none;background-origin: padding-box;background-position-x: 0%;background-position-y: 0%;background-repeat: no-repeat;background-size: auto;width: auto;height: auto;margin-top: 0px;margin-bottom: 0px;margin-left: 2px;margin-right: 2px;padding-top: 2px;padding-bottom: 2px;padding-left: 4px;padding-right: 4px;border-top-style: none;border-bottom-style: none;border-left-style: none;border-right-style: none;border-top-width: 3px;border-bottom-width: 3px;border-left-width: 3px;border-right-width: 3px;border-top-color: rgb(0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0.4);border-left-color: rgba(0, 0, 0, 0.4);border-right-color: rgba(0, 0, 0, 0.4);border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;overflow-wrap: break-word;font-family: 'Operator Mono', Consolas, Monaco, Menlo, monospace;word-break: break-all;\\\"><span>&lt;twitter-post tweet-id=&quot;&quot;&gt;&lt;/twitter-post&gt;</span></code><span> 这对标签，tweet-id 可以选择任何你喜欢的推特，tweet-id 是可以从网页中获取</span></p><div style=\\\"margin-top: 10px;margin-bottom: 10px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;display: flex;flex-direction: column;justify-content: center;align-items: center;\\\"><span><img src=\\\":/c9ffa7aed7bf4acf83a8c54bc8527583\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" alt=\\\"twitter-id\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;display: block;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;max-width: 100%;border-top-style: none;border-bottom-style: none;border-left-style: none;border-right-style: none;border-top-width: 3px;border-bottom-width: 3px;border-left-width: 3px;border-right-width: 3px;border-top-color: rgba(0, 0, 0, 0.4);border-bottom-color: rgba(0, 0, 0, 0.4);border-left-color: rgba(0, 0, 0, 0.4);border-right-color: rgba(0, 0, 0, 0.4);border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;object-fit: fill;box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;\\\"/></span><div style=\\\"color: rgb(136, 136, 136);font-size: 14px;line-height: 1.5em;letter-spacing: 0em;text-align: center;font-weight: normal;margin-top: 5px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;\\\"><span>twitter-id</span></div></div><pre style=\\\"border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.55) 0px 2px 10px;text-align: left;margin-top: 10px;margin-bottom: 10px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;\\\"><span style=\\\"display: block;background: none;height: 30px;width: 100%;background-size: 40px;background-repeat: no-repeat;background-color: #282c34;margin-bottom: -7px;border-radius: 5px;background-position: 10px 10px;background-image: url(&quot;https://mmbiz.qpic.cn/mmbiz_svg/98Nz5LFElxz62Zv1kw7K6EicHXXvtoOq7BJYU1q6piaWSGrcyANLibHTIgrNFnTaQicOwmibA1RbwcSfYMqVUJVK0uNdFsyWy4ae0/640?wx_fmt=svg&amp;from=appmsg&quot;);\\\"></span><div style=\\\"--en-codeblock:true;--en-meta:{&quot;title&quot;:&quot;&quot;,&quot;lang&quot;:&quot;Plain Text&quot;,&quot;theme&quot;:&quot;default&quot;,&quot;showLine&quot;:true,&quot;lineWrap&quot;:true};box-sizing: border-box; padding: 8px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial; margin-top: 6px;\\\"><span>---</span><span><br/></span><span>title: hexo integrates zaraz embed</span><span><br/></span><span>date: 2025-03-24 16:35:44</span><span><br/></span><span><br/></span><span>---</span><span><br/></span><span><br/></span><span>This is a demonstration site for Hexo, showcasing how to embed tweets from X using Zaraz.</span><span><br/></span><span><br/></span><span style=\\\"color: #e06c75;line-height: 26px;\\\"><span>## Tweets</span></span><span><br/></span><span><br/></span><span style=\\\"color: #e06c75;line-height: 26px;\\\"><span>### Text</span></span><span><br/></span><span><br/></span><span style=\\\"line-height: 26px;\\\"><span style=\\\"line-height: 26px;\\\"><span>&lt;</span><span style=\\\"color: #e06c75;line-height: 26px;\\\"><span>twitter-post</span></span><span> </span><span style=\\\"color: #d19a66;line-height: 26px;\\\"><span>tweet-id</span></span><span>=</span><span style=\\\"color: #98c379;line-height: 26px;\\\"><span>&quot;1822202930919039208&quot;</span></span><span>&gt;</span></span></span><span style=\\\"line-height: 26px;\\\"><span style=\\\"line-height: 26px;\\\"><span>&lt;/</span><span style=\\\"color: #e06c75;line-height: 26px;\\\"><span>twitter-post</span></span><span>&gt;</span></span></span><span><br/></span><span><br/></span><span style=\\\"line-height: 26px;\\\"><span style=\\\"line-height: 26px;\\\"><span>&lt;</span><span style=\\\"color: #e06c75;line-height: 26px;\\\"><span>twitter-post</span></span><span> </span><span style=\\\"color: #d19a66;line-height: 26px;\\\"><span>tweet-id</span></span><span>=</span><span style=\\\"color: #98c379;line-height: 26px;\\\"><span>&quot;1904391137307099409&quot;</span></span><span>&gt;</span></span></span><span style=\\\"line-height: 26px;\\\"><span style=\\\"line-height: 26px;\\\"><span>&lt;/</span><span style=\\\"color: #e06c75;line-height: 26px;\\\"><span>twitter-post</span></span><span>&gt;</span></span></span><span><br/></span><span><br/></span><span style=\\\"color: #e06c75;line-height: 26px;\\\"><span>### Video&amp;Pic</span></span><span><br/></span><span><br/></span><span style=\\\"line-height: 26px;\\\"><span style=\\\"line-height: 26px;\\\"><span>&lt;</span><span style=\\\"color: #e06c75;line-height: 26px;\\\"><span>twitter-post</span></span><span> </span><span style=\\\"color: #d19a66;line-height: 26px;\\\"><span>tweet-id</span></span><span>=</span><span style=\\\"color: #98c379;line-height: 26px;\\\"><span>&quot;1907091215243428044&quot;</span></span><span>&gt;</span></span></span><span style=\\\"line-height: 26px;\\\"><span style=\\\"line-height: 26px;\\\"><span>&lt;/</span><span style=\\\"color: #e06c75;line-height: 26px;\\\"><span>twitter-post</span></span><span>&gt;</span></span></span><span><br/></span><span><br/></span><span style=\\\"color: #e06c75;line-height: 26px;\\\"><span>### NSFW</span></span><span><br/></span><span><br/></span><span style=\\\"line-height: 26px;\\\"><span style=\\\"line-height: 26px;\\\"><span>&lt;</span><span style=\\\"color: #e06c75;line-height: 26px;\\\"><span>twitter-post</span></span><span> </span><span style=\\\"color: #d19a66;line-height: 26px;\\\"><span>tweet-id</span></span><span>=</span><span style=\\\"color: #98c379;line-height: 26px;\\\"><span>&quot;1899769294633967961&quot;</span></span><span>&gt;</span></span></span><span style=\\\"line-height: 26px;\\\"><span style=\\\"line-height: 26px;\\\"><span>&lt;/</span><span style=\\\"color: #e06c75;line-height: 26px;\\\"><span>twitter-post</span></span><span>&gt;</span></span></span><span><br/></span></div></pre><h3 style=\\\"margin:0;margin-top:30px;margin-bottom:15px;margin-left:0;margin-right:0;align-items:unset;background-attachment:scroll;background-clip:border-box;background-color:unset;background-image:none;background-origin:padding-box;background-position-x:0;background-position-y:0;background-repeat:no-repeat;background-size:auto;border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-width:1px;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-top-color:rgb(0,0,0);border-bottom-color:rgb(0,0,0);border-left-color:rgb(0,0,0);border-right-color:rgb(0,0,0);border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none;display:block;flex-direction:unset;float:unset;height:auto;justify-content:unset;line-height:1.5em;overflow-x:unset;overflow-y:unset;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;text-align:left;text-shadow:none;transform:none;width:auto;-webkit-box-reflect:unset\\\"><span style=\\\"font-size: 18px;color: rgb(244, 138, 0);line-height: 1.8em;letter-spacing: 0em;padding-top: 0px;padding-bottom: 0px;padding-left: 10px;padding-right: 0px;border-top-style: none;border-bottom-style: none;border-left-style: solid;border-right-style: none;border-top-width: 1px;border-bottom-width: 1px;border-left-width: 4px;border-right-width: 1px;border-top-color: rgb(0, 0, 0);border-bottom-color: rgb(0, 0, 0);border-left-color: rgb(255, 227, 163);border-right-color: rgb(0, 0, 0);border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;align-items: unset;background-attachment: scroll;background-clip: border-box;background-color: unset;background-image: none;background-origin: padding-box;background-position-x: 0%;background-position-y: 0%;background-repeat: no-repeat;background-size: auto;box-shadow: none;display: block;font-weight: bold;flex-direction: unset;float: unset;height: auto;justify-content: unset;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;overflow-x: unset;overflow-y: unset;text-align: left;text-indent: 0em;text-shadow: none;transform: none;width: auto;-webkit-box-reflect: unset;\\\"><span>部署项目</span></span></h3><p style=\\\"margin:0;color:rgb(20,20,20);font-size:16px;line-height:1.8em;letter-spacing:0;text-align:left;text-indent:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding-top:8px;padding-bottom:8px;padding-left:0;padding-right:0\\\"><span>执行</span><code style=\\\"color: rgb(244, 138, 0);font-size: 14px;line-height: 1.8em;letter-spacing: 0em;background-attachment: scroll;background-clip: border-box;background-color: rgba(27, 31, 35, 0.05);background-image: none;background-origin: padding-box;background-position-x: 0%;background-position-y: 0%;background-repeat: no-repeat;background-size: auto;width: auto;height: auto;margin-top: 0px;margin-bottom: 0px;margin-left: 2px;margin-right: 2px;padding-top: 2px;padding-bottom: 2px;padding-left: 4px;padding-right: 4px;border-top-style: none;border-bottom-style: none;border-left-style: none;border-right-style: none;border-top-width: 3px;border-bottom-width: 3px;border-left-width: 3px;border-right-width: 3px;border-top-color: rgb(0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0.4);border-left-color: rgba(0, 0, 0, 0.4);border-right-color: rgba(0, 0, 0, 0.4);border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;overflow-wrap: break-word;font-family: 'Operator Mono', Consolas, Monaco, Menlo, monospace;word-break: break-all;\\\"><span>npm run build</span></code><span> 生成网站待部署的静态文件到</span><code style=\\\"color: rgb(244, 138, 0);font-size: 14px;line-height: 1.8em;letter-spacing: 0em;background-attachment: scroll;background-clip: border-box;background-color: rgba(27, 31, 35, 0.05);background-image: none;background-origin: padding-box;background-position-x: 0%;background-position-y: 0%;background-repeat: no-repeat;background-size: auto;width: auto;height: auto;margin-top: 0px;margin-bottom: 0px;margin-left: 2px;margin-right: 2px;padding-top: 2px;padding-bottom: 2px;padding-left: 4px;padding-right: 4px;border-top-style: none;border-bottom-style: none;border-left-style: none;border-right-style: none;border-top-width: 3px;border-bottom-width: 3px;border-left-width: 3px;border-right-width: 3px;border-top-color: rgb(0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0.4);border-left-color: rgba(0, 0, 0, 0.4);border-right-color: rgba(0, 0, 0, 0.4);border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;overflow-wrap: break-word;font-family: 'Operator Mono', Consolas, Monaco, Menlo, monospace;word-break: break-all;\\\"><span>public</span></code><span>目录下</span></p><div style=\\\"margin-top: 10px;margin-bottom: 10px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;display: flex;flex-direction: column;justify-content: center;align-items: center;\\\"><span><img src=\\\":/0367deffef454961bb406ddbba13fd40\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" alt=\\\"hexo-build\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;display: block;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;max-width: 100%;border-top-style: none;border-bottom-style: none;border-left-style: none;border-right-style: none;border-top-width: 3px;border-bottom-width: 3px;border-left-width: 3px;border-right-width: 3px;border-top-color: rgba(0, 0, 0, 0.4);border-bottom-color: rgba(0, 0, 0, 0.4);border-left-color: rgba(0, 0, 0, 0.4);border-right-color: rgba(0, 0, 0, 0.4);border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;object-fit: fill;box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;\\\"/></span><div style=\\\"color: rgb(136, 136, 136);font-size: 14px;line-height: 1.5em;letter-spacing: 0em;text-align: center;font-weight: normal;margin-top: 5px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;\\\"><span>hexo-build</span></div></div><p style=\\\"margin:0;color:rgb(20,20,20);font-size:16px;line-height:1.8em;letter-spacing:0;text-align:left;text-indent:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding-top:8px;padding-bottom:8px;padding-left:0;padding-right:0\\\"><span>我们选择 </span><strong style=\\\"color: rgb(0, 0, 0);font-weight: bold;background-attachment: scroll;background-clip: border-box;background-color: rgba(0, 0, 0, 0);background-image: none;background-origin: padding-box;background-position-x: 0%;background-position-y: 0%;background-repeat: no-repeat;background-size: auto;width: auto;height: auto;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;border-top-style: none;border-bottom-style: none;border-left-style: none;border-right-style: none;border-top-width: 3px;border-bottom-width: 3px;border-left-width: 3px;border-right-width: 3px;border-top-color: rgba(0, 0, 0, 0.4);border-bottom-color: rgba(0, 0, 0, 0.4);border-left-color: rgba(0, 0, 0, 0.4);border-right-color: rgba(0, 0, 0, 0.4);border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;\\\"><span>Cloudflare Pages</span></strong><span> 来一键部署，登录 Cloudflare 后台</span></p><div style=\\\"margin-top: 10px;margin-bottom: 10px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;display: flex;flex-direction: column;justify-content: center;align-items: center;\\\"><span><img src=\\\":/96438f37d6ec43338b1d2d9ab42a0aa0\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" alt=\\\"pages-entrance\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;display: block;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;max-width: 100%;border-top-style: none;border-bottom-style: none;border-left-style: none;border-right-style: none;border-top-width: 3px;border-bottom-width: 3px;border-left-width: 3px;border-right-width: 3px;border-top-color: rgba(0, 0, 0, 0.4);border-bottom-color: rgba(0, 0, 0, 0.4);border-left-color: rgba(0, 0, 0, 0.4);border-right-color: rgba(0, 0, 0, 0.4);border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;object-fit: fill;box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;\\\"/></span><div style=\\\"color: rgb(136, 136, 136);font-size: 14px;line-height: 1.5em;letter-spacing: 0em;text-align: center;font-weight: normal;margin-top: 5px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;\\\"><span>pages-entrance</span></div></div><p style=\\\"margin:0;color:rgb(20,20,20);font-size:16px;line-height:1.8em;letter-spacing:0;text-align:left;text-indent:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding-top:8px;padding-bottom:8px;padding-left:0;padding-right:0\\\"><span>选择最上方的</span><code style=\\\"color: rgb(244, 138, 0);font-size: 14px;line-height: 1.8em;letter-spacing: 0em;background-attachment: scroll;background-clip: border-box;background-color: rgba(27, 31, 35, 0.05);background-image: none;background-origin: padding-box;background-position-x: 0%;background-position-y: 0%;background-repeat: no-repeat;background-size: auto;width: auto;height: auto;margin-top: 0px;margin-bottom: 0px;margin-left: 2px;margin-right: 2px;padding-top: 2px;padding-bottom: 2px;padding-left: 4px;padding-right: 4px;border-top-style: none;border-bottom-style: none;border-left-style: none;border-right-style: none;border-top-width: 3px;border-bottom-width: 3px;border-left-width: 3px;border-right-width: 3px;border-top-color: rgb(0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0.4);border-left-color: rgba(0, 0, 0, 0.4);border-right-color: rgba(0, 0, 0, 0.4);border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;overflow-wrap: break-word;font-family: 'Operator Mono', Consolas, Monaco, Menlo, monospace;word-break: break-all;\\\"><span>Pages</span></code><span> 选项，选择最下面的直接上传文件部署</span></p><div style=\\\"margin-top: 10px;margin-bottom: 10px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;display: flex;flex-direction: column;justify-content: center;align-items: center;\\\"><span><img src=\\\":/f196df2cbe3b4fd0b6f0771b3271414c\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" alt=\\\"pages-upload\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;display: block;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;max-width: 100%;border-top-style: none;border-bottom-style: none;border-left-style: none;border-right-style: none;border-top-width: 3px;border-bottom-width: 3px;border-left-width: 3px;border-right-width: 3px;border-top-color: rgba(0, 0, 0, 0.4);border-bottom-color: rgba(0, 0, 0, 0.4);border-left-color: rgba(0, 0, 0, 0.4);border-right-color: rgba(0, 0, 0, 0.4);border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;object-fit: fill;box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;\\\"/></span><div style=\\\"color: rgb(136, 136, 136);font-size: 14px;line-height: 1.5em;letter-spacing: 0em;text-align: center;font-weight: normal;margin-top: 5px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;\\\"><span>pages-upload</span></div></div><p style=\\\"margin:0;color:rgb(20,20,20);font-size:16px;line-height:1.8em;letter-spacing:0;text-align:left;text-indent:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding-top:8px;padding-bottom:8px;padding-left:0;padding-right:0\\\"><span>设置一个项目名称然后将刚刚打包好的</span><code style=\\\"color: rgb(244, 138, 0);font-size: 14px;line-height: 1.8em;letter-spacing: 0em;background-attachment: scroll;background-clip: border-box;background-color: rgba(27, 31, 35, 0.05);background-image: none;background-origin: padding-box;background-position-x: 0%;background-position-y: 0%;background-repeat: no-repeat;background-size: auto;width: auto;height: auto;margin-top: 0px;margin-bottom: 0px;margin-left: 2px;margin-right: 2px;padding-top: 2px;padding-bottom: 2px;padding-left: 4px;padding-right: 4px;border-top-style: none;border-bottom-style: none;border-left-style: none;border-right-style: none;border-top-width: 3px;border-bottom-width: 3px;border-left-width: 3px;border-right-width: 3px;border-top-color: rgb(0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0.4);border-left-color: rgba(0, 0, 0, 0.4);border-right-color: rgba(0, 0, 0, 0.4);border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;overflow-wrap: break-word;font-family: 'Operator Mono', Consolas, Monaco, Menlo, monospace;word-break: break-all;\\\"><span>public</span></code><span>文件夹上传后点击部署等待几分钟就可</span></p><div style=\\\"margin-top: 10px;margin-bottom: 10px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;display: flex;flex-direction: column;justify-content: center;align-items: center;\\\"><span><img src=\\\":/d34d723c07324eddb2069ac7b3bc7db8\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" alt=\\\"pages-deploy\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;display: block;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;max-width: 100%;border-top-style: none;border-bottom-style: none;border-left-style: none;border-right-style: none;border-top-width: 3px;border-bottom-width: 3px;border-left-width: 3px;border-right-width: 3px;border-top-color: rgba(0, 0, 0, 0.4);border-bottom-color: rgba(0, 0, 0, 0.4);border-left-color: rgba(0, 0, 0, 0.4);border-right-color: rgba(0, 0, 0, 0.4);border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;object-fit: fill;box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;\\\"/></span><div style=\\\"color: rgb(136, 136, 136);font-size: 14px;line-height: 1.5em;letter-spacing: 0em;text-align: center;font-weight: normal;margin-top: 5px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;\\\"><span>pages-deploy</span></div></div><h3 style=\\\"margin:0;margin-top:30px;margin-bottom:15px;margin-left:0;margin-right:0;align-items:unset;background-attachment:scroll;background-clip:border-box;background-color:unset;background-image:none;background-origin:padding-box;background-position-x:0;background-position-y:0;background-repeat:no-repeat;background-size:auto;border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-width:1px;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-top-color:rgb(0,0,0);border-bottom-color:rgb(0,0,0);border-left-color:rgb(0,0,0);border-right-color:rgb(0,0,0);border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none;display:block;flex-direction:unset;float:unset;height:auto;justify-content:unset;line-height:1.5em;overflow-x:unset;overflow-y:unset;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;text-align:left;text-shadow:none;transform:none;width:auto;-webkit-box-reflect:unset\\\"><span style=\\\"font-size: 18px;color: rgb(244, 138, 0);line-height: 1.8em;letter-spacing: 0em;padding-top: 0px;padding-bottom: 0px;padding-left: 10px;padding-right: 0px;border-top-style: none;border-bottom-style: none;border-left-style: solid;border-right-style: none;border-top-width: 1px;border-bottom-width: 1px;border-left-width: 4px;border-right-width: 1px;border-top-color: rgb(0, 0, 0);border-bottom-color: rgb(0, 0, 0);border-left-color: rgb(255, 227, 163);border-right-color: rgb(0, 0, 0);border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;align-items: unset;background-attachment: scroll;background-clip: border-box;background-color: unset;background-image: none;background-origin: padding-box;background-position-x: 0%;background-position-y: 0%;background-repeat: no-repeat;background-size: auto;box-shadow: none;display: block;font-weight: bold;flex-direction: unset;float: unset;height: auto;justify-content: unset;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;overflow-x: unset;overflow-y: unset;text-align: left;text-indent: 0em;text-shadow: none;transform: none;width: auto;-webkit-box-reflect: unset;\\\"><span>设置并开启 Zaraz</span></span></h3><p style=\\\"margin:0;color:rgb(20,20,20);font-size:16px;line-height:1.8em;letter-spacing:0;text-align:left;text-indent:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding-top:8px;padding-bottom:8px;padding-left:0;padding-right:0\\\"><span>使用Cloudflare提供的默认域名是无法开启 Zaraz 的，需要我们绑定自己托管在Cloudflare 上的域名，进入到部署好的 Pages 项目，选择</span><code style=\\\"color: rgb(244, 138, 0);font-size: 14px;line-height: 1.8em;letter-spacing: 0em;background-attachment: scroll;background-clip: border-box;background-color: rgba(27, 31, 35, 0.05);background-image: none;background-origin: padding-box;background-position-x: 0%;background-position-y: 0%;background-repeat: no-repeat;background-size: auto;width: auto;height: auto;margin-top: 0px;margin-bottom: 0px;margin-left: 2px;margin-right: 2px;padding-top: 2px;padding-bottom: 2px;padding-left: 4px;padding-right: 4px;border-top-style: none;border-bottom-style: none;border-left-style: none;border-right-style: none;border-top-width: 3px;border-bottom-width: 3px;border-left-width: 3px;border-right-width: 3px;border-top-color: rgb(0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0.4);border-left-color: rgba(0, 0, 0, 0.4);border-right-color: rgba(0, 0, 0, 0.4);border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;overflow-wrap: break-word;font-family: 'Operator Mono', Consolas, Monaco, Menlo, monospace;word-break: break-all;\\\"><span>Custom domains</span></code></p><div style=\\\"margin-top: 10px;margin-bottom: 10px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;display: flex;flex-direction: column;justify-content: center;align-items: center;\\\"><span><img src=\\\":/66474047c16e4b3b878da7d1ac50d1c4\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" alt=\\\"custom-domain-settings\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;display: block;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;max-width: 100%;border-top-style: none;border-bottom-style: none;border-left-style: none;border-right-style: none;border-top-width: 3px;border-bottom-width: 3px;border-left-width: 3px;border-right-width: 3px;border-top-color: rgba(0, 0, 0, 0.4);border-bottom-color: rgba(0, 0, 0, 0.4);border-left-color: rgba(0, 0, 0, 0.4);border-right-color: rgba(0, 0, 0, 0.4);border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;object-fit: fill;box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;\\\"/></span><div style=\\\"color: rgb(136, 136, 136);font-size: 14px;line-height: 1.5em;letter-spacing: 0em;text-align: center;font-weight: normal;margin-top: 5px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;\\\"><span>custom-domain-settings</span></div></div><p style=\\\"margin:0;color:rgb(20,20,20);font-size:16px;line-height:1.8em;letter-spacing:0;text-align:left;text-indent:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding-top:8px;padding-bottom:8px;padding-left:0;padding-right:0\\\"><span>给这个项目分配一个子域名，等待 DNS 生效，</span><strong style=\\\"color: rgb(0, 0, 0);font-weight: bold;background-attachment: scroll;background-clip: border-box;background-color: rgba(0, 0, 0, 0);background-image: none;background-origin: padding-box;background-position-x: 0%;background-position-y: 0%;background-repeat: no-repeat;background-size: auto;width: auto;height: auto;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;border-top-style: none;border-bottom-style: none;border-left-style: none;border-right-style: none;border-top-width: 3px;border-bottom-width: 3px;border-left-width: 3px;border-right-width: 3px;border-top-color: rgba(0, 0, 0, 0.4);border-bottom-color: rgba(0, 0, 0, 0.4);border-left-color: rgba(0, 0, 0, 0.4);border-right-color: rgba(0, 0, 0, 0.4);border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;\\\"><span>注意！</span></strong><span> 不要在DNS里手动设置，一定要在项目的 Custom domain中设置</span></p><div style=\\\"margin-top: 10px;margin-bottom: 10px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;display: flex;flex-direction: column;justify-content: center;align-items: center;\\\"><span><img src=\\\":/0e753a22638d40f1aaa53e5635ff60bb\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" alt=\\\"subdomain\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;display: block;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;max-width: 100%;border-top-style: none;border-bottom-style: none;border-left-style: none;border-right-style: none;border-top-width: 3px;border-bottom-width: 3px;border-left-width: 3px;border-right-width: 3px;border-top-color: rgba(0, 0, 0, 0.4);border-bottom-color: rgba(0, 0, 0, 0.4);border-left-color: rgba(0, 0, 0, 0.4);border-right-color: rgba(0, 0, 0, 0.4);border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;object-fit: fill;box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;\\\"/></span><div style=\\\"color: rgb(136, 136, 136);font-size: 14px;line-height: 1.5em;letter-spacing: 0em;text-align: center;font-weight: normal;margin-top: 5px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;\\\"><span>subdomain</span></div></div><p style=\\\"margin:0;color:rgb(20,20,20);font-size:16px;line-height:1.8em;letter-spacing:0;text-align:left;text-indent:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding-top:8px;padding-bottom:8px;padding-left:0;padding-right:0\\\"><span>接下来我们设置 Zaraz Embed，对Zaraz 完全不了解的小伙伴可以参考 [[Cloudflare从入门到精通 11. Zaraz 第三方脚本管理助手]] 。进入到设置页面后，选择 </span><code style=\\\"color: rgb(244, 138, 0);font-size: 14px;line-height: 1.8em;letter-spacing: 0em;background-attachment: scroll;background-clip: border-box;background-color: rgba(27, 31, 35, 0.05);background-image: none;background-origin: padding-box;background-position-x: 0%;background-position-y: 0%;background-repeat: no-repeat;background-size: auto;width: auto;height: auto;margin-top: 0px;margin-bottom: 0px;margin-left: 2px;margin-right: 2px;padding-top: 2px;padding-bottom: 2px;padding-left: 4px;padding-right: 4px;border-top-style: none;border-bottom-style: none;border-left-style: none;border-right-style: none;border-top-width: 3px;border-bottom-width: 3px;border-left-width: 3px;border-right-width: 3px;border-top-color: rgb(0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0.4);border-left-color: rgba(0, 0, 0, 0.4);border-right-color: rgba(0, 0, 0, 0.4);border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;overflow-wrap: break-word;font-family: 'Operator Mono', Consolas, Monaco, Menlo, monospace;word-break: break-all;\\\"><span>Embeds</span></code><span>中的 </span><code style=\\\"color: rgb(244, 138, 0);font-size: 14px;line-height: 1.8em;letter-spacing: 0em;background-attachment: scroll;background-clip: border-box;background-color: rgba(27, 31, 35, 0.05);background-image: none;background-origin: padding-box;background-position-x: 0%;background-position-y: 0%;background-repeat: no-repeat;background-size: auto;width: auto;height: auto;margin-top: 0px;margin-bottom: 0px;margin-left: 2px;margin-right: 2px;padding-top: 2px;padding-bottom: 2px;padding-left: 4px;padding-right: 4px;border-top-style: none;border-bottom-style: none;border-left-style: none;border-right-style: none;border-top-width: 3px;border-bottom-width: 3px;border-left-width: 3px;border-right-width: 3px;border-top-color: rgb(0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0.4);border-left-color: rgba(0, 0, 0, 0.4);border-right-color: rgba(0, 0, 0, 0.4);border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;overflow-wrap: break-word;font-family: 'Operator Mono', Consolas, Monaco, Menlo, monospace;word-break: break-all;\\\"><span>Twitter Pixel</span></code><span>, 一直点 next 就行，注意不要设置错域名</span></p><div style=\\\"margin-top: 10px;margin-bottom: 10px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;display: flex;flex-direction: column;justify-content: center;align-items: center;\\\"><span><img src=\\\":/8ec907f453d84e9ca00bdb66bd12cd76\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" alt=\\\"zaraz-twitter\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;display: block;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;max-width: 100%;border-top-style: none;border-bottom-style: none;border-left-style: none;border-right-style: none;border-top-width: 3px;border-bottom-width: 3px;border-left-width: 3px;border-right-width: 3px;border-top-color: rgba(0, 0, 0, 0.4);border-bottom-color: rgba(0, 0, 0, 0.4);border-left-color: rgba(0, 0, 0, 0.4);border-right-color: rgba(0, 0, 0, 0.4);border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;object-fit: fill;box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;\\\"/></span><div style=\\\"color: rgb(136, 136, 136);font-size: 14px;line-height: 1.5em;letter-spacing: 0em;text-align: center;font-weight: normal;margin-top: 5px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;\\\"><span>zaraz-twitter</span></div></div><p style=\\\"margin:0;color:rgb(20,20,20);font-size:16px;line-height:1.8em;letter-spacing:0;text-align:left;text-indent:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding-top:8px;padding-bottom:8px;padding-left:0;padding-right:0\\\"><span>回到zaraz设置入口处，看到这个工具打开以后，说明就大功告成了</span></p><div style=\\\"margin-top: 10px;margin-bottom: 10px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;display: flex;flex-direction: column;justify-content: center;align-items: center;\\\"><span><img src=\\\":/31c53ebbed964818a1e0dd7f2081cdde\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" alt=\\\"embed-ok\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;display: block;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;max-width: 100%;border-top-style: none;border-bottom-style: none;border-left-style: none;border-right-style: none;border-top-width: 3px;border-bottom-width: 3px;border-left-width: 3px;border-right-width: 3px;border-top-color: rgba(0, 0, 0, 0.4);border-bottom-color: rgba(0, 0, 0, 0.4);border-left-color: rgba(0, 0, 0, 0.4);border-right-color: rgba(0, 0, 0, 0.4);border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;object-fit: fill;box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;\\\"/></span><div style=\\\"color: rgb(136, 136, 136);font-size: 14px;line-height: 1.5em;letter-spacing: 0em;text-align: center;font-weight: normal;margin-top: 5px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;\\\"><span>embed-ok</span></div></div><h3 style=\\\"margin:0;margin-top:30px;margin-bottom:15px;margin-left:0;margin-right:0;align-items:unset;background-attachment:scroll;background-clip:border-box;background-color:unset;background-image:none;background-origin:padding-box;background-position-x:0;background-position-y:0;background-repeat:no-repeat;background-size:auto;border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-width:1px;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-top-color:rgb(0,0,0);border-bottom-color:rgb(0,0,0);border-left-color:rgb(0,0,0);border-right-color:rgb(0,0,0);border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none;display:block;flex-direction:unset;float:unset;height:auto;justify-content:unset;line-height:1.5em;overflow-x:unset;overflow-y:unset;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;text-align:left;text-shadow:none;transform:none;width:auto;-webkit-box-reflect:unset\\\"><span style=\\\"font-size: 18px;color: rgb(244, 138, 0);line-height: 1.8em;letter-spacing: 0em;padding-top: 0px;padding-bottom: 0px;padding-left: 10px;padding-right: 0px;border-top-style: none;border-bottom-style: none;border-left-style: solid;border-right-style: none;border-top-width: 1px;border-bottom-width: 1px;border-left-width: 4px;border-right-width: 1px;border-top-color: rgb(0, 0, 0);border-bottom-color: rgb(0, 0, 0);border-left-color: rgb(255, 227, 163);border-right-color: rgb(0, 0, 0);border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;align-items: unset;background-attachment: scroll;background-clip: border-box;background-color: unset;background-image: none;background-origin: padding-box;background-position-x: 0%;background-position-y: 0%;background-repeat: no-repeat;background-size: auto;box-shadow: none;display: block;font-weight: bold;flex-direction: unset;float: unset;height: auto;justify-content: unset;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;overflow-x: unset;overflow-y: unset;text-align: left;text-indent: 0em;text-shadow: none;transform: none;width: auto;-webkit-box-reflect: unset;\\\"><span>查看效果</span></span></h3><p style=\\\"margin:0;color:rgb(20,20,20);font-size:16px;line-height:1.8em;letter-spacing:0;text-align:left;text-indent:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding-top:8px;padding-bottom:8px;padding-left:0;padding-right:0\\\"><span>访问网站，效果拔群，very good！</span></p><div style=\\\"margin-top: 10px;margin-bottom: 10px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;display: flex;flex-direction: column;justify-content: center;align-items: center;\\\"><span><img src=\\\":/92495b0d558e4e7c8b3ce1cdb83d33d0\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" alt=\\\"zaraz-embed-hexo\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;display: block;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;max-width: 100%;border-top-style: none;border-bottom-style: none;border-left-style: none;border-right-style: none;border-top-width: 3px;border-bottom-width: 3px;border-left-width: 3px;border-right-width: 3px;border-top-color: rgba(0, 0, 0, 0.4);border-bottom-color: rgba(0, 0, 0, 0.4);border-left-color: rgba(0, 0, 0, 0.4);border-right-color: rgba(0, 0, 0, 0.4);border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;object-fit: fill;box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;\\\"/></span><div style=\\\"color: rgb(136, 136, 136);font-size: 14px;line-height: 1.5em;letter-spacing: 0em;text-align: center;font-weight: normal;margin-top: 5px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;\\\"><span>zaraz-embed-hexo</span></div></div><h2 style=\\\"margin:0;margin-top:30px;margin-bottom:15px;margin-left:0;margin-right:0;align-items:unset;background-attachment:scroll;background-clip:border-box;background-color:unset;background-image:none;background-origin:padding-box;background-position-x:0;background-position-y:0;background-repeat:no-repeat;background-size:auto;border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-width:1px;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-top-color:rgb(0,0,0);border-bottom-color:rgb(0,0,0);border-left-color:rgb(0,0,0);border-right-color:rgb(0,0,0);border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none;display:block;flex-direction:unset;float:unset;height:auto;justify-content:unset;line-height:1.5em;overflow-x:unset;overflow-y:unset;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;text-align:left;text-shadow:none;transform:none;width:auto;-webkit-box-reflect:unset\\\"><span style=\\\"font-size: 20px;color: rgb(244, 138, 0);line-height: 1.8em;letter-spacing: 0em;padding-top: 0px;padding-bottom: 0px;padding-left: 10px;padding-right: 0px;border-top-style: none;border-bottom-style: none;border-left-style: solid;border-right-style: none;border-top-width: 1px;border-bottom-width: 1px;border-left-width: 5px;border-right-width: 1px;border-top-color: rgb(0, 0, 0);border-bottom-color: rgb(0, 0, 0);border-left-color: rgb(255, 191, 82);border-right-color: rgb(0, 0, 0);border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;align-items: unset;background-attachment: scroll;background-clip: border-box;background-color: unset;background-image: none;background-origin: padding-box;background-position-x: 0%;background-position-y: 0%;background-repeat: no-repeat;background-size: auto;box-shadow: none;display: block;font-weight: bold;flex-direction: unset;float: unset;height: auto;justify-content: unset;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;overflow-x: unset;overflow-y: unset;text-align: left;text-indent: 0em;text-shadow: none;transform: none;width: auto;-webkit-box-reflect: unset;\\\"><span>❗ 注意事项</span></span></h2><p style=\\\"margin:0;color:rgb(20,20,20);font-size:16px;line-height:1.8em;letter-spacing:0;text-align:left;text-indent:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding-top:8px;padding-bottom:8px;padding-left:0;padding-right:0\\\"><span>Zaraz embed 对展示的推文内容是有限制，可以访问(https://hexo-test.debill.cc 查看)</span></p><ul style=\\\"margin:0;list-style-type:disc;margin-top:8px;margin-bottom:8px;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;padding-left:25px;padding-right:0;color:rgb(0,0,0)\\\"><li><div style=\\\"margin-top: 5px;margin-bottom: 5px;color: rgb(20, 20, 20);font-size: 16px;line-height: 1.8em;letter-spacing: 0em;text-align: left;font-weight: normal;\\\"><span>只能展示文字类型推文</span></div></li><li><div style=\\\"margin-top: 5px;margin-bottom: 5px;color: rgb(20, 20, 20);font-size: 16px;line-height: 1.8em;letter-spacing: 0em;text-align: left;font-weight: normal;\\\"><span>无法展示图片和视频内容</span></div></li><li><div style=\\\"margin-top: 5px;margin-bottom: 5px;color: rgb(20, 20, 20);font-size: 16px;line-height: 1.8em;letter-spacing: 0em;text-align: left;font-weight: normal;\\\"><span>对色情和暴力的内容不予以展示</span></div></li></ul><h2 style=\\\"margin:0;margin-top:30px;margin-bottom:15px;margin-left:0;margin-right:0;align-items:unset;background-attachment:scroll;background-clip:border-box;background-color:unset;background-image:none;background-origin:padding-box;background-position-x:0;background-position-y:0;background-repeat:no-repeat;background-size:auto;border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-width:1px;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-top-color:rgb(0,0,0);border-bottom-color:rgb(0,0,0);border-left-color:rgb(0,0,0);border-right-color:rgb(0,0,0);border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none;display:block;flex-direction:unset;float:unset;height:auto;justify-content:unset;line-height:1.5em;overflow-x:unset;overflow-y:unset;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;text-align:left;text-shadow:none;transform:none;width:auto;-webkit-box-reflect:unset\\\"><span style=\\\"font-size: 20px;color: rgb(244, 138, 0);line-height: 1.8em;letter-spacing: 0em;padding-top: 0px;padding-bottom: 0px;padding-left: 10px;padding-right: 0px;border-top-style: none;border-bottom-style: none;border-left-style: solid;border-right-style: none;border-top-width: 1px;border-bottom-width: 1px;border-left-width: 5px;border-right-width: 1px;border-top-color: rgb(0, 0, 0);border-bottom-color: rgb(0, 0, 0);border-left-color: rgb(255, 191, 82);border-right-color: rgb(0, 0, 0);border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;align-items: unset;background-attachment: scroll;background-clip: border-box;background-color: unset;background-image: none;background-origin: padding-box;background-position-x: 0%;background-position-y: 0%;background-repeat: no-repeat;background-size: auto;box-shadow: none;display: block;font-weight: bold;flex-direction: unset;float: unset;height: auto;justify-content: unset;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;overflow-x: unset;overflow-y: unset;text-align: left;text-indent: 0em;text-shadow: none;transform: none;width: auto;-webkit-box-reflect: unset;\\\"><span>📝 总结</span></span></h2><p style=\\\"margin:0;color:rgb(20,20,20);font-size:16px;line-height:1.8em;letter-spacing:0;text-align:left;text-indent:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding-top:8px;padding-bottom:8px;padding-left:0;padding-right:0\\\"><span>使用 Zaraz embed 非常简单，只需要网站的 html 中包含 </span><code style=\\\"color: rgb(244, 138, 0);font-size: 14px;line-height: 1.8em;letter-spacing: 0em;background-attachment: scroll;background-clip: border-box;background-color: rgba(27, 31, 35, 0.05);background-image: none;background-origin: padding-box;background-position-x: 0%;background-position-y: 0%;background-repeat: no-repeat;background-size: auto;width: auto;height: auto;margin-top: 0px;margin-bottom: 0px;margin-left: 2px;margin-right: 2px;padding-top: 2px;padding-bottom: 2px;padding-left: 4px;padding-right: 4px;border-top-style: none;border-bottom-style: none;border-left-style: none;border-right-style: none;border-top-width: 3px;border-bottom-width: 3px;border-left-width: 3px;border-right-width: 3px;border-top-color: rgb(0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0.4);border-left-color: rgba(0, 0, 0, 0.4);border-right-color: rgba(0, 0, 0, 0.4);border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;overflow-wrap: break-word;font-family: 'Operator Mono', Consolas, Monaco, Menlo, monospace;word-break: break-all;\\\"><span>&lt;twitter-post tweet-id=&quot;twitter id&quot;&gt;</span></code><span> 标签然后在后台在 Cloudflare 后台进行简单的设置就可以实现，无论使用 React、Vue 等任何框架开发网站，只要让最后生成的html 包含</span><code style=\\\"color: rgb(244, 138, 0);font-size: 14px;line-height: 1.8em;letter-spacing: 0em;background-attachment: scroll;background-clip: border-box;background-color: rgba(27, 31, 35, 0.05);background-image: none;background-origin: padding-box;background-position-x: 0%;background-position-y: 0%;background-repeat: no-repeat;background-size: auto;width: auto;height: auto;margin-top: 0px;margin-bottom: 0px;margin-left: 2px;margin-right: 2px;padding-top: 2px;padding-bottom: 2px;padding-left: 4px;padding-right: 4px;border-top-style: none;border-bottom-style: none;border-left-style: none;border-right-style: none;border-top-width: 3px;border-bottom-width: 3px;border-left-width: 3px;border-right-width: 3px;border-top-color: rgb(0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0.4);border-left-color: rgba(0, 0, 0, 0.4);border-right-color: rgba(0, 0, 0, 0.4);border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;overflow-wrap: break-word;font-family: 'Operator Mono', Consolas, Monaco, Menlo, monospace;word-break: break-all;\\\"><span>&lt;twitter-post tweet-id=&quot;twitter id&quot;&gt;</span></code><span>就可以很快集成该组件，不用自己重复造轮子，配合代码逻辑甚至可以实现：</span></p><ul style=\\\"margin:0;list-style-type:disc;margin-top:8px;margin-bottom:8px;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;padding-left:25px;padding-right:0;color:rgb(0,0,0)\\\"><li><div style=\\\"margin-top: 5px;margin-bottom: 5px;color: rgb(20, 20, 20);font-size: 16px;line-height: 1.8em;letter-spacing: 0em;text-align: left;font-weight: normal;\\\"><span>动态展示/关闭推文展示</span></div></li><li><div style=\\\"margin-top: 5px;margin-bottom: 5px;color: rgb(20, 20, 20);font-size: 16px;line-height: 1.8em;letter-spacing: 0em;text-align: left;font-weight: normal;\\\"><span>推特轮播图</span></div></li><li><div style=\\\"margin-top: 5px;margin-bottom: 5px;color: rgb(20, 20, 20);font-size: 16px;line-height: 1.8em;letter-spacing: 0em;text-align: left;font-weight: normal;\\\"><span>定制化组件</span></div></li><li><div style=\\\"margin-top: 5px;margin-bottom: 5px;color: rgb(20, 20, 20);font-size: 16px;line-height: 1.8em;letter-spacing: 0em;text-align: left;font-weight: normal;\\\"><span>....</span></div></li></ul><p style=\\\"margin:0;color:rgb(20,20,20);font-size:16px;line-height:1.8em;letter-spacing:0;text-align:left;text-indent:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding-top:8px;padding-bottom:8px;padding-left:0;padding-right:0\\\"><span>感兴趣的朋友可以自己尝试一下</span></p></div><div><span><br/></span></div><div><span><br/></span></div></div></div><div><div><div><div style=\\\"display:flex;color:rgba(0,0,0,.3);\\\"><div style=\\\"color:rgba(0,0,0,.3);\\\">个人观点，仅供参考</div></div></div></div></div></div></div></div></span>\\\n</div></body></html>\\u0000\"]],\"start1\":0,\"start2\":0,\"length1\":0,\"length2\":74224}]"
metadata_diff: {"new":{"id":"27fc2d10aa4b4df2971e5f6bdb95ed0d","parent_id":"f67288c3a0be4374b5d532b5dcc3aabc","latitude":"0.00000000","longitude":"0.00000000","altitude":"0.0000","author":"","source_url":"","is_todo":0,"todo_due":0,"todo_completed":0,"source":"joplin-desktop","source_application":"net.cozic.joplin-desktop","application_data":"","order":1764348817608,"markup_language":2,"is_shared":0,"share_id":"","conflict_original_id":"","master_key_id":"","user_data":"","deleted_time":0},"deleted":[]}
encryption_cipher_text: 
encryption_applied: 0
updated_time: 2025-11-28T21:03:21.415Z
created_time: 2025-11-28T21:03:21.415Z
type_: 13