nextjs blog theme
1.0.0
可自定義的博客入門者使用：
在演示中拿起甘德。
單擊此處觀看模板演練！
您可以通過兩種方式開始此項目：本地或使用設置嚮導。
如果您在本地進行操作，請從GitHub上單擊使用此模板按鈕開始。這將在您的github帳戶上使用此模板文件創建一個新的存儲庫。完成此操作後，克隆您的新存儲庫並將其導航到您的終端。
從那裡，您可以通過運行來安裝項目的依賴項：
yarn install最後，您可以在本地運行：
yarn run dev打開瀏覽器並訪問http：// localhost：3000，您的項目應該運行！
通過設置嚮導，您可以單擊幾下創建博客並部署以進行Netlify。
該配置基於環境變量，使其易於與任何Jamstack平台（如NetLify）集成。
這是您可以編輯的變量：
| 多變的 | 描述 | 選項 |
|---|---|---|
BLOG_NAME | 您的博客的名稱，顯示在阿凡達 | |
BLOG_TITLE | 主頁上的主標頭（ h1 ） | |
BLOG_FOOTER_TEXT | 頁腳中的文字 | |
BLOG_THEME | 主題傳遞的主題 | 預設 |
BLOG_FONT_HEADINGS | 所有HTML標題的字體家庭，從h1到h6 | sans-serif（默認），襯線，單層 |
BLOG_FONT_PARAGRAPHS | 所有其他HTML元素的字體家庭 | sans-serif（默認），襯線，單層 |
所有ENV變量都可以通過嚮導進行配置，也可以通過設置項目的環境變量進行配置。您可以在NetLify Dashaboard（站點設置/構建與部署/環境/環境變量）中執行此操作。
[alt：編輯env vars的視頻演練]
如果設置環境變量不是您的茶杯，則可以在utils/global-data.js中更改默認值。您還可以刪除代碼庫中使用這些變量的變量和硬碼博客信息。
BLOG_THEME, BLOG_FONT_HEADINGS, & BLOG_FONT_PARAGRAPHS在tailwind-preset.js中使用BLOG_NAME, BLOG_TITLE, BLOG_FOOTER_TEXT globalData pages/index.js pages/posts/[slug].js中使用。 所有帖子都存儲在/posts目錄中。要製作新帖子，請使用.mdx擴展名創建一個新文件。
由於帖子是以MDX格式編寫的，您可以通過道具和組件。這意味著您可以在帖子中使用React組件使它們更具互動性。在MDX文檔中了解有關內容的更多信息。
[alt：添加新博客文章的視頻演練]
該模板配置為可用於視覺編輯和GIT內容源。
典型的開發過程是從本地工作開始。克隆此存儲庫，然後在其根目錄中運行npm install 。
運行next.js開發服務器：
cd nextjs-blog-theme
npm run dev安裝NetLify Visual Editor CLI。然後在同一項目目錄中打開一個新的終端窗口，並運行NetLify Visual Editor Dev服務器：
npm install -g @stackbit/cli
stackbit dev這會輸出您自己的NetLify Visual Editor URL。打開此，註冊或登錄，您將被指示到Netlify的新項目的視覺編輯器。
如果您是NetLify Visual Editor的新手，這裡有一些建議：
我們包括一些工具，可以幫助我們維護這些模板。此模板當前使用：
如果您的團隊對此工具不感興趣，則可以輕鬆刪除它們！
為了使我們的項目保持最新的依賴關係，我們使用一種稱為Renovate的工具。如果您對此工具不感興趣，請刪除renovate.json文件，並將其提交為主分支。
如果您一路上陷入困境，請在我們的支持論壇中獲得幫助。
