Obsidian + Digital Garden + Github + Cloudflare or Vercel = Free Publishing! (vi)

1. Cài đặt & Cấu hình Digital Garden Plugin

• Cài đặt: Vào Obsidian Settings -> Community plugins -> Browse, tìm "Digital Garden" và cài đặt.
• Cấu hình:
  • Digital Garden > GitHub Repo: Điền your-github-username/your-repo-name. Tạo repo trống trên Github nếu chưa có.
  • Digital Garden > GitHub Token: Tạo Github Personal Access Token (PAT) với quyền repo. Lưu token này cẩn thận
  • Digital Garden > Domain: dùng domain miễn phí của Cloudflare Pages (xem bước sau).

2. Chuẩn bị bài viết

• Frontmatter: Thêm frontmatter vào đầu mỗi note muốn publish. Ví dụ:

---
dg-publish: true
title: Bài viết đầu tiên của tôi
description: Giới thiệu về Digital Garden.
---

Nội dung bài viết ở đây...

• Publish: Click chuột phải vào note, chọn "Digital Garden: Publish current file". Plugin sẽ tự động commit và push lên Github.
  • Chờ khoảng một phút để Cloudflare cập nhật bài viết. Sau đó, sử dụng Command palette > Digital Garden: Copy Garden URL và mở đường dẫn vừa sao chép trên trình duyệt để xem bài viết.

3. Cấu hình Cloudflare Pages

• Tạo project: Đăng nhập Cloudflare, vào Pages, chọn "Create project".
• Connect Github: Chọn repo Github của bạn.
• Build settings:
  • Production branch: main (hoặc branch bạn dùng để publish).
  • Build command: npm run build
  • Build output directory: dist
• Deploy: Cloudflare sẽ tự động deploy trang web của bạn.

4. Cấu hình Domain (tùy chọn)

• Nếu bạn đã có domain, trỏ DNS về Cloudflare.
• Nếu chưa có, Cloudflare Pages cung cấp domain miễn phí your-project-name.pages.dev.

Lưu ý:

• Links: Các internal links trong Obsidian sẽ tự động được chuyển đổi sang links trên web.
• Templates: Tạo template cho các note mới để thêm frontmatter tự động, sử dụng Templater Obsidian Templater
• Customization: Tìm hiểu thêm về các tùy chọn cấu hình khác của Digital Garden plugin để tùy chỉnh giao diện và chức năng.