Cloud Mail 简略部署教程 Cloud Mail 简略部署教程，如遇到不懂的建议看看原作者，这里只是一个简单的记录一下参考转自 冰糖雪梨's Blog 视频参考: 看看 一、创建worker项目1、到项目仓库fork项目代码到你的仓库2、回到cloudflare控制台，找到 workers 页面导入你的github仓库代码【 不是pages，是workers中的导入存储库 】设置启动目录，设置好下面3项A. 去掉 非生产分支的打钩B.部署命令npx wrangler deployC.路径/mail-worker耐心等待构建部署完成，进入项目设置D.环境变量添加变量名值类型作用domain["你的域名"]， 示例：["mornglow.top"]JSON网站会使用这个域名作为邮箱域名admin管理员的邮箱，示例：admin@mornglow.top纯文本该邮箱用户注册后会成为网站管理员jwt_secret密码，随便输入一串字符串纯文本登录身份令牌的安全密钥多域名也类似添加：["域名1","域名2","域名3","域名4","域名5"]E.绑定数据库kv和d1创建kv数据库，数据库名字随意创建d1数据库，数据库名字随意 位置选择离你近的地方d1数据库 变量名为 dbkv数据库 变量名为 kv浏览器输入： https://你的自定义域名/api/init/你绑定的的jwt_secret 会自动初始化数据库(如果之前部署过只会更新不会覆盖原有数据)【 新添加域名后也要初始化 】浏览器输入你绑定的自定义域名网站已经能打开了，注册上面邦定的管理员帐号和密码，以管理员身份登录并设置了备注：版本升级时，d1数据库可以使用原来的数据库【原数据不变】，kv邦定可能要重新邦定新的kv【kv中存放新的相关数据，原kv不要】，并且要重新初始化数据库 F.启用邮件接收回到cloudflare控制台，点击菜单账户主页，再点你的域名，进入左边的 电子邮件 ，启用 电子邮件路由 ，编辑后发送到你的 这个 workers 项目 最后看看设置是否生效和正常，测试接收邮件，能接收才行G.使用第三方服务resend发送邮件浏览器输入resend.com注册一个帐号a.添加域名，选择最近的地区【如果是托管到CF的一级域名，授权抂会自动跳转，如果是二级域名，只能一项项添加DNS记录，并且在添加时特别注意 去掉值的最后一页字符，只保留send和resend._domainkey 】b.设置API Key，并记录下来到你的邮箱设置中添加c.回调接口 https://你的域名/api/webhooks，并在 下面四项打钩 email.bounced、email.complained、email.delivered、email.delivery_delayedH.附件收发a.回到CF上一级主菜单，找到r2对象存储，创建存储桶，名称随意，位置选择离你近的地方。b.进入创建的存储桶，设置好访问域名。c.进入邮箱的系统设置页面，R2 对象存储，邦定域名，域名前要加https://d.回到worker绑定刚才创建的r2存储桶，r2存储桶 变量名为 r2I.人机验证J.TG和其他邮箱转发

