分類
專案精選

個人網站

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

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 是全新的,並應用了不同的佈局
分類
部落格

個人網站重新設計


從HTML + CSS + JavaScript到Vanilla PHP,

從Vanilla PHP到Laravel,

從Lravel返回WordPress。