nextjs netlify blog template
1.0.0
NECH.JS博客模板是NetLify的模板,是用於僅使用NetLify堆棧的博客的樣板。
有一些樣板或教程用於Next.js的組合,並在GitHub上進行了Netlify。這些資源具有文檔和良好的教程,可以快速開始啟動并快速netlify,但是它們太簡單了,無法構建具有標準功能之類的標準功能的博客。
Next.js博客模板已為僅使用Next.js和NetLify堆棧實現這些標準功能,以構建博客。
通過單擊此處在環境中部署:
或訪問以下演示網站:
Next.js博客模板Netlify
要使用模板創建您的博客,請打開終端, cd進入您要創建該應用程序的目錄,然後運行以下命令:
npx create-next-app your-blog --example "https://github.com/wutali/nextjs-netlify-blog-template"
之後,將您的項目設置為遵循NetLify博客:
分步指南:部署Netlify
該模板只是一個模板和一個樣板,在將項目克隆和啟動後,用戶可以自定義任何內容。以下說明介紹了常見的自定義點,例如添加新的元數據或應用新的設計主題。
與博客相關的所有源代碼均在組件和頁面目錄下。如果要應用設計主題,則可以自由修改。所有組件都使用樣式的JSX和CSS模型來定義其樣式,但是您可以選擇任何用於設計主題的樣式庫。
包含博客源代碼的目錄樹如下:
meta: yaml files defining metadata like authors or tags
public: images, favicons and other static assets
src
├── assets: other assets using inside of components
├── components: pieces of components consisting of pages
├── content: mdx files for each post page
├── lib: project libraries like data fetching or pagination
└── pages: page components managing by Next.js
與內容相關聯的類別元數據與作者的元數據具有相同的關係。然後參考這些添加新元數據的實現:
您了解他們在閱讀上述源代碼後,在您的項目中添加類別元數據有四個步驟:
categories.yml的空文件這就是您要做的。之後,您可以隨時訪問NetLify CMS並創建新類別。
在公共/管理員目錄下修改config.yml和index.html如下:
Netlify CMS-配置選項#locale
麻省理工學院