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
麻省理工学院