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文件，并将其提交为主分支。
如果您一路上陷入困境，请在我们的支持论坛中获得帮助。
