使用 Craft 建造個人部落格

在這個例子中，我們將使用 Craft 來管理個人博客，並使用 Lovable 將其轉變為一個帶有帖子、標籤和搜尋的漂亮的個人網站。

步驟1 — 建立您的文檔

我們的部落格文章保存在一個合集中：我們使用合集欄位來管理標籤、發布日期和發布狀態。每篇部落格文章的內容都是合集項目的內容——這樣您就可以使用 Craft 強大的編輯器來撰寫和潤飾您的部落格文章。

使用範本為您的部落格建立一個新的文檔，其中包含一些範例貼文：

個人部落格

預覽模板使用此模板

步驟2 — 啟用 API 存取

為您的文件啟用 API 存取以取得可用於讀取和新增文件的唯一 URL。

步驟1

Open the “Imagine” tab

步驟2

Click “Add Your First API Connection”

步驟3

Configure your API connection with a name. For this project, the API only needs to read from your docs. Set the API permissions to “Read” only.

步驟4

Click “Add Document” and select your Personal Blog document.

步驟5

The API URL that will be used to interact with your document is now displayed at the top

步驟6

Click the “Download AI Bundle” button. This will download a folder containing the API documentation and the content of your doc.

請記住，文件中的所有貼文都可以從公共 API 載入 - 合集中的「已發佈」欄位將控制哪些貼文顯示在網站上，但也可以存取未發佈的貼文。

步驟3 — 以 Lovable 為基礎

現在讓我們開始建立 Lovable 部落格的實際網站。對於上面顯示的範例網站，我們使用了以下提示：

我希望您能建立我的個人部落格。 __

資訊儲存於 Craft 中。請查看附件，以了解我的 Craft 文件的當前狀態範例，以及用於取得我的部落格文章的 API 資訊。請仔細閱讀 API 文件並遵循其說明。 __

我想要：
- 一個登錄頁面，顯示最後 3 個條目及其日期和簡介，然後是指向存檔的鏈接
- 一個以表格形式列出所有已發布文章及其日期的存檔
- 每個文章都有一個頁面，底部有一篇/__下一個區塊上有一個標籤 - 194967677 - 41747 T47 - 底部有一篇帶一個標籤 - 底部有一個標籤 - 底部有

也應該有一個搜尋功能
每篇文章都有一個已發佈屬性。僅顯示設定為 true 的文章。

我想要一個簡單現代的設計，注重細節，做工精細。它應該精緻而不浮誇，擁有出色的現代字體和充足的留白。

前往 Lovable 並將提示貼到提示框中。請務必附上我們剛剛下載的文檔 AI Bundle。

Lovable 開始工作，分析 bundle 的內容，了解文件結構以及如何使用 API。然後，它開始根據我們的提示建立網站。

現在我們有一個漂亮的博客，可以顯示我們的帖子並支持搜尋和標籤！

個人部落格

現場演示

自己動手構建

步驟1 — 建立您的文檔

步驟2 — 啟用 API 存取

步驟3 — 以 Lovable 為基礎

更多想法供您嘗試