stablo
v3.0.0
Stablo是由Next.js，Web3Templates構建的Jamstack博客模板。它帶有免費＆Pro版本。
免費版本演示→
Pro版本演示→
| 特徵 | 免費版本 | Pro版本 |
|---|---|---|
| Next.js V13 | ✅ | ✅ |
| /APP目錄 | ✅ | ✅ |
| 尾風CSS | ✅ | ✅ |
| 理智CMS（V3） | ✅ | ✅ |
| 按需重新驗證 | ✅ | |
| 自動更新新帖子 | 基於時間 | ✅ |
| 移動響應能力 | ✅ | ✅ |
| 黑暗與光模式 | ✅ | ✅ |
| 工作聯繫頁面 | ✅ | ✅ |
| 檔案（分頁） | ✅ | ✅ |
| 類別頁面 | ✅ | |
| 作者頁 | ✅ | |
| 搜索頁面 | ✅ | |
| 主頁 - 默認值 | ✅ | ✅ |
| 主頁 - 備用 | ✅ | |
| 首頁 - 最小 | ✅ | |
| 主頁 - lifestlye | ✅ | |
| 首頁 - 兩列 | ✅ | |
| 博客文章 - 默認 | ✅ | ✅ |
| 博客文章 - 最小 | ✅ | |
| 博客文章 - lifestlye | ✅ | |
| 博客文章 - 帶側邊欄 | ✅ | |
| 6個月的支持 | ✅ | |
| 免費更新 | ✅ | ✅ |
| 執照 | GPL-2.0 | 商業的 |
| 定價 | 自由的 | $ 49 |
| 免費部署 | 購買Pro |
使用下面的部署按鈕。它可以讓您使用Vercel部署起動器，並使用Sanity Vercel Integration將其連接到您的理智工作室。
以上部署將自動配置以下內容：
另外，您可以部署到其他服務，例如NetLify或Cloudflare頁面或AWS放大。
部署網站後，它看起來像空或未正確配置。這是預期的。我們需要做更多的步驟，使其如演示中所見。
首先，克隆GitHub存儲庫Vercel創建的本地計算機。使用以下命令結構。在執行此命令之前，請確保終端在正確的文件夾上。
git clone https://github.com/ < usename > / < repo > .git your-project-name克隆後，從項目的根目錄中運行以下命令。這將鏈接您的Vercel項目。
npx vercel link現在，運行以下命令將.env變量拉到本地系統。
npx vercel env pull現在，您可以看到已經創建了一個新的.env.local文件。如果這不起作用，您還可以將.env.local.example重命名為.env.local ，並手動添加Sanity Project ID。
現在，您可以打開代碼編輯器（如果還沒有），我們更喜歡VSCODE。在代碼編輯器內的集成終端中運行命令。
npm install
# or
yarn install
# or
pnpm install我們更喜歡pnpm節省您的磁盤空間。
看起來您在演示中看到的內容和所有內容和圖像，請按照以下步驟：
@sanity/cli請首先在全球上安裝。 npm install -g @sanity/cli
# or
pnpm install -g @sanity/cli然後使用sanity login命令登錄理智
sanity login
現在，您將能夠通過運行sanity-import命令導入演示內容。這些文件位於/lib/sanity/data/production.tar.gz上，並通過運行以下命令自動加載。
npm run sanity-import
# or
pnpm sanity-import現在，使用以下命令運行項目。
npm run dev
# or
pnpm dev現在，您的項目應該啟動，下一個項目將在http：// localhost：3000上運行。
可以使用http：// localhost：3000/Studio訪問Sanity Studio，也可以使用以下命令在單獨的https：// localhost：3333服務器上運行它。
npm run sanity
# or
pnpm sanity一旦進行了上述所有更改，請確保再次重新部署到Vercel，以查看您的所有生產更改。
您可以git push更改，並且應該自動觸發新的部署。如果沒有，您也可以使用以下命令部署到Vercel。
npx vercel --prod
我們建議您使用上面的一單擊部署選項。由於某種原因，如果不能，請使用以下步驟手動安裝它。
克隆github存儲庫或在本地計算機中使用下載的文件。
.env變量。打開項目文件夾並重命名.env.local.example將根文件夾放入.env.local中，然後添加您的理智項目ID。您可以通過訪問此鏈接來創建一個新項目：https：//www.sanity.io/get-started/create-project
如果您已經有一個項目，請從https://sanity.io/manage複製項目ID
NEXT_PUBLIC_SANITY_PROJECT_ID=xxyyzz
為了使工作室正常工作，您必須以理智的態度添加CORS來源。如果您使用的是Vercel部署，通常會自動設置。請訪問https://www.sanity.io/manage/personal/project/<project-id>/api在您的瀏覽器中添加CORS Origin。
單擊Add CORS origin按鈕，然後以http://localhost:3000輸入URL，然後選中“允許憑據”複選框。
現在，您將可以從上面的說明中繼續導入演示數據並在本地運行該項目。
某些事情無法正常工作？提出一個GitHub問題。如果您需要個性化的支持或幫助，請考慮購買Pro版本，我們將通過電子郵件為您提供幫助。
