【文件属性】:
文件名称:next-portfolio:使用next.js制作的作品集
文件大小:43.1MB
文件格式:ZIP
更新时间:2021-02-08 05:24:28
JavaScript
使用Next.js和Markdown静态生成的博客示例
此示例展示了使用markdown文件作为数据源的Next.js的功能。
博客文章以markdown文件的形式存储在/_posts ,并具有前端事务支持。 在其中添加新的markdown文件将创建新的博客文章。
要创建博客文章,我们使用和将markdown文件转换为HTML字符串,然后将其作为道具发送到页面。 每个帖子的元数据均由处理,并以道具形式发送到页面。
演示版
相关例子
如何使用
使用create-next-app
使用或执行以引导示例:
npm init next-app --example blog-starter blog-starter-app
# or
yarn create next-app --example blog-starter blog-starter-app
手动下载
下载示例:
curl ht
【文件预览】:
next-portfolio-main
----components()
--------layout.js(231B)
--------footer()
--------post-title.js(236B)
--------pageHead()
--------postPage()
--------tags()
--------backLink()
--------portfolioItem()
--------portfolio()
--------meta.js(1KB)
--------hero()
--------markdown-styles.module.css(251B)
----.gitignore(29B)
----README.md(2KB)
----public()
--------favicon()
--------assets()
----_posts()
--------craigslist-new-views.md(559B)
--------smashipsum.md(475B)
--------gaydients.md(595B)
--------queering-the-map.md(1KB)
--------acabcolors.md(311B)
--------sunday-april-19th.md(595B)
--------run-brackets.md(914B)
--------asdf-to-aoeu.md(427B)
--------portfolio.md(370B)
----LICENSE(1KB)
----pages()
--------_document.js(290B)
--------posts()
--------_app.js(185B)
--------index.js(794B)
----package.json(676B)
----styles()
--------index.css(276B)
--------global.scss(789B)
--------mixins.scss(2KB)
--------variables.scss(362B)
----postcss.config.js(71B)
----tailwind.config.js(690B)
----yarn.lock(216KB)
----lib()
--------constants.js(179B)
--------markdownToHtml.js(206B)
--------api.js(1KB)
----package-lock.json(255KB)