免服務器搭建導航網站

利用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，描述，編輯完保存。

 title: "網站標題",                 //網站標題
  subtitle: "網站描述",              //網站描述
  logo_icon: "https://",    //圖標
  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: [                            
    {
      name:"技術",                                    // 網站分類
      list:[
        {
          url:"https://oschina.net/",                 //網站地址url
          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按鈕修改