Tạo url hình ảnh bằng tên miền riêng trên Blogger

Cách tạo hình ảnh trên Blogger CDN với tên miền riêng của bạn - CDN (mạng phân phối nội dung) là một tập hợp các máy chủ toàn cầu nhằm mục đích có thể phân phối nội dung tĩnh như hình ảnh, video, v.v. được lưu trong bộ nhớ đệm bởi các máy chủ đặt gần người dùng vị trí địa lý để giảm thiểu độ trễ xảy ra.

Tạo url hình ảnh bằng tên miền riêng trên Blogger
Tạo url hình ảnh bằng tên miền riêng trên Blogger

Trong hướng dẫn này, chúng ta sẽ sử dụng cloudflare dịch vụ được cài đặt trên miền của bạn dưới dạng CDN và url định tuyến, vui lòng đọc cách Tích hợp Miền Tùy chỉnh Blogger Với Cloudflare.

Chuẩn bị:

  • Blogger có miền tùy chỉnh đã được tích hợp với cloudflare.
  • Biểu tượng blog kích thước: 512x512px

Cách thay đổi miền hình ảnh blogger bằng miền của riêng bạn

  • Sau khi miền tùy chỉnh của bạn được tích hợp xong với cloudflare
  • Sau đó bạn đăng nhập vào tài khoản cloudflare của mình, sau đó nhấp vào menu Workers
Tạo url hình ảnh bằng tên miền riêng trên Blogger
  • Nếu đây là lần đầu tiên bạn sử dụng Worker, bạn được yêu cầu nhập miền phụ mà bạn sẽ sử dụng (tùy thuộc vào bạn nhưng phải có sẵn)
  • Trong phần thứ hai, bạn được yêu cầu chọn gói, hãy chọn gói miễn phí: Tiếp tục với Miễn phí
  • Sau đó nhấp vào Tạo Workers
  • Sau đó bạn xóa tất cả nội dung trong cột Script và thay Script bên dưới:
const ORIGINS = {
  "image.giahuy.workers.dev": "1.bp.blogspot.com",
  "www.giahuy.net": "1.bp.blogspot.com",
}

async function handleRequest(request) {
  let url = new URL(request.url)
  // Check if incoming hostname is a key in the ORIGINS object
 if (url.hostname in ORIGINS) {
    const target = ORIGINS[url.hostname]
    url.hostname = target
    // If it is, proxy request to that third party origin
    return await fetch(url.toString().replace('/image', ''), request)
  }

}

addEventListener("fetch", event => {
  event.respondWith(handleRequest(event.request))
})

image.giahuy.workers.dev bằng tên miền phụ worker của bạn, bạn có thể tìm thấy nó trong cột yêu cầu http đã gửi ở bên phải.
Thay thế: www.giahuy.net bằng miền của bạn, miền này sẽ truy cập hình ảnh.

Sau đó nhấp vào Lưu và triển khai.
  • Bây giờ chỉ cần tạo tuyến cho Workers, nhấp vào menu Workers > nhấp vào Add route.
Tạo url hình ảnh bằng tên miền riêng trên Blogger
  • Nhập đường dẫn https://*.giahuy.net/image/* điều chỉnh nó cho miền của bạn
  • Tiếp theo, bạn tải biểu tượng hình ảnh 512x512 mà bạn đã chuẩn bị lên blogger, bạn có thể thực hiện tạo bài đăng hoặc trang và lấy url hình ảnh.

Url nguồn hình ảnh mẫu sẽ như thế này:

https://1.bp.blogspot.com/-VzYXROu4ofQ/YUrn9M8_mZI/AAAAAAAAE8c/Rc1kO0IzwecsFm8iBiqLkFQ1bV0z48YsgCLcBGAsYHQ/s0/tao-duong-dan-hinh-anh-bang-ten-mien-rieng-cua-ban-tren-blogger.png
Thay đổi bằng cách sử dụng miền bạn đã tạo, ví dụ:
https://www.giahuy.net/image/-VzYXROu4ofQ/YUrn9M8_mZI/AAAAAAAAE8c/Rc1kO0IzwecsFm8iBiqLkFQ1bV0z48YsgCLcBGAsYHQ/s0/tao-duong-dan-hinh-anh-bang-ten-mien-rieng-cua-ban-tren-blogger.png
Để thay đổi kích thước hình ảnh, vui lòng sử dụng tiền tố s0 (kích thước gốc) và thay đổi nó theo kích thước hình ảnh bạn muốn tạo, ví dụ:
https://www.giahuy.net/image/-VzYXROu4ofQ/YUrn9M8_mZI/AAAAAAAAE8c/Rc1kO0IzwecsFm8iBiqLkFQ1bV0z48YsgCLcBGAsYHQ/s300/tao-duong-dan-hinh-anh-bang-ten-mien-rieng-cua-ban-tren-blogger.png
Và để truy cập hình ảnh ở định dạng webp, hãy thêm tiền tố -rw sau s0 vào, ví dụ:
https://www.giahuy.net/image/-VzYXROu4ofQ/YUrn9M8_mZI/AAAAAAAAE8c/Rc1kO0IzwecsFm8iBiqLkFQ1bV0z48YsgCLcBGAsYHQ/s0-rw/tao-duong-dan-hinh-anh-bang-ten-mien-rieng-cua-ban-tren-blogger.png

Chú ý!
Phiên bản miễn phí của Cloudflare worker được giới hạn ở 100.000 yêu cầu mỗi ngày.

Trên đây là hướng dẫn tạo url hình ảnh bằng tên miền riêng trên Blogger. Nếu có bất cứ thắc mắc nào hãy comment ngay phía dưới cho mình biết nhé.
Chúc các bạn thành công và có một ngày làm việc thật hiệu quả!

Khi cuộc đời cho bạn cả trăm lý do để khóc, hãy cho đời thấy bạn có cả ngàn lý do để cười.

Đăng nhận xét

Cám ơn bạn đã quan tâm đặt câu hỏi với chúng tôi!
Chúng tôi sẻ phản hồi sớm nhất cho bạn.
Chúc bạn một ngày tốt đẹp!