文件名称：nextjs-dynamic-markdown-blog:使用服务器端降价渲染的Nextjs Starter Blog
文件大小：367KB
文件格式：ZIP
更新时间：2024-04-10 21:20:53
JavaScript
使用Next.js，Markdown和GraphQL动态生成的博客示例 此示例展示了使用markdown文件作为数据源的Next.js的功能。 博客文章以markdown文件的形式存储在/_posts ，并具有前端事务支持。在其中添加新的markdown文件将创建一个新的博客文章。 要创建博客文章，我们使用和将markdown文件转换为HTML字符串，然后将其作为道具发送到页面。每个帖子的元数据均由处理，并以道具形式发送到页面。 如何使用 克隆仓库 git clone https://github.com/dialoghmari/nextjs-dynamic-markdown-blog.git cd nextjs-dynamic-markdown-blog 安装依赖项并运行示例： npm install npm run dev # or yarn install yarn dev 您的博
【文件预览】：
nextjs-dynamic-markdown-blog-master
----_posts()
--------hello-world.md(2KB)
--------preview.md(2KB)
--------hello-dia.md(2KB)
--------dynamic-routing.md(2KB)
----package.json(553B)
----pages()
--------index.js(2KB)
--------api()
--------_document.js(290B)
--------posts()
--------_app.js(130B)
----.gitignore(386B)
----components()
--------alert.js(1KB)
--------post-preview.js(822B)
--------cover-image.js(559B)
--------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)
--------avatar.js(253B)
--------date-formater.js(213B)
--------post-header.js(866B)
--------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()
--------globals.css(276B)
----public()
--------assets()
--------favicon()
----README.md(3KB)
----yarn.lock(146KB)
----postcss.config.js(82B)