分类
项目精选

个人网站

到目前为止,我的个人网站已有四个版本。

HTML + CSS + JavaScript(版本1)

一开始,我的个人网站是HTML+CSS+JavaScript,没有后端,只是前端。即使它可以托管在 GitHub 页面中,我仍然在服务器上托管它。

This image has an empty alt attribute; its file name is image-1024x505.png
陈攀的个人网站,版本1 。

链接:https://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 框架)重构我的个人网站。

This image has an empty alt attribute; its file name is image-1-1024x503.png
陈攀的个人网站,版本3

链接: https://v3.chenpan.xyz

WordPress(版本4)

2020 年 12 月 6 日,我开始将个人网站集成到 WordPress 网站。为了加快速度,我搬到了LNMP堆栈,并使用了百度提供的全局CDN。

这是最新的版本。

This image has an empty alt attribute; its file name is screenshot-1024x768.png
陈攀的个人网站,版本4。

附录

  • 所有四个版本都是多种语言。
  • 所有四个版本都是移动友好的。
  • 您可能会觉得访问存档版本很慢。这是因为现在它们托管在我的第二台服务器中,该服务器位于德国,并且我不在它们上实现 CDN(2020 年 12 月 16 日)。
  • 版本 2 和版本 3 都基于版本 1,而版本 4 是全新的,并应用了不同的布局。