← 返回我的技术栈
2026.9~ 开发中

个人展示网站

从信息组织、页面设计到网站实现,记录开发过程中的方案选择与问题解决。

项目信息 展开 收起
开发方式
纯 Vibe Coding · 未手写代码
技术范围
Django
HTML·CSS·JavaScript
服务器运维
网站备案
项目前基础
Django 后端框架基础
项目中掌握
个人非经营性网站备案流程
本人负责
备案材料准备与流程推进
Django 后端架构设计
前端视觉方案设计
AI 负责
服务器部署与运维执行
前后端代码实现
调试与测试

项目定位

本项目不仅用于展示内容,也用来实际验证 Django 内容组织、前端页面设计、服务器运维和个人网站备案的完整流程。

当前实现

网站采用 Django 模板、普通 CSS 和少量原生 JavaScript,首页、栏目页、项目主页和项目文章保持同一套视觉语言。

验证方式

通过自动化测试、不同宽度下的页面检查以及正式 HTTPS 地址验收,确认路由、内容和静态资源能够正常访问。

PROJECT ARTICLES / 项目文章

过程与复盘

排序: 默认
2026-09-12 完全由 AI 整理

Astra 如何完成这次全站排版调整

记录 Astra 从项目页扩展到全站的响应式排版检查、修改与验证,以及我对返回目的地和页面宽度提出的两处纠正。

响应式设计 / 阅读体验 / AI 自主开发
2026-09-12 完全由 AI 整理

Django 后端重构

从一次推荐阅读功能的调整出发,记录网站如何把文章本体与展示关系彻底拆开。

Django / 后端重构 / 内容架构
2026-09-11 完全由 AI 整理

Django 后端架构设计

从网站需要展示的内容出发,说明栏目、项目与文章如何分层,以及 Markdown、元数据、数据库和 Django 模板各自承担什么工作。

Django / Markdown / 内容管理
2026-09-11 完全由 AI 整理

这个首页是怎么一点点改出来的?

记录首页从三栏折页原型扩展为四栏,再经过等大卡片、错落布局、浮动与叠纸实验,收敛为一栏一纸及双触发动画的过程。

首页设计 / 响应式设计 / 交互设计