文件名称:萨姆沙赫特
文件大小:464KB
文件格式:ZIP
更新时间:2024-03-15 21:00:42
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 您的博客应该已启动并在! 如果不起作用,
【文件预览】:
samschacht-master
----.gitignore(386B)
----components()
--------section-separator.js(103B)
--------header.js(296B)
--------meta.js(1KB)
--------post-title.js(236B)
--------container.js(118B)
--------hero-post.js(1KB)
--------post-header.js(889B)
--------post-preview.js(908B)
--------alert.js(1KB)
--------more-stories.js(697B)
--------date-formatter.js(214B)
--------intro.js(671B)
--------cover-image.js(662B)
--------avatar.js(253B)
--------markdown-styles.module.css(251B)
--------layout.js(359B)
--------post-body.js(296B)
--------footer.js(1KB)
----package.json(663B)
----src()
--------client.js(103B)
--------components()
--------service-worker.js(2KB)
--------assets()
--------template.html(1KB)
--------routes()
--------server.js(412B)
----.nvmrc(8B)
----postcss.config.js(65B)
----public()
--------admin()
--------assets()
--------favicon()
----tsconfig.json(533B)
----static()
--------favicon.png(3KB)
--------posts()
--------admin()
--------successkid.jpg(77KB)
--------logo-192.png(5KB)
--------manifest.json(358B)
--------logo-512.png(14KB)
----README.md(3KB)
----next-env.d.ts(75B)
----lib()
--------markdownToHtml.js(206B)
--------api.js(1KB)
--------constants.js(316B)
----styles()
--------index.css(276B)
----pages()
--------posts()
--------index.js(1KB)
--------_document.js(290B)
--------_app.js(128B)
----tailwind.config.js(683B)
----.editorconfig(33B)
----yarn.lock(119KB)
----_posts()
--------hello-world.md(2KB)
--------dynamic-routing.md(2KB)
--------preview.md(2KB)