博客新领域:Markdown与Next.js结合的静态生成

这个示例展示了使用Markdown文件作为数据源的Next.js的功能。博客文章存储在/_posts目录下,并具有前端事务支持。每个Markdown文件将创建一个新的博客文章,转换为HTML字符串后作为页面内容展示。帖子的元数据由处理并发送到页面。

zip
the-good-alright-master.zip 预估大小:48个文件
folder
the-good-alright-master 文件夹
folder
pages 文件夹
file
_app.js 161B
file
_document.js 290B
file
archive.js 794B
folder
posts 文件夹
file
[slug].js 2KB
file
index.js 1KB
folder
.github 文件夹
folder
workflows 文件夹
file
codeql-analysis.yml 2KB
file
postcss.config.js 82B
folder
public 文件夹
folder
favicon 文件夹
file
favicon.png 3KB
file
safari-pinned-tab.svg 2KB
file
favicon.ico 10KB
file
android-chrome-512x512.png 22KB
file
android-chrome-192x192.png 8KB
file
site.webmanifest 392B
file
apple-touch-icon.png 5KB
file
favicon-32x32.png 3KB
file
mstile-150x150.png 12KB
file
favicon-16x16.png 2KB
file
browserconfig.xml 255B
file
favicon-32x32_2.png 1KB
file
yarn.lock 119KB
folder
styles 文件夹
file
index.css 59B
file
highlight.css 1KB
file
tailwind.config.js 716B
folder
lib 文件夹
file
constants.js 51B
file
markdownToHtml.js 337B
file
api.js 1KB
folder
components 文件夹
file
post-title.js 197B
file
post-preview.js 562B
file
meta.js 1KB
file
date-formater.js 213B
file
intro.js 306B
file
hero-post.js 784B
file
section-separator.js 103B
file
markdown-styles.module.css 251B
file
header.js 314B
file
footer.js 1KB
file
layout.js 274B
file
container.js 118B
file
post-header.js 396B
file
post-body.js 296B
file
more-stories.js 778B
folder
design 文件夹
file
favicon.afdesign 21KB
file
README.md 3KB
file
.gitignore 975B
folder
_posts 文件夹
file
preview.md 2KB
file
dynamic-routing.md 2KB
file
hello-world.md 2KB
file
package.json 637B
zip 文件大小:147.14KB