博客系统诞生记:Windsurf AI加持下Python博客系统

博客首页截图这几天黑五,自己一些域名到期续费,其中有个域名之前想放弃了,一直没怎么用,但是续了好多年了。 后来看到说SEO上新老域名的外链价值不同,想想还是继续续费,然后写写博客,还能做些外链。

本来是想想用typecho系统来搭个简易的,但想到前几天用Windsurf AI + Django做了个简单系统,相对丝滑,所以想想要也试试用Windsurf+Python来做个简单的? 这样对于页面的优化更好控制,也相对更安全些,说干就干。

从开始写第一个Prompt到写这篇文章,一共过去1天半,真正花在这个系统上时间约5个小时左右。这个过程真的像是过山车。

前10分钟,出了一个版本,首页,详情,分类页,带后台管理,分类,文章,标签管理等 ,真的惊讶到我了,10分钟,我写了一段话,然后Windsurf AI 便给我用了Python + Django + sqlite3做了个简易的博客管理系统,可用的系统。 我当时就想截图发到推上,但想想这么快,我再优化下,直接发篇文章不是更好!

但是后面的过程真是比较崩溃,主要问题点: - 增加markdown编辑器后,图片上传成功,但编辑界面还是空的,无法保存。 - 界面细节调整,当解决一个问题后,把原来没问题一起改了,而且改出问题来 - 发布线上服务器,服务器的Python库的和本地不同,几个依赖包反复试,期间,Windsurf还尝试给我更换组件来处理。

现在想想,其实不应该怪Windsurf AI,主要自己对于Python的技术和Django的生态不了解,如果对此熟悉的同学,中间问题随手就处理了,可能效率会更高。 而且一些标准化的,如 Og,Rss,一句话,Windsurf就能做得很好。

原本想把整个过程的Prompt都记录下来,但中间过程问题太多,不具参考意义,所以我把最早10分钟的和中间相对完整的功能实现的Prompt贴下面,有兴趣的朋友可以试试看。

提示1:
个人简易博客需求
技术
- 基于python + django + sqllite 
- 前端界面不要使用第三方样式库,只需要支持简单的响应式即可。
- 管理后台不限,使用django admin即可
页面
- 首页 / 文章列表 
- 文章详情
- 关于页
- 按分类查看文章
- 按标签查看文章
- 搜索

---------------
提示2:
非常棒。我想调整下首页/文章列表等 页面布局,中间左则部分显示 文章列表,右侧部分依次显示:分类,最新文章,最热文章,标签。
布局左右比例为7:3 左右
---------------
提示3:
后台管理的文章编辑部分,需要支持markdown编辑,支持图片上传,支持markdown预览, 支持html编辑,支持html预览 

---------------
提示4:
文章列表增加分页
文章详情底部增加 前一篇,后一篇

---------------
提示5:
检查下管理后台post些方法,以及编辑器,是否存在 安全漏洞,比如没有登录就可以调用后台管理的地址等 

---------------
提示6:
帮我生成一个 F 字符的  favicon.ico, 黑色字体,白底。同时生成一个  同样的 svg格式的logo.

---------------
提示7:
继续优化:对静态资源文件进行压缩,在发布时进行压缩
1、对css文件进行压缩
2、对js文件进行压缩
3、对html文件进行压缩

---------------
提示8:
非常好!
请告诉我,如何将程序部署到外网的VPS上?VPS已经安装好了nginx

说实话,做这个系统,如果是公司的同事来做,这些时间还不一定搞得出来,代码质量也未并比这个好。所以未来AI 开发者对于软件公司或独立开发者来说,都可以节省不少人力,代码质量也会很大的提升。

这个系统我还会借助Windsurf继续优化,持续完善这个系统。