#實(shí)用教程#backblaze cloudflare ShareX 實(shí)現無(wú)成本圖床

發(fā)布時(shí)間：2022-06-09 10:05 來(lái)源：https://www.771633.com/19382.h 閱讀：66 作者：主機評測欄目：主機資訊歡迎投稿：712375056

準備

1.一個(gè)cloudflare賬號 https://dash.cloudflare.com/
2.一個(gè)B2賬號 https://www.backblaze.com/b2/cloud-storage.html
3.windows軟件ShareX

步驟

1.注冊B2賬號,點(diǎn)擊進(jìn)入B2 Cloud Storage,點(diǎn)擊Buckets創(chuàng )建一個(gè)BUcket,設為public,并上傳一個(gè)圖片,記錄下下圖要用的域名

2.點(diǎn)擊App keys,添加一個(gè)新的key,bucket就選你剛創(chuàng )建的那個(gè),記錄下你的密鑰,之后要在ShareX中用

3.打開(kāi)cf,cname一下上圖要記的域名,小云朵點(diǎn)亮

4.加一條頁(yè)面緩存規則.

5.創(chuàng )建一個(gè)workers,粘貼下列代碼,記得b2domain和bucket的值改成自己的

'use strict';
const b2Domain = 'img.domain.com'; // configure this as per instructions above
const b2Bucket = 'bucket-name'; // configure this as per instructions above
const b2UrlPath = `/file/${b2Bucket}/`;
addEventListener('fetch', event =&gt; {
        return event.respondWith(fileReq(event));
});

// define the file extensions we wish to add basic access control headers to
const corsFileTypes = ['png', 'jpg', 'gif', 'jpeg', 'webp'];

// backblaze returns some additional headers that are useful for debugging, but unnecessary in production. We can remove these to save some size
const removeHeaders = [
        'x-bz-content-sha1',
        'x-bz-file-id',
        'x-bz-file-name',
        'x-bz-info-src_last_modified_millis',
        'X-Bz-Upload-Timestamp',
        'Expires'
];
const expiration = 31536000; // override browser cache for images - 1 year

// define a function we can re-use to fix headers
const fixHeaders = function(url, status, headers){
        let newHdrs = new Headers(headers);
        // add basic cors headers for images
        if(corsFileTypes.includes(url.pathname.split('.').pop())){
                newHdrs.set('Access-Control-Allow-Origin', '*');
        }
        // override browser cache for files when 200
        if(status === 200){
                newHdrs.set('Cache-Control', "public, max-age="   expiration);
        }else{
                // only cache other things for 5 minutes
                newHdrs.set('Cache-Control', 'public, max-age=300');
        }
        // set ETag for efficient caching where possible
        const ETag = newHdrs.get('x-bz-content-sha1') || newHdrs.get('x-bz-info-src_last_modified_millis') || newHdrs.get('x-bz-file-id');
        if(ETag){
                newHdrs.set('ETag', ETag);
        }
        // remove unnecessary headers
        removeHeaders.forEach(header =&gt; {
                newHdrs.delete(header);
        });
        return newHdrs;
};
async function fileReq(event){
        const cache = caches.default; // Cloudflare edge caching
        const url = new URL(event.request.url);
        if(url.host === b2Domain &amp;&amp; !url.pathname.startsWith(b2UrlPath)){
                url.pathname = b2UrlPath   url.pathname;
        }
        let response = await cache.match(url); // try to find match for this request in the edge cache
        if(response){
                // use cache found on Cloudflare edge. Set X-Worker-Cache header for helpful debug
                let newHdrs = fixHeaders(url, response.status, response.headers);
                newHdrs.set('X-Worker-Cache', "true");
                return new Response(response.body, {
                        status: response.status,
                        statusText: response.statusText,
                        headers: newHdrs
                });
        }
        // no cache, fetch image, apply Cloudflare lo<a href='http://wap.friendlycc.com.cn/ssl/' target='_blank'><u>ssl</u></a>ess compression
        response = await fetch(url, {cf: {polish: "lossless"}});
        let newHdrs = fixHeaders(url, response.status, response.headers);

  if(response.status === 200){

    response = new Response(response.body, {
      status: response.status,
      statusText: response.statusText,
      headers: newHdrs
    });
  }else{
    response = new Response('File not found!', { status: 404 })
  }

        event.waitUntil(cache.put(url, response.clone()));
        return response;
}

'use strict' ;

const b2Domain = 'img.domain.com' ; // configure this as per instructions above

const b2Bucket = 'bucket-name' ; // configure this as per instructions above

const b2UrlPath = ` / file / $ { b2Bucket } / ` ;

addEventListener ( 'fetch' , event =& gt ; {

return event . respondWith ( fileReq ( event ) ) ;

} ) ;

// define the file extensions we wish to add basic access control headers to

const corsFileTypes = [ 'png' , 'jpg' , 'gif' , 'jpeg' , 'webp' ] ;

// backblaze returns some additional headers that are useful for debugging, but unnecessary in production. We can remove these to save some size

const removeHeaders = [

'x-bz-content-sha1' ,

'x-bz-file-id' ,

'x-bz-file-name' ,

'x-bz-info-src_last_modified_millis' ,

'X-Bz-Upload-Timestamp' ,

'Expires'

] ;