最新保姆级纯小白节点搭建教程，人人都能学会，目前最简单、最安全、最稳定的专属节点搭建方法 最新保姆级纯小白节点搭建教程，人人都能学会，目前最简单、最安全、最稳定的专属节点搭建方法 本文转自 ，第一次使用最好看看 视频 一、安装S-UIVERSION=1.2.2 && bash <(curl -Ls https://raw.githubusercontent.com/alireza0/s-ui/$VERSION/install.sh) $VERSION安装完成后，复制地址、帐号和密码 优选反代地址Reality目标完整域名 ，以下随便选择一种找Reality目标完整域名优选反代地址Reality 1for d in www.amd.com res-1.cdn.office.net electronics.sony.com rum.hlx.page cdn77.api.userway.org se-edge.itunes.apple.com aws.amazon.com ce.mf.marsflag.com i7158c100-ds-aksb-a.akamaihd.net mscom.demdex.net ; do t1=$(date +%s%3N); timeout 1 openssl s_client -connect $d:443 -servername $d </dev/null &>/dev/null && t2=$(date +%s%3N) && echo "$d: $((t2 - t1)) ms" || echo "$d: timeout"; done优选反代地址Reality 2for d in gsp-ssl.ls.apple.com fpinit.itunes.apple.com d3agakyjgjv5i8.cloudfront.net configuration.ls.apple.com location-services-prd.tesla.com ms-python.gallerycdn.vsassets.io s7mbrstream.scene7.com c.marsflag.com snap.licdn.com assets.adobedtm.com ; do t1=$(date +%s%3N); timeout 1 openssl s_client -connect $d:443 -servername $d </dev/null &>/dev/null && t2=$(date +%s%3N) && echo "$d: $((t2 - t1)) ms" || echo "$d: timeout"; done 优选反代地址Reality 3for d in aadcdn.msftauth.net www.intel.com www.microsoft.com polyfill-fastly.io r.bing.com ds-aksb-a.akamaihd.net location-services-prd.tesla.com apps.apple.com www.nvidia.com downloadmirror.intel.com ; do t1=$(date +%s%3N); timeout 1 openssl s_client -connect $d:443 -servername $d </dev/null &>/dev/null && t2=$(date +%s%3N) && echo "$d: $((t2 - t1)) ms" || echo "$d: timeout"; doneReality目标域名【以下是直接使用，不保证可用，最好在使用前优选反代地址Reality】amd.com aws.com c.6sc.co j.6sc.co b.6sc.co intel.com s.yimg.com r.bing.com th.bing.com www.amd.com www.aws.com ipv6.6sc.co www.xbox.com www.sony.com rum.hlx.page www.bing.com xp.apple.com www.wowt.com www.apple.com www.intel.com www.tesla.com www.xilinx.com www.oracle.com www.icloud.com apps.apple.com c.marsflag.com www.nvidia.com snap.licdn.com aws.amazon.com drivers.amd.com cdn.bizibly.com s.go-mpulse.net tags.tiqcdn.com cdn.bizible.com ocsp2.apple.com cdn.userway.org download.amd.com d1.awsstatic.com s0.awsstatic.com mscom.demdex.net a0.awsstatic.com go.microsoft.com apps.mzstatic.com sisu.xboxlive.com www.microsoft.com s.mp.marsflag.com images.nvidia.com vs.aws.amazon.com c.s-microsoft.com statici.icloud.com beacon.gtv-pub.com ts4.tc.mm.bing.net ts3.tc.mm.bing.net d2c.aws.amazon.com ts1.tc.mm.bing.net ce.mf.marsflag.com d0.m.awsstatic.com t0.m.awsstatic.com polyfill-fastly.io ts2.tc.mm.bing.net statici.icloud.com tag.demandbase.com assets-www.xbox.com logx.optimizely.com azure.microsoft.com aadcdn.msftauth.net d.oracleinfinity.io assets.adobedtm.com lpcdn.lpsnmedia.net res-1.cdn.office.net is1-ssl.mzstatic.com electronics.sony.com intelcorp.scene7.com acctcdn.msftauth.net cdnssl.clicktale.net catalog.gamepass.com www.redditstatic.com consent.trustarc.com gsp-ssl.ls.apple.com munchkin.marketo.net s.company-target.com cdn77.api.userway.org cua-chat-ui.tesla.com assets-xbxweb.xbox.com ds-aksb-a.akamaihd.net static.cloud.coveo.com api.company-target.com devblogs.microsoft.com s7mbrstream.scene7.com fpinit.itunes.apple.com digitalassets.tesla.com www.googletagmanager.com d.impactradius-event.com downloadmirror.intel.com iosapps.itunes.apple.com www.google-analytics.com se-edge.itunes.apple.com publisher.liveperson.net www.googleadservices.com tag-logger.demandbase.com services.digitaleast.mobi configuration.ls.apple.com gray-wowt-prod.gtv-cdn.com visualstudio.microsoft.com prod.log.shortbread.aws.dev amp-api-edge.apps.apple.com store-images.s-microsoft.com cdn-dynmedia-1.microsoft.com github.gallerycdn.vsassets.io prod.pa.cdn.uis.awsstatic.com a.b.cdn.console.awsstatic.com d3agakyjgjv5i8.cloudfront.net vscjava.gallerycdn.vsassets.io location-services-prd.tesla.com ms-vscode.gallerycdn.vsassets.io ms-python.gallerycdn.vsassets.io gray-config-prod.api.arc-cdn.net i7158c100-ds-aksb-a.akamaihd.net downloaddispatch.itunes.apple.com res.public.onecdn.static.microsoft gray.video-player.arcpublishing.com gray-config-prod.api.cdn.arcpublishing.com img-prod-cms-rt-microsoft-com.akamaized.net

Typecho 博客和Joe 主题相关修改 Typecho 博客Joe 主题相关修改主题站点 Git 仓库 一、Typecho 博客Joe 主题背景修改为格子格子背景，在自定义css中填写以下代码#Joe { background-image: linear-gradient(#d4d4d4 1px, transparent 0), /* 格子线颜色 */ linear-gradient(90deg, #d4d4d4 1px, transparent 0); background-size: 28px 28px; /* 格子大小 */ background-color: #fffcf8; /* 背景底色#fffcf8或#EBEBEB */ } /* 夜间模式 */ html[data-night="night"] #Joe { background-image: linear-gradient(#333 1px, transparent 0), linear-gradient(90deg, #333 1px, transparent 0); background-size: 28px 28px; background-color: #1a1a1a; } 二、修改首页显示文章数量的方法如下登录你的 Typecho 博客后台；点击左侧菜单栏的 “设置” → “阅读”；找到选项：“每页文章数” 或 “在主页每页显示的文章数”；修改默认的 5 为你想要的，比如 8 或 10；保存设置；刷新前台页面查看效果。三、自定义侧边栏模块PC，播放竖屏视频<div style="width: 450px; max-height: 400px; overflow: hidden; position: relative;"> <iframe src="播放的竖屏视频网址" frameborder="0" allow="autoplay; fullscreen" scrolling="no" allowfullscreen style="width: 100%; height: 640px; transform: scale(0.56); transform-origin: top left; border: none;"> </iframe> </div> 四、joe主题自定义导航页面 原文章 背景: 就想要一个导航页面，用来存放自己的常用链接网站，方便自己使用目标: 可以在后台设置导航的链接，导航页面响应式，支持设置网站名称、网站链接、图标1、创建导航模板在joe主题下创建 mynav.php 文件<?php /** * 导航 * * @package custom * **/ ?> <!DOCTYPE html> <html lang="zh-CN"> <head> <?php $this->need('public/include.php'); ?> <?php if ($this->options->JPrismTheme) : ?> <link rel="stylesheet" href="<?php $this->options->JPrismTheme() ?>"> <?php else : ?> <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/prismjs@1.23.0/themes/prism.min.css"> --> <link rel="stylesheet" href="<?php $this->options->themeUrl('cyThemeBin/assets/css/prism.min.css'); ?>"> <?php endif; ?> <!-- <script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.6/dist/clipboard.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/typecho-joe-next@6.2.4/plugin/prism/prism.min.js"></script> --> <script src="<?php $this->options->themeUrl('cyThemeBin/assets/js/clipboard.min.js'); ?>"></script> <script src="<?php $this->options->themeUrl('cyThemeBin/assets/js/prism.min.js'); ?>"></script> <script src="<?php $this->options->themeUrl('cyThemeBin/assets/js/joe.post_page.min.js?v=20210525'); ?>"></script> <style> .nav-clist { display: flex; flex-wrap: wrap; } .nav-clist .nav-citem { position: relative; top: 0; background: #f2f2f2; margin-bottom: 10px; border-radius: 5px; transition: 0.3s; } .nav-clist .nav-citem:hover { box-shadow: 0px 0px 5px rgba(0,0,0,0.5); top: -8px; } .nav-clist .nav-citem:hover a { color: var(--theme); } .nav-clist .nav-citem:hover a .right_icon { filter: drop-shadow(var(--theme) 25px 0); } .nav-clist .nav-citem a { color: #252525; padding: 10px 5px; display: flex; align-items: center; } .nav-clist .nav-citem a img { width: 25px; height: 25px; vertical-align: middle; } .nav-clist .nav-citem a span { flex: 0.9; } .nav-clist .nav-citem a .nav-icon { margin-right: 8px; } .nav-citem .r_icon_box { overflow: hidden; } .nav-clist .nav-citem a .right_icon { position: relative; left: -24px; filter: drop-shadow(#ccc 25px 0); } @media screen and (min-width: 1201px) { .nav-clist .nav-citem { width: 24%; margin-right: 1%; } } @media screen and (max-width: 1200px) { .nav-clist .nav-citem { width: 32%; margin-right: 1.3%; } } @media screen and (max-width: 768px) { .nav-clist .nav-citem { width: 100%; } } </style> </head> <body> <div id="Joe"> <?php $this->need('public/header.php'); ?> <div class="joe_container"> <div class="joe_main"> <div class="joe_detail" data-cid="<?php echo $this->cid ?>"> <?php $this->need('public/batten.php'); ?> <?php $this->need('public/article.php'); ?> <?php $JFnav_str = $this->options->JFnav; $JFnav_arr = json_decode($JFnav_str, true); ?> <?php foreach($JFnav_arr as $t => $v) : ?> <div class="joe_detail__article nav-title"> <h3><?php echo $t ?></h3> </div> <div class="nav-clist"> <?php foreach($v as $a => $item) : ?> <div class="nav-citem"> <a href="<?php echo trim($item['url'])?>" target="_blank"> <img class="nav-icon" src="<?php echo trim($item['icon'])?>" alt=""> <span><?php echo trim($item['name'])?></span> <div class="r_icon_box"> <img class="right_icon" src="<?php $this->options->themeUrl('cyThemeBin/assets/img/right_icon.svg') ?>" alt=""> </div> </a> </div> <?php endforeach; ?> </div> <?php endforeach; ?> <?php $this->need('public/handle.php'); ?> <?php $this->need('public/copyright.php'); ?> </div> <?php $this->need('public/comment.php'); ?> </div> <?php $this->need('public/aside.php'); ?> </div> <?php $this->need('public/footer.php'); ?> </div> </body> <script> // console.log($, 'jquery'); </script> </html> 2、修改主题目录下 functions.php 文件在 适当位置 新增以下代码，此时后台即可设置导航链接$JFnav = new Typecho_Widget_Helper_Form_Element_Textarea( 'JFnav', NULL, '{"视频直播": [{"name": "腾讯视频", "url": "https://v.qq.com", "icon": ""}]}', '个人导航（非必填）', '介绍：用于填写导航链接 <br /> 注意：需要先添加导航页面（新增独立页面-右侧模板选择友链），该项才会生效 <br /> 格式：{"视频直播": [{"name": "腾讯视频", "url": "https://v.qq.com", "icon": ""}]}<br /> 其他：JSON对象的形式添加' ); $JFnav->setAttribute('class', 'joe_content joe_other'); $form->addInput($JFnav); 3、新建页面选择 导航模板 即可新建导航页面，设置页面路径选择自定义模板，选择自己创建的导航模板发布即可生效4、后台中的这种形式的json数据，其它自己研究{ "常用站点" : [ {"name": "辰漪博客", "url": "https://www.wrz521.top", "icon":"https://thirdqq.qlogo.cn/g?b=qq&nk=1447047194&s=100"} ], "视频直播" : [ {"name" : "腾讯视频", "url" : "https://v.qq.com", "icon" : "https://v.qq.com/favicon.ico"}, {"name" : "爱奇艺", "url" : "https://www.iqiyi.com", "icon" : "https://www.iqiyi.com/favicon.ico"} ], "实用工具" : [ {"name" : "辰漪支付", "url" : "https://pay.wrz521.top", "icon" : "https://pay.wrz521.top/favicon.ico"} ] }

Cloudflare Workers + KV 搭建一个带后台管理的blog 本文转载 参考自 一、相关链接： Github原项目 Github修改项目 cf blog是一个运行在cloudflare workers 上的博客程序,使用 cloudflare KV作为数据库,无其他依赖. 兼容静态博客的速度,以及动态博客的灵活性，您可以通过访问项目仓库了解更多详情。二、项目特点：使用workers提供的KV作为数据库，可达到wordpress的灵活性使用cloudflare缓存html来降低KV的读写，使其可达到静态博客的速度后台使用markdown语法，方便快捷，一键发布(页面重构+缓存清理)cfblog-plus新增了 文章置顶、后台首页选择、文章隐藏、静态搜索 等功能三、部署1、注册Cloudflare账号并登录，将域名托管到CloudFlare中获取区域ID：进入域名站点管理页面，页面向下滑动，记录右侧的“区域ID”的值，后续会用到。获取清除缓存 API 令牌：打开 API令牌管理页面 ，点击“创建令牌”按钮，页面拉到最下面，点击“创建自定义令牌”后面的“开始使用”按钮，按以下方式填写。令牌名字：CFBlog-plus 缓存权限：区域 -> 缓存清除 -> 清除 区域资源：包括 -> 特定区域 -> 【您的域名】token留下备用2、新建KV命名空间打开CloudFlare主页，点击左侧的“Workers”，然后点击“KV”项，即可进入“Worker KV”管理页面。在命名空间名称输入框里任意输入一个名称，为了见名知义，这里最好使用CFBLOG作为命名空间名称，点击添加即可。【可能遇到的问题】文章id为ID000nan且访问会报错误，解决方案：在创建的KV中修改SYSTEM_INDEX_NUM的值为03、创建Workers进入Workers 和 Pages 概述，点击“创建应用程序”，点击“创建Workers”，点击“编辑代码”将 index_plus.js 中的内容替换workers的内容【也可以用作者修改好的，后补】。先不修改配置，然后点击“保存并部署”。返回该workers的配置页面，添加“KV 命名空间绑定”，变量名用CFBLOG，下拉选择新添加的KV命名空间，点击“保存按钮”。再将页面滑动上面，点击“快速编辑”，重新打开workers的编辑页面开始添加各类配置。以上配置项均根据配置说明进行配置即可，不再详细说明。要记得“保存并部署”可以点击右侧的“预览”选项卡进行预览，能成功出现页面就说明配置成功了。4、配置域名访问【非必须】保存后可以看到列表里有刚添加的信息，自此，所有配置已经完成，可以愉快的写博客了5、扩展添加评论、阅读量、内容分类、页脚、自定义页面和图标、链接等，请自行发掘6、承载能力：KV基本不存在瓶颈,因为使用了缓存,读写很少唯一瓶颈是 workers的日访问量10w,大约能承受2万IP /日文章数:1G存储空间,几万篇问题不大

MoonTV 完整部署教程｜免费搭建影视聚合平台！支持 Cloudflare Pages + 自动更新 + 多资源接口 MoonTV 完整部署教程｜免费搭建影视聚合平台！支持 Cloudflare Pages + 自动更新 + 多资源接口一、本文参考： Hans汉斯 MoonTV 是一个基于 Next.js 构建的影视聚合搜索和播放平台，支持多家资源站的聚合内容，拥有简洁的前端、自动适配的播放接口、移动端优化，适合部署在 Cloudflare Pages 上，无需服务器、数据库或中转后端，即可免费运行。二、MoonTV Cloudflare Pages 快速部署指南1、Forkgithub项目 ，Fork 到你自己的 GitHub 账户2、创建 Cloudflare Pages 项目登录 Cloudflare，进入「Workers & Pages」> Pages 点击 导入现有Git存储库，选择 Connect to Git 授权你的 GitHub 仓库， 选择刚刚 Fork 的 MoonTV 项目 填写构建信息：框架预设：选择 无 构建命令：pnpm install --frozen-lockfile && pnpm run pages:build构建输出目录：.vercel/output/static保持默认设置完成首次部署 。进入设置，将兼容性标志设置为【不要选择 nodejs_compa 开头的有两个那两个，直接复制 nodejs_compa 查找， 特别重要 】nodejs_compat3、添加环境变量（推荐设置）点击 Pages 项目 > 设置 > 变量和机密，添加以下变量：名称示例值说明PASSWORDaa123456启用访问密码SITE_NAMEXXX影视页面标题ANNOUNCEMENT仅提供影视搜索服务公告栏说明NEXT_PUBLIC_STORAGE_TYPElocalstorage必须填写，否则出错NEXT_PUBLIC_SEARCH_MAX_PAGE5搜索最大页数NEXT_PUBLIC_AGGREGATE_SEARCH_RESULTtrue聚合同名搜索结果NEXT_PUBLIC_ENABLE_REGISTERfalse静态部署不建议开启注册表格表格表格设置完成后，回到 Overview 页面，点击 重试部署 以使环境变量生效。4、绑定自定义域名（可选但推荐）