到目前为止,我的个人网站已有四个版本。
HTML + CSS + JavaScript(版本1)
一开始,我的个人网站是HTML+CSS+JavaScript,没有后端,只是前端。即使它可以托管在 GitHub 页面中,我仍然在服务器上托管它。
陈攀的个人网站,版本1 。
链接:https://web.archive.org/web/20210601232934/https://www.v1.chenpan.xyz/
HTML+CSS+JavaScript+PHP+MySQL(版本2)
我带来了PHP和MySQL到我的个人网站,使它是一个动态的网页,使访问者可以留下评论给我。
此外,我为此版本做了一个简历管理系统,我可以更新我的在线简历,而无需接触HTML代码。
它曾经赢得了100%的Lighthouse性能得分。
我使用 LAMP 堆栈在 Ubuntu 服务器上托管此版本。
HTML+CSS+JavaScript+PHP(Laravel)+MySQL(版本3)
自2020年5月6日以来,我一直在使用 Laravel(遵循模型视图-控制器体系结构模式的 PHP 框架)重构我的个人网站。
陈攀的个人网站,版本3
链接: https://web.archive.org/web/20210601232831/https://www.v3.chenpan.xyz/
WordPress(版本4)
2020 年 12 月 6 日,我开始将个人网站集成到 WordPress 网站。为了加快速度,我搬到了LNMP堆栈,并使用了百度提供的全局CDN。
这是最新的版本。
陈攀的个人网站,版本4。
附录
- 所有四个版本都是多种语言。
- 所有四个版本都是移动友好的。
- 您可能会觉得访问存档版本很慢。这是因为现在它们托管在我的第二台服务器中,该服务器位于德国,并且我不在它们上实现 CDN(2020 年 12 月 16 日)。
- 版本 2 和版本 3 都基于版本 1,而版本 4 是全新的,并应用了不同的布局。