const expiration = 31536000 ; // override browser cache for images - 1 year

// define a function we can re-use to fix headers

const fixHeaders = function ( url , status , headers ) {

let newHdrs = new Headers ( headers ) ;

// add basic cors headers for images

if ( corsFileTypes . includes ( url . pathname . split ( '.' ) . pop ( ) ) ) {

newHdrs . set ( 'Access-Control-Allow-Origin' , '*' ) ;

}

// override browser cache for files when 200

if ( status === 200 ) {

newHdrs . set ( 'Cache-Control' , "public, max-age=" expiration ) ;

} else {

// only cache other things for 5 minutes

newHdrs . set ( 'Cache-Control' , 'public, max-age=300' ) ;

}

// set ETag for efficient caching where possible

const ETag = newHdrs . get ( 'x-bz-content-sha1' ) || newHdrs . get ( 'x-bz-info-src_last_modified_millis' ) || newHdrs . get ( 'x-bz-file-id' ) ;

if ( ETag ) {

newHdrs . set ( 'ETag' , ETag ) ;

}

// remove unnecessary headers

removeHeaders . forEach ( header =& gt ; {

newHdrs . delete ( header ) ;

} ) ;

return newHdrs ;

} ;

async function fileReq ( event ) {

const cache = caches . default ; // Cloudflare edge caching

const url = new URL ( event . request . url ) ;

if ( url . host === b2Domain & amp ; & amp ; ! url . pathname . startsWith ( b2UrlPath ) ) {

url . pathname = b2UrlPath url . pathname ;

}

let response = await cache . match ( url ) ; // try to find match for this request in the edge cache

if ( response ) {

// use cache found on Cloudflare edge. Set X-Worker-Cache header for helpful debug

let newHdrs = fixHeaders ( url , response . status , response . headers ) ;

newHdrs . set ( 'X-Worker-Cache' , "true" ) ;

return new Response ( response . body , {

status : response . status ,

statusText : response . statusText ,

headers : newHdrs

} ) ;

}

// no cache, fetch image, apply Cloudflare lossless compression

response = await fetch ( url , { cf : { polish : "lossless" } } ) ;

let newHdrs = fixHeaders ( url , response . status , response . headers ) ;

if ( response . status === 200 ) {

response = new Response ( response . body , {

status : response . status ,

statusText : response . statusText ,

headers : newHdrs

} ) ;

} else {

response = new Response ( 'File not found!' , { status : 404 } )

}

event . waitUntil ( cache . put ( url , response . clone ( ) ) ) ;

return response ;

}

6.workers里添加路由,使訪(fǎng)問(wèn)你的域名時(shí),先走workers

訪(fǎng)問(wèn)一下你的圖片文件
比如說(shuō)一開(kāi)始是https://f000.backblazeb2.com/file/backblaze1489498/wallhaven-md2x8m.jpg
現在用https://dlcu.cf/wallhaven-md2x8m.jpg就可以訪(fǎng)問(wèn)了

7.配置ShareX.

這個(gè)感覺(jué)沒(méi)啥好說(shuō)的,主頁(yè)面–目標–上傳目標設置–backblaze b2,填上就行了

結束

這個(gè)的好處就是方便了上傳,自己在電腦前,截一下圖直接上傳,或者復制一下直接上傳
還有就是可以用自己的域名,再說(shuō)的話(huà)就是數據自己也能找回.

原文：https://www.wangfuchao.com/1290/

免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng )、來(lái)自本網(wǎng)站內容采集于網(wǎng)絡(luò )互聯(lián)網(wǎng)轉載等其它媒體和分享為主，內容觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如侵犯了原作者的版權，請告知一經(jīng)查實(shí)，將立刻刪除涉嫌侵權內容，聯(lián)系我們QQ:712375056，同時(shí)歡迎投稿傳遞力量。

上一篇新聞：
上一篇：樊云：香港、美國GIA云服務(wù)器，香港、美國獨立
下一篇新聞：
下一篇：BuyVM盧森堡補貨了，月付2.5刀，加1.25刀更增加2

云主機8折虛擬主機6折

紅包可用于（云服務(wù)器、高防服務(wù)器、裸金屬服務(wù)器、高防IP、云數據庫、CDN加速）購買(mǎi)和續費

国产成人精品18p,天天干成人网,无码专区狠狠躁天天躁,美女脱精光隐私扒开免费观看

#實(shí)用教程#backblaze cloudflare ShareX 實(shí)現無(wú)成本圖床

準備

步驟

結束

特網(wǎng)科技產(chǎn)品

解決方案

幫助與支持

其他鏈接

聯(lián)系我們

国产成人精品18p,天天干成人网,无码专区狠狠躁天天躁,美女脱精光隐私扒开免费观看

#實(shí)用教程#backblaze cloudflare ShareX 實(shí)現無(wú)成本圖床

準備

步驟

結束

最新資訊

相關(guān)推薦

相關(guān)標簽

特網(wǎng)科技產(chǎn)品

解決方案

幫助與支持

其他鏈接

聯(lián)系我們