標籤: PHP

分類
專案精選

個人網站

到目前為止，我的個人網站已有四個版本。

HTML + CSS + JavaScript（版本1）

一開始，我的個人網站是HTML+CSS+JavaScript，沒有後端，只是前端。 即使它可以託管在 GitHub 頁面中，我仍然在伺服器上託管它。

This image has an empty alt attribute; its file name is image-1024x505.png
陳攀的個人網站，版本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 框架）重構我的個人網站。

This image has an empty alt attribute; its file name is image-1-1024x503.png
陳攀的個人網站，版本3。

鏈接： https://web.archive.org/web/20210601232831/https://www.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 是全新的，並應用了不同的佈局