我是如何想出我的投资组合的

---

这个想法

我的电子邮件签名中曾经包含 about.me。我不时更新它，但它缺少我想要添加的链接。那时，linktree 和 carrd 还不是一个东西，即使它们是我仍然喜欢添加我以某种方式完成的项目。基本的投资组合功能，至少是链接和一些“关于我”的文本，应该在没有 JS 的情况下也能工作。

---

主题

在新冠病毒编码课程期间，《寂静岭》的轻松氛围陪伴着我；我认为 B.G.M.、字体和配色方案就足够了。虽然我想创建一个配色方案，但色彩理论不是我的领域。快速访问冷却器就达到了目的。至于音乐，我还不能聘请 Akira Yamaoka，但我有 deadeyejam 的 jam for the dead，就像 jam for the dead jamming for the dead（谢谢！）。

我可能很快就会添加图形，但现在这个和学习工具就可以了。

---

工具

超文本标记语言

了解搜索引擎如何读取 HTML 文档的基础知识有助于引擎确定页面是否包含相关信息。不要使用

，而是使用 s、headers (

、

、...)、

;, , ...

在这个项目中，我必须尝试

。它仍然需要 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中文网其他相关文章！