Skip to content

SinzoL/codepoet

Repository files navigation

CodePoet

用代码编织诗意,用技术书写人生

🎨 项目简介

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 install

启动开发服务器

npm run dev

构建生产版本

npm run build

代码质量检查

npm 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/                  # 静态资源

🎯 部署

部署到 Vercel

  1. 将代码推送到 GitHub
  2. Vercel 导入项目
  3. 一键部署完成

自定义域名

如果你有自己的域名,可以在 Vercel 项目设置中添加自定义域名。

🎨 自定义

更改网站标题

编辑 src/components/Header.tsx

修改个人信息

编辑 src/app/about/page.tsx

调整样式主题

修改 src/app/globals.css 和 Tailwind 配置

📄 许可证

MIT License - 让诗意自由传播

👨‍💻 作者

SinzoL

🤝 贡献

欢迎所有热爱编程艺术的朋友们贡献代码和想法!


"在这个数字时代,让我们不仅做一个解决问题的程序员,更要做一个创造美的艺术家。"

—— CodePoet

About

A repo

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published