文件名称：next.js
文件大小：301KB
文件格式：ZIP
更新时间：2024-03-07 08:43:35
JavaScript
使用Next.js和Markdown静态生成的博客示例 此示例展示了使用Markdown文件作为数据源的Next.js的功能。 博客文章以Markdown文件的形式存储在/_posts ，并具有前端事务支持。 在其中添加新的Markdown文件将创建一个新的博客文章。 要创建博客文章，我们使用和将Markdown文件转换为HTML字符串，然后将其作为道具发送到页面。 每个帖子的元数据均由处理，并以道具形式发送到页面。 演示版 自己部署 使用部署示例： 相关例子 如何使用 使用或执行以引导示例： npx create-next-app --example blog-starter blog-starter-app # or yarn create next-app --example blog-starter blog-starter-app 您的博客应该已启动并在！ 如果不起作用，
【文件预览】：
next.js-master
----_posts()
--------hello-world.md(2KB)
--------preview.md(2KB)
--------dynamic-routing.md(2KB)
----package.json(489B)
----pages()
--------index.js(1KB)
--------_document.js(290B)
--------posts()
--------_app.js(128B)
----.gitignore(386B)
----components()
--------alert.js(1KB)
--------post-preview.js(825B)
--------cover-image.js(553B)
--------header.js(296B)
--------container.js(118B)
--------markdown-styles.module.css(251B)
--------hero-post.js(1KB)
--------footer.js(1KB)
--------post-title.js(236B)
--------more-stories.js(705B)
--------intro.js(671B)
--------date-formatter.js(214B)
--------avatar.js(253B)
--------post-header.js(863B)
--------layout.js(359B)
--------post-body.js(296B)
--------meta.js(1KB)
--------section-separator.js(103B)
----tailwind.config.js(690B)
----lib()
--------markdownToHtml.js(206B)
--------api.js(1KB)
--------constants.js(316B)
----styles()
--------index.css(276B)
----public()
--------assets()
--------favicon()
----README.md(3KB)
----postcss.config.js(71B)