這個想法

我的電子郵件簽名中曾經包含 about.me。我不時更新它，但它缺少我想添加的連結。那時，linktree 和 carrd 還不是一個東西，即使它們是我仍然喜歡添加我以某種方式完成的項目。基本的作品集功能，至少是連結和一些「關於我」的文本，應該在沒有 JS 的情況下也能工作。

主題

在新冠病毒編碼課程期間，《寂靜嶺》的輕鬆氛圍陪伴著我；我認為 B.G.M.、字體和配色方案就足夠了。雖然我想創造一個配色方案，但色彩理論不是我的領域。快速存取冷卻器就達到了目的。至於音樂，我還不能聘請 Akira Yamaoka，但我有 deadeyejam 的 jam for the dead，就像 jam for the dead jamming for the dead（謝謝！）。

我可能很快就會添加圖形，但現在這個和學習工具就可以了。

工具

超文本標記語言

了解搜尋引擎如何讀取 HTML 文件的基礎知識有助於引擎確定頁面是否包含相關資訊。不要使用

在這個專案中，我必須嘗試

。它仍然需要 JavaScript 才能運作。在我看來，擁有一個「dialog」標籤比吃另一層

更好。甜點。如果搜尋引擎能感覺到的話，可能是這樣的我不知道。

>允許在沒有 JS 的情況下總結細節。透過進一步的造型，這對我有用。

CSS/SASS

該組合的第一個 Webkit 版本將 SASS 處理為 CSS 以滿足無 JS 要求。當我轉移到 React 時，有一個附加的可選過程，用於選擇一些 SASS 檔案作為靜態樣式表。

我想檢查如何在外部樣式表中套用 React 的 %PUBLIC_URL% ，這樣靜態樣式表就不是可選的。目前，可選的靜態樣式表處理就可以了。

反應

將作品集劃分為多個組件是可取的，因為它主要是資訊列表，例如連結、作品集項目和技能。

很高興知道 React 的元件可以擁有自己的模組樣式表，但要在靜態樣式表中包含一些元件樣式，需要將樣式模組匯入到主 SASS 檔案中。

Github 頁面

只是一個簡單的三部分登陸頁主機，加上頁面資源。

蘇帕貝斯

作品集需要以某種方式擁有資訊來源。有了 Supabase，我已經在雲端擁有了一個資料庫 Web 管理員、一個文件儲存和 API！想要為 Edge Functions 提供本地開發環境需要一點學習曲線。準備好開闢一條 CLI 路徑：

• Docker 設置，如果您還沒有
• 初始化 Supabase 專案
• 線上連線到您的 Supabase 專案
• 為 Supa 的資料庫拉取並建立本地設定
• 在 VSCode 中配置 Deno
• 啟動本地資料庫
• 寫邊函數

...最後在線上部署該功能。

結果

https://github.com/rhizene/status

接下來是什麼？

• 我正在考慮研究 Next 來處理靜態樣式表、內容並改進 SEO。
• 主題圖形，也許還有品牌標誌。
• 更好的介紹和導航創意。

以上是我是如何想出我的投資組合的的詳細內容。更多資訊請關注PHP中文網其他相關文章！