文件名称:next-portfolio:使用next.js制作的作品集
文件大小:43.1MB
文件格式:ZIP
更新时间:2024-02-28 23:11:08
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)