VPS服务器评测、
优惠、教程

一分钟用免费的CloudFlare workers打造一个精简美观的导航网站CF-Worker-Dir

CloudFlare worker是类似于腾讯云函数的一种,可以没有服务器支撑起网站的运行。目前业界大佬已经在上面推出了不少可玩性很高的程序,比如支持googledrive直链下载的goindex,支持onedrive直链下载的Fodi,以及反代等。

而今天介绍的,则是在CloudFlare Worker上搭建一个精简美观的导航网站

一分钟用免费的CloudFlare workers打造一个精简美观的导航网站CF-Worker-Dir插图

程序介绍:

CF-Worker-Dir

CF-Worker-Dir是一款适用于Cloudflare Worker平台上的云函数程序,可以使用它在一分钟内搭建属于自己的导航页面。CF-Worker-Dir提供丰富的自定义配置,同时它还可以预留了接口帮助你售出自己域名。如果你的域名还没有搭建网站,不如先利用CF-Worker-Dir让你的域名不再浪费。

安装步骤

1、首先注册CloudFlare账号

CloudFlare的注册非常简单,点击直达网站,在首页右上角点击“注册”,然后输入邮箱和密码就可以了。

2、在 CloudFlare worker 管理页面创建一个新的 Worker 。

3、在Worker编辑页面左边粘贴 index.js 中的代码。

const config = {
  title: "自定义导航",                 //自定义网站标题
  subtitle: "CloudFlare workers Nav", //自定义网站副标题
  logo_icon: "sitemap",               //选择网站logo icon 暂时只支持 (eg:https://semantic-ui.com/elements/icon.html)
  hitokoto: true,                     //开启 一言 插件
  search:true,                        //开启 搜索 功能  
  search_engine:[                     //搜索引擎列表
    {
      name:"百度一下",                   //搜索引擎名称
      template:"https://www.baidu.com/s?wd=$s"  //搜索引擎模板(含关键词$s)
    }
  ],
  selling_ads: true,                  //是否要开启网址推广
  sell_info:{
    domain:"example.com",             //当前域名
    price:500,                        //价格
    mon_unit:"yen sign",              //货币单位 (eg:https://semantic-ui.com/elements/icon.html#computers)
    contact:[                         //联系方式
      {
        type:"envelope",              //通讯工具 ("weixin","qq","telegram plane","envelope" or "phone")
        content:"info@example.com"    //号码/地址
      }
    ]                        
  },
  lists: [                            //网址信息
    {
      name:"技术",                    //网址类别
      icon:"code",                    //网址类别icon 暂时只支持 (eg:https://semantic-ui.com/elements/icon.html)
      list:[
        {
          url:"https://oschina.net/", //网站url
          name:"开源中国",             //网站名称
          desc:"领先的中文开源技术社区" //网站描述
        }
      ]
    }
  ]
}

4、根据自身需要修改 config 的配置内容

5.在后继可以修改免费的workers域名,或者绑定自己的域名。

相关资源:

演示地址

github项目地址

 

未经允许不得转载:免费部落 » 一分钟用免费的CloudFlare workers打造一个精简美观的导航网站CF-Worker-Dir
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!