用代码编织诗意,用技术书写人生
CodePoet 是一个充满诗意的技术博客,基于 Next.js 15 构建。由 SinzoL 创作,欢迎一起在 0 和 1 的世界里寻找属于程序员的浪漫。
- 🚀 现代化技术栈 - Next.js 15 + TypeScript + Tailwind CSS
- 📝 Markdown 支持 - 用最纯粹的方式书写技术诗篇
- 🎯 SEO 优化 - 静态生成,让诗意传播得更远
- 📱 响应式设计 - 在任何设备上都保持诗意
- 🎨 诗意界面 - 将技术与美学完美融合
- ⚡ 性能优化 - 快速加载如灵感的闪现
const poetryStack = {
framework: 'Next.js 15', // 构建诗意的框架
styling: 'Tailwind CSS', // 描绘美感的画笔
language: 'TypeScript', // 严谨而优雅的语言
deployment: 'Vercel', // 让诗歌飞向云端
content: 'Markdown', // 用最纯粹的方式书写
soul: '❤️ 与诗意' // 最重要的灵魂成分
};npm installnpm run devnpm run buildnpm run lint # JavaScript/TypeScript 检查
npm run lint:css # CSS 代码检查在 posts/ 目录下创建新的 .md 文件:
---
title: '你的诗篇标题'
date: '2025-01-01'
excerpt: '诗篇的简短摘要'
tags: ['标签1', '标签2']
author: 'CodePoet'
---
# 你的诗篇内容
在这里用 Markdown 格式书写你的技术诗歌...codepoet/
├── src/
│ ├── app/ # 应用的核心诗篇
│ ├── components/ # 可复用的诗句组件
│ └── lib/ # 工具函数的诗意库
├── posts/ # Markdown 诗歌原稿
│ ├── 1-2025-0115.md # 第一首诗
│ ├── 2-2025-0120.md # Next.js 诗意艺术
│ └── 3-2025-0803.md # React 诗意实践
└── public/ # 静态资源
- 将代码推送到 GitHub
- 在 Vercel 导入项目
- 一键部署完成
如果你有自己的域名,可以在 Vercel 项目设置中添加自定义域名。
编辑 src/components/Header.tsx
编辑 src/app/about/page.tsx
修改 src/app/globals.css 和 Tailwind 配置
MIT License - 让诗意自由传播
SinzoL
- GitHub: @SinzoL
- Email: 3013749951@qq.com
- 项目地址: https://github.com/SinzoL/codepoet
欢迎所有热爱编程艺术的朋友们贡献代码和想法!
"在这个数字时代,让我们不仅做一个解决问题的程序员,更要做一个创造美的艺术家。"
—— CodePoet