mcpField
N
nextjs-blog-netlify

nextjs-blog-netlify

github.com/rebyteai-template开发1755 次安装19 周前更新
代码仓库

关于 nextjs-blog-netlify

基于 Next.js 的 Netlify 博客模板，面向需要定制博客并进行可视化编辑的站点开发者。模板使用 Tailwind CSS，并提供本地开发、构建及部署步骤。

主要功能

  1. 01Next.js 博客模板
  2. 02支持可视化编辑
  3. 03使用 Tailwind CSS
  4. 04提供 Netlify 部署步骤

适用场景

  1. 01创建可定制的博客网站
  2. 02本地开发并部署到 Netlify

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/rebyteai-template/rebyte-skills --skill nextjs-blog-netlify

安装后在 Claude Code 中输入/nextjs-blog-netlify确认已加载。

详细介绍

Next.js 博客（Netlify）

支持可视化编辑并使用 Tailwind CSS 的可自定义博客。

技术栈

  • 框架：Next.js
  • 样式：Tailwind CSS
  • 包管理器：npm

设置

1. 克隆模板
git clone --depth 1 https://github.com/netlify-templates/nextjs-blog-theme.git .

如果目录不为空：

git clone --depth 1 https://github.com/netlify-templates/nextjs-blog-theme.git _temp_template
mv _temp_template/* _temp_template/.* . 2>/dev/null || true
rm -rf _temp_template
2. 移除 Git 历史记录（可选）
rm -rf .git
git init
3. 安装依赖
npm install

构建

npm run build

部署到 Netlify

netlify deploy --prod

开发

npm run dev

评论

支持 Markdown