Next js Blog Boilerplate
1.0.0

Next.js博客样板是基于Next.JS 12+框架的启动代码。 ⚡️用Next.js,打字稿,Eslint,Prettier,Postcss,Tailwind CSS制造。
克隆此项目,并使用它来创建您自己的下一个博客。您可以检查下一个JS博客模板演示。
![]() ![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
| 在这里添加您的徽标 |
博客功能:
开发人员的经验首先:
Next.js的内置功能:
在您的本地环境上运行以下命令:
git clone --depth=1 https://github.com/ixartz/Next-js-Blog-Boilerplate.git my-project-name
cd my-project-name
npm install
然后,您可以通过实时重新加载在开发模式下本地运行:
npm run dev
打开http:// localhost:3000带有您喜欢的浏览器以查看您的项目。
.
├── _posts # Your blog posts
├── public # Static files
│ ├── assets
│ │ └── images
│ │ └── posts # Images used in your blog posts
└── src
├── pages # Next.js pages
├── styles # Your blog CSS files
└── templates # Blog templates
您可以轻松配置下一个JS样板。请更改以下文件:
public/apple-touch-icon.png , public/favicon.ico , public/favicon-16x16.png和public/favicon-32x32.png :您的博客favicon,您可以从https://favicon.io/favicon.io/favicon-converter/中生成public/assets/images/logo.png , public/assets/images/logo-32x32.png :您的博客徽标src/styles/main.css :使用尾风CSS的博客CSS文件src/utils/Config.ts :配置文件,例如博客名称,url,等。src/templates/Main.tsx :博客主题您可以在生产模式下在本地看到结果:
$ npm run build
$ npm run start
生成的HTML和CSS文件被缩小(下一JS的内置功能)。它还将从尾风CSS中删除未使用的CSS。
您可以使用以下方式创建优化的生产构建
npm run build-prod
现在,您的博客准备部署。所有生成的文件均位于dist文件夹,您可以使用任何托管服务部署。
在自己的github帐户上克隆此存储库,并部署到Netlify:
欢迎每个人为这个项目做出贡献。如果您有疑问或发现错误,请随时打开问题。
根据MIT许可许可,版权所有©2022
有关更多信息,请参见许可证。
![]() ![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
| 在这里添加您的徽标 |
由CreativedSignsguru制成的