Blog cá nhân
Tạo một blog đầy đủ tính năng với thẻ, lưu trữ, tìm kiếm, quản lý và chỉnh sửa bài viết ngay trong Craft.
Bản demo trực tiếp
Ví dụ thực tế này cho thấy tài liệu Craft và blog được tạo bằng Lovable trông như thế nào:
Chức năng ghi đã bị vô hiệu hóa trong bản demo.
Được xây dựng với Craft và Lovable
Tự xây dựng
Trong ví dụ này, chúng ta sẽ sử dụng Craft để quản lý một blog cá nhân và biến nó thành một trang web cá nhân đẹp mắt với các bài đăng, thẻ và chức năng tìm kiếm bằng Lovable.
Bước 1 — Tạo tài liệu của bạn
Các bài đăng trên blog của chúng tôi được lưu trữ trong một bộ sưu tập: chúng tôi sử dụng các trường của bộ sưu tập để quản lý thẻ, ngày đăng và trạng thái xuất bản. Nội dung của mỗi bài đăng trên blog chính là nội dung của mục trong bộ sưu tập – nhờ vậy, bạn có thể sử dụng trình soạn thảo mạnh mẽ của Craft để viết và hoàn thiện các bài đăng trên blog của mình.
Sử dụng mẫu này để tạo một tài liệu mới với bộ sưu tập dành cho blog của bạn, bao gồm một số bài đăng ví dụ:
Bước 2 — Cho phép truy cập API
Kích hoạt quyền truy cập API cho tài liệu của bạn để nhận được một URL duy nhất, có thể được sử dụng để đọc và thêm dữ liệu vào tài liệu.
Bước 1
Bước 2
Bước 3
Bước 4
Bước 5
Bước 6
Bước 3 — Xây dựng với Lovable
Bây giờ chúng ta hãy tiếp tục xây dựng trang web thực tế cho blog của mình trên Lovable. Đối với trang web ví dụ được hiển thị ở trên, chúng ta đã sử dụng gợi ý sau:
Tôi muốn bạn xây dựng blog cá nhân của tôi.
Thông tin được lưu trữ trong Craft. Vui lòng kiểm tra tệp đính kèm bao gồm ví dụ về trạng thái hiện tại của tài liệu Blog Craft, cũng như thông tin về API bạn nên sử dụng để lấy tài liệu này và các bài đăng trên blog của tôi. Vui lòng đọc kỹ tài liệu API và làm theo hướng dẫn.
Tôi muốn có:
- 1 Trang chủ hiển thị 3 bài đăng gần nhất cùng ngày tháng và mô tả ngắn gọn, sau đó là liên kết đến trang lưu trữ
- 1 Trang lưu trữ liệt kê tất cả các bài đăng đã xuất bản cùng ngày tháng dưới dạng bảng
- 1 Trang riêng cho mỗi bài đăng với điều hướng trước/sau ở cuối trang
- 1 Trang hiển thị tất cả các khối có thẻ nhất định
- Tất cả các trang đều có tính năng tìm kiếm
Mỗi bài đăng đều có thuộc tính "đã xuất bản". Chỉ hiển thị những bài đăng có thuộc tính này được đặt thành "true".
Tôi muốn một thiết kế hiện đại, gọn gàng, chú trọng đến từng chi tiết và được thực hiện rất tốt. Nó nên được thiết kế để trông tinh tế nhưng không phô trương, với kiểu chữ hiện đại, đẹp mắt và nhiều khoảng trắng.
Đi đến Lovable và dán đoạn prompt hướng dẫn vào ô nhập liệu. Hãy nhớ đính kèm gói AI Bundle của tài liệu mà chúng ta vừa tải xuống.
Lovable bắt đầu phân tích nội dung gói để hiểu cấu trúc tài liệu và cách sử dụng API. Sau đó, nó bắt đầu xây dựng trang web theo yêu cầu của chúng ta.
Giờ đây chúng ta đã có một blog tuyệt đẹp hiển thị các bài đăng của chúng ta và hỗ trợ chức năng tìm kiếm và gắn thẻ!
