Cloudflare的东西，出了名的慷慨，Workers功能在前不久提供了免费的模式
每天10W次请求数量，无限流量，真猛啊！
拿去做个小站简直不要太舒服哦
Cloudflare的东西都懂的，抗DDoS一级棒哦，就是电信联通延迟有点美丽。。。
》》》白嫖万岁！
老规矩，先把代码丢上来，然后慢慢讲解
const config = {title: "导航首页", //write your website titlesubtitle: "鹏龙-道记", //write your website subtitlelogo_icon: "sitemap", //select your logo by semantic-ui icon (you can get more msg in:https://semantic-ui.com/elements/icon.html)hitokoto: true, //use hitokoto or notsearch:true, //enable search functionsearch_engine:[ //choose search engine which you use{name:"百 度",template:"https://www.baidu.com/s?wd=$s"},{name:"谷 歌",template:"https://www.google.com/search?q=$s"},{name:"360",template:"https://www.so.com/s?q=$s"},{name:"shodan",template:"https://www.shodan.io/search?query=$s"},],selling_ads: false, //Selling your domain or not.(turning on may be helpful for selling this domain by showing some ads.)sell_info:{domain:"example.com",price:500, //domain pricemon_unit:"yen sign", //monetary unitcontact:[ //how to contact you{type:"envelope", //contact type ("weixin","qq","telegram plane","envelope" or "phone")content:"info@example.com"}]},lists: [ //Url list{name:"技术",icon:"code",list:[{url:"https://oschina.net/",name:"开源中国",desc:"程序员集散地"},{url:"https://v2ex.com",name:"V2EX",desc:"程序员集散地"},{url:"https://csdn.net/",name:"CSDN技术社区",desc:"程序员集散地"},{url:"https://github.com/",name:"Github",desc:"程序员集散地"},{url:"https://www.vulbox.com/",name:"漏洞盒子",desc:"漏洞盒子"},{url:"https://www.ichunqiu.com/",name:"I春秋",desc:"I春秋"},{url:"https://www.butian.net/",name:"补天",desc:"补天"},{url:"https://www.freebuf.com/",name:"freebuf",desc:"freebuf"},]},{name:"学习",icon:"graduation cap",list:[{url:"https://w3school.com.cn/",name:"W3school在线教程",desc:"程序员集散地"},{url:"https://www.runoob.com/",name:"菜鸟教程",desc:"程序员集散地"},{url:"https://segmentfault.com/",name:"思否社区",desc:"程序员集散地"},{url:"https://jianshu.com/",name:"简书",desc:"程序员集散地"},]},{name:"博客圈",icon:"code",list:[{url:"https://www.jcdpn.cn/",name:"鹏龙-道记",desc:"日常更新"},]}]}const el = (tag, attrs, content) => `<${tag} ${attrs.join(" ")}>${content}</${tag}>`;async function handleRequest(request) {const init = {headers: {'content-type': 'text/html;charset=UTF-8',},}return new Response(renderHTML(renderIndex(),config.selling_ads? renderSeller() :null), init);}addEventListener('fetch', event => {return event.respondWith(handleRequest(event.request))})/*通过分析链接 实时获取favicon* @url 需要分析的Url地址*/function getFavicon(url){if(url.match(/https{0,1}:///)){//return "https://ui-avatars.com/api/?bold=true&size=36&background=0D8ABC&color=fff&rounded=true&name=" + url.split('//')[1];return "https://icon.occ.hk/get.php?url=" + url;}else{//return "https://ui-avatars.com/api/?bold=true&size=36&background=0D8ABC&color=fff&rounded=true&name=" + url;return "https://icon.occ.hk/get.php?url=http://" + url;}}/** Render Functions* 渲染模块函数*/function renderIndex(){const footer = el('footer',[],el('div',['class="footer"'],'Powered by' + el('a',['class="ui label"','href="https://www.jcdpn.cn/"','target="_blank"'],el('i',['class="github icon"'],"") + '龙帝') + ' ©'));return renderHeader() + renderMain() + footer;}function renderHeader(){const item = (template,name) => el('a',['class="item"',`data-url="${template}"`],name);var nav = el('div',['class="ui large secondary inverted menu"'],el('div',['class="item"'],el('p',['id="hitokoto"'],'条条大路通罗马')))var title = el('h1',['class="ui inverted header"'],el('i',[`class="${config.logo_icon} icon"`],"") + el('div',['class="content"'],config.title + el('div',['class="sub header"'],config.subtitle)));var menu = el('div',['id="sengine"','class="ui bottom attached tabular inverted secondary menu"'],el('div',['class="header item"'],' ') + config.search_engine.map((link,key) =>{if(key == 0){return el('a',['class="active item"',`data-url="${link.template}"`],link.name);}else{return item(link.template,link.name);}}).join(""))var input = el('div',['class="ui left corner labeled right icon fluid large input"'],el('div',['class="ui left corner label"'],el('img',['id="search-fav"','class="left floated avatar ui image"','src="https://www.baidu.com/favicon.ico"'],"")) + el('input',['id="searchinput"','type="search"','placeholder="搜索你想要知道的……"','autocomplete="off"'],"") + el('i',['class="inverted circular search link icon"'],""));return el('header',[],el('div',['id="head"','class="ui inverted vertical masthead center aligned segment"'],(config.hitokoto ? el('div',['id="nav"','class="ui container"'],nav) : "") + el('div',['id="title"','class="ui text container"'],title + (config.search ? input + menu :"") + `${config.selling_ads ? '<div><a id="menubtn" class="red ui icon inverted button"><i class="heart icon"></i> 喜欢此域名 </a></div>' : ''}`)))}function renderMain() {var main = config.lists.map((item) => {const card = (url,name,desc)=> el('a',['class="card"',`href=${url}`,'target="_blank"'],el('div',['class="content"'],el('img',['class="left floated avatar ui image"',`src=${getFavicon(url)}`],"") + el('div',['class="header"'],name) + el('div',['class="meta"'],desc)));const divider = el('h4',['class="ui horizontal divider header"'],el('i',[`class="${item.icon} icon"`],"")+item.name);var content = el('div',['class="ui four stackable cards"'],item.list.map((link) =>{return card(link.url,link.name,link.desc);}).join(""));return el('div',['class="ui basic segment"'],divider + content);}).join("");return el('main',[],el('div',['class="ui container"'],main));}function renderSeller() {const item = (type,content) => el('div',['class="item"'],el('i',[`class="${type} icon"`],"") + el('div',['class="content"'],content));var title = el('h1',['class="ui yellow dividing header"'],el('i',['class="gem outline icon"'],"") + el('div',['class="content"'],config.sell_info.domain + ' 正在出售'));var action = el('div',['class="actions"'],el('div',['class="ui basic cancel inverted button"'],el('i',['class="reply icon"'],"") + '返回'));var contact = config.sell_info.contact.map((list) => {return item(list.type,list.content);}).join("");var column = el('div',['class="column"'],el('h3',['class="ui center aligned icon inverted header"'],el('i',['class="circular envelope open outline grey inverted icon"'],"") + '联系我') + el('div',['class="ui relaxed celled large list"'],contact));var price = el('div',['class="column"'],el('div',['class="ui large yellow statistic"'],el('div',['class="value"'],el('i',[`class="${config.sell_info.mon_unit} icon"`],"") + config.sell_info.price)));var content = el('div',['class="content"'],el('div',['class="ui basic segment"'],el('div',['class="ui two column stackable center aligned grid"'],el('div',['class="ui inverted vertical divider"'],'感兴趣？') + el('div',['class="middle aligned row"'],price + column))));return el('div',['id="seller"','class="ui basic modal"'],title + content + action);}function renderHTML(index,seller) {return `<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>${config.title} - ${config.subtitle}</title><link href="https://cdn.jsdelivr.net/npm/semantic-ui-css@2.4.1/semantic.min.css" rel="stylesheet"><link href="https://cdn.jsdelivr.net/gh/sleepwood/cf-worker-dir@0.1.1/style.css" rel="stylesheet"><script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"></script><script src="https://cdn.jsdelivr.net/npm/semantic-ui-css@2.4.1/semantic.min.js"></script></head><body>${index}${config.selling_ads ? seller : ''}<script src="https://v1.hitokoto.cn/?encode=js&select=%23hitokoto" defer></script><script>$('#sengine a').on('click', function (e) {$('#sengine a.active').toggleClass('active');$(e.target).toggleClass('active');$('#search-fav').attr('src',$(e.target).data('url').match(`+/https{0,1}://S+//+`)[0] + '/favicon.ico') ;});$('.search').on('click', function (e) {var url = $('#sengine a.active').data('url');url = url.replace(`+/$s/+`,$('#searchinput').val());window.open(url);});/* 鼠标聚焦时，回车事件 */$("#searchinput").bind("keypress", function(){if (event.keyCode == 13){// 触发需要调用的方法$(".search").click();}});$('#menubtn').on('click', function (e) {$('#seller').modal('show');});</script></body></html>`}
此源码来自于Github上的一位大佬，在此感谢一下。
进入Cloudflare Workers控制台，有一个创建Worker的按钮。
还看？直接点进去啊，慌什么。。。
系统默认生成会自带一端Hello Word，我们将刚刚的代码替换进去
直接保存部署，当然，你也可以调整一下，在旁边的浏览里面查看页面效果
不出意料，非常无脑，直接就搞定了，自动生成的域名非常难受，你可以选择重命名来调整主机名….
…….
边缘脚本部署是不是很简单，还堪称0成本
什么是无服务器？
通常而言，构建和维护易于扩展的应用程序可支持需求高峰或全球用户群，但这需要大量前期工程和持续运营支持。 开发人员不得不花费大量时间编写支持代码，而非构建应用程序本身。 而借助 Cloudflare Workers，开发人员能够构建无服务器的可扩展应用程序，无需在基础设施或操作上花费时间和精力。
借助 Cloudflare Workers，开发人员能够在 Cloudflare 的全球云网络上部署无服务器的 JavaScript 应用程序，应用程序能够在这个网络中无缝扩展，更加接近最终用户。 Workers 基于 Service Workers API 构建，可为向应用程序发出的每次 HTTP(S) 请求接收事件。 然后，Workers 运行应用程序逻辑，并可向 Cloudflare Cache、Cloudflare Workers KV 或应用程序原始服务器发出后续请求，以将数据返回给用户。
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
