尽量制作一个精简的博客,最小化是原则。
- 增加文章分类目录
- 增加搜索功能
- 增加评论功能
- 增加登陆功能
✅ 增加自动生成站点地图 sitemap.xml 优化SEO
✅ 增加自动生成 robots.txt 优化SEO
✅ 加入 contentlayer,支持用 markdown(mdx)写文章
✅ 白天/黑夜模式
✅ 增加代码高亮
https://github.com/gwt9502/gwt9502.io/blob/main/contentlayer.config.ts
https://www.199406.xyz/blog/use-nextjs-create-blog
https://github.com/timlrx/tailwind-nextjs-starter-blog
https://tailwind-nextjs-starter-blog.vercel.app/blog
https://github.com/leerob/leerob.io
https://github.com/pengtikui/pengtikui.cn
This is a Next.js project bootstrapped with create-next-app
.
# 开发模式
npm run dev
# 构建
npm run build
# 启动
npm run start
# docker build -t johnzr/miniblog:v0.1.0 .
# 构建多架构镜像
docker buildx build --platform linux/amd64,linux/arm64 \
-t johnzr/miniblog:v0.1.5 \
-t johnzr/miniblog:latest \
--push .
docker push johnzr/miniblog:v0.1.0
docker run -d -p 3000:3000 johnzr/miniblog:latest
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx
. The page auto-updates as you edit the file.
This project uses next/font
to automatically optimize and load Inter, a custom Google Font.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.