Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/Closty/duanwangzhi

Shorten your links without serves because it based on Cloudflare workers function with minimalist style.Hope u like:)
https://github.com/Closty/duanwangzhi

cfworker cloudflare-workers html shortlinks shorturls

Last synced: 11 days ago
JSON representation

Shorten your links without serves because it based on Cloudflare workers function with minimalist style.Hope u like:)

Awesome Lists containing this project

README

        

## 介绍:
[![](https://img.shields.io/badge/短网址-极简风格-orange?link=https://s.clost.net)](https://github.com/Closty/duanwangzhi)
[![](https://img.shields.io/badge/by-%E7%93%B6%E5%AD%90-green?link=https://www.clost.net)](https://www.clost.net/default/513.html)

![20200430_234331_0000副本.png](https://cdn.jsdelivr.net/gh/closty/tuchuang/usr/uploads/2020/05/2401556746.png)

短网址是指将任何域名更换成一个`t.cn/xxxx`类的网址。

比如将网址[https://www.clost.net](https://www.clost.net "www.clost.net")转化成[https://t.cn/A6wT0J1d](https://t.cn/A6wT0J1d "https://t.cn/A6wT0J1d")


为什么要转换?
一方面,直观来说可以将网址变短,比如分享微信的链接,一大串字符会限制你文章字数;另一方面,可以防红,比如你在你的qq分享你的网站,分享过多会导致腾讯 检测并封除域名便会被显示已被拦截等字样,别人以后就只能复制到你的网址在浏览器打开而不能直接在qq内点开。用短网址就可以很好的防止这一点发生。当然这样的操作是要付费的,因为其本质已经起到cdn的作用了,同样简单的修改源码api接口即可使用,请自行百度
其实市面上有很多网址缩短源码,但都不够简洁,且需要服务器支撑。如果你喜欢极简风格那就来对了!

## 演示网址:
[s.clost.net](https://s.clost.net "s.clost.net")

### 特点:
1. 极简风格
1. 将网址转换为`https://t.cn/xxx`类格式,其他格式或者自己域名请修改代码的api接口,代码中已有注释。
1. 基于cloudflare的强大功能,无需服务器支撑即可建立短网址网页

## 教程:
### 前期准备
1. 一个[cloudflare](http://cloudflare.com)账号
1. 拥有自己的域名,[freenom免费申请>>](http://freenom.com "免费申请>>");

### 正式部署
#### 一、创建cf(cloudflare)的workers

如何创建cloudflare-workers?
1.进入 cloudflare首页 ,点击进入workers

![6010332F-D475-4589-9B0A-19975E67C6EB.png](https://cdn.jsdelivr.net/gh/closty/tuchuang/usr/uploads/2020/04/853632551.png)

2.点击创建worker
![429F89D4-6A33-4B0E-9FEB-03F61974214A.png](https://cdn.jsdelivr.net/gh/closty/tuchuang/usr/uploads/2020/04/1774752214.png)


#### 二、编辑worker

如何编辑cloudflare-workers?
在脚本框内填入本项目中以html结尾的代码 ;打开后将其中的所有代码复制并粘贴填入cf-worker的编辑框中。

如图所示

![填入代码](https://cdn.jsdelivr.net/gh/closty/tuchuang/usr/uploads/2020/04/2327643990.png)

这时候便可以访问你的worker,只不过域名不是自定义的。不过也可以使用了。地址便是上图代码上侧的地址,如这是我的worker地址。[https://s.clost.workers.dev](https://s.clost.workers.dev "https://s.clost.workers.dev")

#### 三、绑定域名

如何绑定域名?
1.你需要先将你的域名指定任意一个IP地址,但是必须开启默认的代理模式(黄色的云朵图标点亮状态)。然后点击保存。

![指定任意一个IP地址并开启代理](https://cdn.jsdelivr.net/gh/closty/tuchuang/usr/uploads/2020/04/1617973151.png)

2.进入workers界面,添加路由

![3224A31E-4D2E-4E4D-8D75-CC13EE6E5796.png](https://cdn.jsdelivr.net/gh/closty/tuchuang/usr/uploads/2020/04/2818873198.png)

3.添加路由,域名处填写`https://你的域名/*`(注意`/*`两个符号务必加上),worker选择你刚刚创建的worker

![CA8840DA-3830-42FF-A9C2-FE5937B90A21.png](https://cdn.jsdelivr.net/gh/closty/tuchuang/usr/uploads/2020/04/2887380108.png)

### 大功告成,访问你的域名试试吧!

如访问[https://s.clost.net](https://s.clost.net "https://s.clost.net")

## 贡献:

[Closty](https://github.com/closty)

以及待添加的你
,项目开源,有精美ui欢迎来pull