作品集
MyResume:一套可自定主题、带科技感前端的作品集 CMS
24 September 2026 · 1 min read · Desmond Yap Jia Chun
Back to portfolio
MyResume 就是您此刻正在浏览的网站。它是一套 Laravel 作品集 CMS:我在后台管理一切,保存后这个公开页面立即更新。
一个后台管理全部
- 个人资料:照片、职位、所在地、联系链接和自我介绍。
- 教育、经历、项目与博客:完整的新增、编辑与删除,描述部分配有富文本编辑器。
- 收件箱:联系表单的留言会送到这里,并区分已读与未读。
- 仪表板:访客记录,让我看到今天的访问量和整体流量。
在后台切换主题
主题设置页面让我挑选配色预设(黑金、海洋蓝、靛蓝、浅绿、石板灰或玫瑰),也可以自定颜色,并选择登录页背景。颜色以 CSS 变量输出,因此后台、登录页和这个公开网站会一起改变,无需重新构建。
带科技感的前端
- 首屏中一张随鼠标反应的互联节点网络。
- 终端风格的一行文字逐字打出我的职位,名字上带有故障(glitch)效果。
- 滚动显现、带旋转霓虹边框的卡片,以及沿经历时间线流动的数据脉冲。
- 对偏好减少动态效果的访客,繁重动画会自动关闭。
安全很重要
开发过程中我发现旧的图片上传会信任浏览器发来的文件扩展名。一个精心构造的「图片」可能被保存成网站上可执行的 HTML 页面。现在每张上传的图片都会被解码并重绘为新文件,只保留像素,任何隐藏脚本都会被丢弃。文件名和扩展名也改由服务器自行决定。
技术栈
Laravel 10 · PHP 8.1 · MySQL · Blade · KaiAdmin(Bootstrap)· jQuery · GD 图像处理 · Canvas 动画。