自己搭了个博客网站,求佬友们提提建议

Hello,各位佬友们!
最近上班不太忙,就动手搭建了一个个人博客网站:ptclove.com
:warning: 温馨提示:服务器是 2 核 2G 的小水管,访问可能会有点卡,见谅~
之前我用 Hexo 框架搭过自己的博客,但一直听说 Next.js 做个人网站很不错,定制化程度也更高,于是这几天就开始折腾了。前后大概花了一周时间,现在有了一个初步的雏形。
技术栈:
框架:Next.js + Prisma
编辑器:TipTap
图床:目前支持阿里云
其实我最开始只是想搞个静态站点,用 Vercel 托管就完事了。结果听同事说"接个后端啊",然后……就一发不可收拾了:joy: 陆续加入了一些定制化的功能。
关于 Cursor Skill 自动发博客
最近 Cursor 的 Skill 功能比较火,我用它实现了一个自动向博客提交文章的功能。简单来说,就是在 Cursor 里说一句"帮我生成博客",AI 就会自动:
分析代码改动:可以根据 commit、指定主题、或整个项目来生成
撰写文章:自动生成包含背景、技术方案、实现细节、总结的完整博客
一键发布:通过 API 直接发布到博客系统
这样以后总结 commit 记录或者梳理项目架构就方便多了,不用自己从头写了。
Skill 配置示例:

---
name: generate-blog
description: 生成技术博客并发布到 Ink & Code。支持根据 commit、主题或整个仓库生成博客文章。当用户提到"生成博客"、"写博客"、"发布文章"、"根据commit写博客"时触发。
---

# 生成博客文章

通过 Cursor AI 生成高质量技术博客,并发布到 Ink & Code 博客系统。

## 工作流程

当用户请求生成博客时:

### 1. 确定生成模式

询问用户想要哪种模式:
- **commit 模式**:根据某个 commit 的改动生成(需要 commit 哈希或使用最近的)
- **topic 模式**:根据特定主题生成(需要主题描述)
- **repo 模式**:介绍整个项目

### 2. 收集上下文

根据模式收集相关代码:

```bash
# commit 模式
git diff HEAD~1 HEAD
git diff --name-only HEAD~1 HEAD

# 读取改动的文件内容

3. 生成博客内容

根据代码上下文,撰写一篇高质量中文技术博客,包含:

  • 引人注目的标题
  • 背景:为什么做这个改动,解决什么问题
  • 技术方案:核心设计思路,关键技术选型
  • 实现细节:核心代码解析,踩过的坑
  • 总结:收获、最佳实践

4. 发布文章

使用脚本发布到博客系统:

./.cursor/skills/generate-blog/publish.sh "文章标题" "标签1,标签2"

脚本会读取剪贴板中的 Markdown 内容并发布。

或者手动调用 API:

curl -X POST "${INK_AND_CODE_URL}/api/article/create-from-commit" \
  -H "Content-Type: application/json" \
  -H "Authorization: Bearer ${INK_AND_CODE_TOKEN}" \
  -d '{
    "title": "文章标题",
    "content": "Markdown 内容",
    "tags": ["标签1", "标签2"],
    "published": false
  }'

配置

.cursor/skills/generate-blog/.env 中配置:

INK_AND_CODE_TOKEN=ink_your_api_token
INK_AND_CODE_URL=http://your-blog-url.com

写作指南

文章结构

## 背景
- 遇到的问题或需求
- 为什么现有方案不够好

## 技术方案
- 核心设计思路
- 关键技术选型及原因

## 实现细节
- 核心代码解析
- 重要的细节处理
- 踩过的坑

## 总结
- 改动带来的效果
- 学到了什么

写作风格

  • 中文撰写,专业术语保留英文(如 API、Hook、State)
  • 解释"为什么"比"是什么"更重要
  • 代码示例精炼,附带解释
  • 800-2000 字为宜

发布命令

./.cursor/skills/generate-blog/publish.sh “文章标题” “标签1,标签2”


目前这个网站还只是个 demo,暂时没想着推广,毕竟做笔记类工具的项目也很多了。主要是想征求一下老友们的意见,大家随便提提建议,看看后续有没有继续完善和推广的价值。
感谢各位!🙏
17 个赞

不错不错的

1 个赞

这是bug吗

这个应该是指个人建站用nextjs+vercel免费额度直接一套很方便(到要付费了就完犊子了…因为vercel的费用太杂了)

是的我刚修了 :rofl:

访问速度不错哦

:rofl:是的,Vercel 免费额度确实很香,我最开始也是这么打算的

静态网站的话我还是推荐部署到 Cloudflare Pages 上,速度慢一些但是不需要担心有的没的费用。

2 个赞


这一侧的空间这么大是不是有点浪费啊

1 个赞

佬友多大分辨率,我这响应式没适配到位

2K的分辨率

1 个赞

在文章右边添加一个目录吧,方便跳转。

分享的页面吗

1 个赞

好的佬,很好的建议

非常不错

佬友太强了

2 个赞


我感觉左右两边太单调了,显得文字很小 可以动态适配宽度?文字放大?

2 个赞

谢谢佬友建议,下午有个佬友提了右边太多了,我暂时先居中了,后面会做响应式优化

感谢分享

1 个赞