文件名称：博客：个人博客
文件大小：383KB
文件格式：ZIP
更新时间：2024-03-01 14:05:38
TypeScript
使用Next.js，Markdown和TypeScript静态生成的博客示例 这是现有的加上TypeScript。 此示例展示了使用Markdown文件作为数据源的Next.js的功能。 博客文章以Markdown文件的形式存储在/_posts ，并具有前端事务支持。 在其中添加新的Markdown文件将创建一个新的博客文章。 要创建博客文章，我们使用和将Markdown文件转换为HTML字符串，然后将其作为道具发送到页面。 每个帖子的元数据均由处理，并以道具形式发送到页面。 如何使用 自己部署 使用部署示例： 使用或执行以引导示例： npx create-next-app --example blog-starter-typescript blog-starter-typescript-app # or yarn create next-app --example blog-s
【文件预览】：
blog-master
----components()
--------hero-post.tsx(1KB)
--------container.tsx(253B)
--------post-preview.tsx(981B)
--------post-header.tsx(961B)
--------footer.tsx(1KB)
--------alert.tsx(1KB)
--------date-formatter.tsx(278B)
--------avatar.tsx(322B)
--------post-title.tsx(333B)
--------header.tsx(307B)
--------layout.tsx(407B)
--------intro.tsx(681B)
--------more-stories.tsx(775B)
--------markdown-styles.module.css(251B)
--------cover-image.tsx(639B)
--------section-separator.tsx(124B)
--------meta.tsx(1KB)
--------post-body.tsx(352B)
----.gitignore(386B)
----tsconfig.json(484B)
----README.md(3KB)
----public()
--------favicon()
--------assets()
----.prettierrc(39B)
----_posts()
--------preview.md(2KB)
--------dynamic-routing.md(2KB)
--------hello-world.md(2KB)
----pages()
--------posts()
--------_app.tsx(174B)
--------index.tsx(1KB)
--------_document.tsx(290B)
----package.json(1KB)
----next-env.d.ts(75B)
----styles()
--------index.css(276B)
----postcss.config.js(66B)
----tailwind.config.js(693B)
----types()
--------author.ts(74B)
--------post.ts(229B)
----@types()
--------remark-html.d.ts(29B)
----yarn.lock(193KB)
----lib()
--------constants.ts(327B)
--------api.ts(1KB)
--------markdownToHtml.ts(214B)
----.eslintrc.json(571B)