This branch adds restrictions on image references on the basis of the original version to avoid any person who knows the service address can use it after deployment and avoid the risk of being uploaded "sensitive" content.
Deployment in cloudflare is very simple, after deployment you just need to add a variable to write the domains that are allowed to be accessed in a comma spaced manner. (There are specific steps in the back, deleting the content of the image sensitivity checking service and adding part of the graphical explanation)
English|中文
Free image hosting solution, Flickr/imgur alternative. Uses Cloudflare Pages and Telegraph.
1. Unlimited number of pictures storage, you can upload unlimited number of pictures
-
No need to buy a server, hosted on Cloudflare's network, completely free when the usage does not exceed Cloudflare's free quota
-
No need to buy a domain name, you can use the
*.pages.devfree second-level domain name provided by Cloudflare Pages, and also supports binding custom domain names. -
Support picture review API, you can turn on as needed, after turning on the bad pictures will be automatically blocked, no longer loaded!
-
Support background image management, you can preview the uploaded images online, add white list, black list and other operations
-
Since the image files are actually stored in Telegraph, Telegraph limits the size of uploaded images to a maximum of 5MB.
-
Due to the use of Cloudflare's network, the loading speed of images may not be guaranteed in some areas.
-
Cloudflare Function free version of the daily limit of 100,000 requests (i.e., uploading or loading images can not exceed the total number of 100,000 times), such as more than may need to choose to buy Cloudflare Function paid package, such as the opening of the image management function there will be a limit on the number of KV operations, such as more than the need to buy paid! If you exceed the limit, you need to purchase the paid package.
In the pages custom domain, bind the domain name that exists in cloudflare to the domain name hosted in cloudflare, and the dns records will be modified automatically.
The only thing you need to prepare ahead of time is a Cloudflare account.
Deploy the project in 3 easy steps and have your own graphic bed!
-
Fork this repository: Log in to your GitHub account, open this project in your browser, click the Fork button in the navigation bar, and pull it down to your GitHub.
-
Open the Cloudflare Dashboard, go to the Pages management page, select Create Project, and select
连接到 Git 提供程序. -
Follow the instructions on the page to enter the project name, select the git repository you want to connect to, and click
部署站点to complete the deployment. -
Configuring Image Management
(1) support for image management features, the default is closed, if you need to open, please go to the background after the deployment is complete click 设置 -> 函数 -> KV 命名空间绑定 -> 编辑绑定 -> 变量名称 Fill out the following: img_url KV 命名空间 Select the KV storage space that you have created well in advance, and then open it. Visit http(s)://your domain name/admin to open the backend management page.
| 变量名称 | KV 命名空间 |
|---|---|
| img_url | Select a pre-created KV storage space |
- New login authentication function is added to the background management page, which is also disabled by default, if you want to enable it, please go to the background after the deployment is completed and click
设置->环境变量->为生产环境定义变量->编辑变量to add the variables shown in the table below to enable login authentication.
| 变量名称 | 值 |
|---|---|
| BASIC_USER = | (Backend administration page login user name) |
| BASIC_PASS = | (Backend administration page login user password) |
3) Add a restriction on the domain name of the website from which the image is obtained:
| 变量名称 | 值 |
|---|---|
| DOMAIN_LIST = | (list of domain names separated by English commas) |
The domain name needs to be fully logged in, and if both your website xxx.com and sub.xxx.com are accessible, both xxx.com and sub.xxx.com need to be maintained in a comma-separated list of domain names.
4) Re-issue the project after parameter maintenance
Cloudflare KV only has 1000 free writes per day, every new image loaded will take up this write quota, if this quota is exceeded, the image management backend will not be able to record the newly loaded image.
Up to 100,000 free reads per day, with each image load taking up the quota (in the absence of caching, if your domain has caching enabled in Cloudflare, the quota is taken up when the cache misses), beyond which features such as black and white lists may be disabled
Maximum 1,000 free deletions per day, each image record will take up the quota, beyond which no image records can be deleted.
Maximum 1,000 free listing operations per day, every time you open or refresh the backend/admin will take up the quota, more than that will be carried out in the background image management
In the vast majority of cases, the free quota is basically enough, and can be a little more than a little, not have exceeded the immediate deactivation, and each quota is calculated separately, a certain operation exceeds the free quota will only be deactivated after the operation, does not affect the other functions, that is, even if my free writing quota is exhausted, my read and write functions are not affected, the picture can be loaded normally, just can not be in the background of the picture management to see the new I just can't see the new images in the image management background.
If you don't have enough free credits, you can purchase a paid version of Cloudflare Workers from Cloudflare yourself, starting at $5 per month, with a per-volume fee and none of the aforementioned credit limitations.
In addition, changes made to environment variables will take effect the next time they are deployed, so remember to redeploy it if you change environment variables to enable or disable features.
@cf-pages offers the Telegraph-Image feature to help me with image storage when my vps is low on space.