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-converter/-favicon生成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製成的