利用Cloudflare的Workers搭建免费导航

我们可以用Cloudflare的Workers免费搭建一个导航页,并且可以简单的自定义布局。

项目地址:https://github.com/sleepwood/cf-worker-dir

演示地址:

搭建方法:

1、打开Cloudflare,创建Workers应用。如下图

图片[1]-利用Cloudflare的Workers搭建免费导航-七年博客-关注云计算Web开发技术和分享经验教程的个人博客

2、粘贴如下代码并简单修改,如下图:

图片[2]-利用Cloudflare的Workers搭建免费导航-七年博客-关注云计算Web开发技术和分享经验教程的个人博客

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:"领先的中文开源技术社区" //网站描述
        }
      ]
    }
  ]
}

3、添加自定义域名即可。

图片[3]-利用Cloudflare的Workers搭建免费导航-七年博客-关注云计算Web开发技术和分享经验教程的个人博客

© 版权声明
THE END
喜欢就支持一下吧
点赞6
抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容