免服务器搭建导航网站

利用cloudflare workers的免费套餐搭建，workers支持JavaScript, Rust, C, C++语言在Edge上运行，免费套餐支持支持每天10万请求。
导航站基于Bootstrap4+jquery，搭建在cloudflare上只需几分钟，即可完成

github项目地址：https://github.com/ytorpedol/cloudflare-works-nav
演示地址：https://nav.elle.workers.dev/

1、准备好cloudflare账号，地址：

https://www.cloudflare.com/

2、登录以下地址：

https://workers.cloudflare.com/

3、登录后跳转到下图位置，点击workers

​

4、点击create a worker，第一次使用会让你添加一个后缀，设置后无法修改（格式x.workers.dev）

​

5、清除下图红色位置代码，粘贴我的github项目index.js的代码，点击preview（绿色框），预览结果。

​

4、配置自己的导航参数，如下，按照自己的需要填写lists.name是导航的分类，list是分类下网站的名称，url，描述，编辑完保存。

const config = {
  title: "test导航",                 //网站标题
  subtitle: "导航集合",              //网站描述
  logo_icon: "fa fa-tachometer",    //图标
  search_engine:[                   //搜索
    {
      name:"百 度",
      template:"https://www.baidu.com/s?wd=$s"
    },
    {
      name:"谷 歌",
      template:"https://www.google.com/search?q=$s"
    },
    {
      name:"必 应",
      template:"https://www.bing.com/search?q=$s"
    },
    {
      name:"搜 狗",
      template:"https://www.bing.com/search?q=$s"
    }
  ], 
   lists: [                            //Url list
    {
      name:"技术",
      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://oschina.net/",
          name:"开源中国",
          desc:"程序员集散地"
        },
        {
          url:"https://v2ex.com",
          name:"V2EX",
          desc:"程序员集散地"
        },
      ]
    },
    {
      name:"学习",
      list:[
        {
          url:"https://w3school.com.cn/",
          name:"W3school在线教程",
          desc:"程序员集散地"
        },
        {
          url:"https://runoob.com/",
          name:"菜鸟教程",
          desc:"程序员集散地"
        },
        {
          url:"https://segmentfault.com/",
          name:"思否社区",
          desc:"程序员集散地"
        },
        {
          url:"https://jianshu.com/",
          name:"简书",
          desc:"程序员集散地"
        },
      ]
    },  
  ]
}

5、网站预览，访问导航地址能看到效果（导航地址格式：x.x.workers.dev）,图示位置为现在的网站地址（如无域名，可使用这个域名（可修改成，x.x.workers.dev），如需绑定其他域名，请看高级教程）,能正常访问，证明搭建成功。第一个x可以返回后的rename按钮修改

​