Featured image of post Tăng tốc truy cập blog với Hexo + GitHub + Netlify + Cloudflare - j88bet

Tăng tốc truy cập blog với Hexo + GitHub + Netlify + Cloudflare - j88bet

Trải nghiệm cảm giác đỉnh cao cùng j88bet - Trang cá cược trực tuyến hàng đầu

Hôm nay, sau khi tham khảo hướng dẫn từ các chuyên gia và điều chỉnh cấu hình của mình, tôi nhận thấy tốc độ truy cập blog đã cải thiện đáng kể. Vì vậy, tôi quyết định viết một bài hướng dẫn chi tiết để chia sẻ kinh nghiệm và giúp mọi người hiểu sâu hơn về quy trình này.

  • Hướng dẫn này không phù hợp cho người mới hoàn toàn với Hexo (chỉ cần hiểu cơ bản là có thể theo dõi được)
  • Phù hợp cho người dùng đã có kinh nghiệm sử j88 online dụng GitHub Pages

Lưu ý quan trọng:

  • Nếu gặp vấn đề truy cập website, vui lòng kiểm tra proxy hoặc bật công cụ hỗ trợ kết nối quốc tế.
  • Đảm bảo bạn:
    1. Đã từng sử dụng Hexo và hiểu cách hoạt động cơ bản
    2. Có kiến thức cơ bản về GitHub và Git
    3. Đọc qua “Nghệ thuật đặt câu hỏi” và “Cách đặt câu hỏi ngu ngốc”
    4. Không iwin68 club chẩn đoán vấn đề khi không có thông báo lỗi cụ thể

Ưu điểm vượt trội so với GitHub Pages truyền thống:

  1. Không giới hạn số lượng kho lưu trữ có thể tạo trang tĩnh
  2. Tốc độ truy cập trong nước cực nhanh
  3. Miễn phí 100GB băng thông/tháng và 300 phút thời gian xây dựng/triệu
  4. Tốc độ tạo trang tĩnh nhanh hơn ít nhất gấp đôi so với GitHub Pages
  5. Hỗ trợ chứng chỉ TLS miễn phí và HTTPS

Tại sao chọn phương pháp này?

Sau thời gian dài sử dụng GitHub Pages, tôi nhận thấy tốc độ truy cập trong nước khá 7bal chậm do máy chủ đặt ở nước ngoài. Phương pháp này giúp tăng tốc truy cập mà không cần máy chủ đám mây hay đăng ký tên miền - hoàn toàn miễn phí!

Điểm khác biệt chính:

Thay vì biên dịch cục bộ và đẩy trang web đã hoàn thành lên kho GitHub như thông thường, phương pháp này đẩy mã nguồn Hexo trực tiếp lên GitHub và sử dụng Netlify để tự động biên dịch. Lợi ích bao gồm:

  1. Không ảnh hưởng đến github.io hiện tại
  2. Mã nguồn an toàn trong kho GitHub
  3. Dễ dàng di chuyển giữa các máy tính

Bắt đầu thực hiện

Chuẩn bị công cụ kết nối quốc tế (bỏ qua nếu đã có)

Công cụ này không chỉ giúp truy cập các nền tảng như AI hay GitHub nhanh hơn mà còn mở ra nhiều khả năng khác.

Đăng ký tài khoản

Chọn một trong các liên kết dưới đây để đăng ký: Liên kết 1 | Liên kết 2 | Liên kết 3 | Liên kết 4 | Liên kết 5

Quy trình đăng ký đơn giản với email và mật khẩu. Sau đó chọn gói phù hợp với nhu cầu (tôi khuyên dùng gói 38.8 vì hiệu quả kinh tế cao).

Cấu hình GitHub

  1. Tạo kho mới trên GitHub với tên tùy chọn
  2. Clone kho vừa tạo:
1
git clone [địa chỉ kho]
  1. Khởi tạo Hexo trong thư mục vừa clone
  2. Cài đặt theme yêu thích (ví dụ anzhiyu):
1
npm install Hexo-theme-anzhiyu
  1. Cập nhật file cấu hình _config.yml
  2. Sửa đổi nội dung script trong package.json:
1
2
3
4
5
6
"scripts": {
    "build": "Hexo generate",
    "clean": "Hexo clean",
    "server": "Hexo server",
    "netlify": "npm run clean && npm run build"
}
  1. Đẩy mã nguồn lên GitHub:
1
2
3
git add .
git commit -m "deploy from Hexo-admin"
git push

Cấu hình Netlify

  1. Truy cập website Netlify và đăng nhập bằng tài khoản GitHub
  2. Nhập dự án hiện có từ GitHub
  3. Chọn kho vừa tạo và cấu hình các thông số:
    • Nhánh: main hoặc master tùy theo cài đặt
    • Các thông số khác theo mặc định
  4. Nhấn Deploy để bắt đầu quá trình triển khai

Cấu hình tên miền với Cloudflare

  1. Trong bảng điều khiển tên miền, thêm bản ghi CNAME trỏ đến domain Netlify
  2. Đăng nhập Cloudflare và thêm site mới
  3. Theo hướng dẫn, cập nhật máy chủ DNS
  4. Sau khi xác minh hoàn tất (khoảng 10-24 giờ), cấu hình các bản ghi DNS tương ứng

Với những bước trên, bạn đã có một blog chạy mượt mà với tốc độ truy cập tối ưu! Nếu có thắc mắc, xin vui lòng liên hệ qua email: w1ndys@outlook.com

Licensed under CC BY-NC-SA 4.0
Built with Hugo
Theme Stack thiết kế bởi Jimmy