我的作品集网站……献给您!
由 Mux 主办的 DEV 全球展示挑战赛:展示你的项目!
上周末,我决定重做我的作品集网站michaelsolati.com,这项工作我一直拖延着没做。作为一名开发者🥑(倡导者),我经常在各种活动中发表演讲,撰写博客文章,并维护一些库。重做作品集时,我希望能够全面展示这些内容,而无需更新网站。新网站不仅实现了这些目标,还增加了更多功能,例如:
- 它通过Puppeteer从LinkedIn 上提取我的工作经历并显示在.
/ - 我在 dev.to 上写的文章显示在
/articles. - 我最受关注和最新的 GitHub 代码库显示在
/code. - 录制的演讲视频来自 YouTube 播放列表,并在
/talks. - 提供两种主题,一种适用于浅色模式的设备,一种适用于深色模式的设备。
- 由于 Firebase Functions 上运行着 SSR,即使禁用 JavaScript,它也能正常工作。
- 借助 Service Worker,它也可以离线运行。
- 它会抓取我的 dev.to 个人资料图片并保存,还会根据该个人资料图片生成 PWA 图标。
- 更新
manifest.webmanifest文件。 - 保存我 dev.to 帖子中的所有封面图片或社交图片。
- 保存播放列表中所有 YouTube 视频的预览图像。
- 生成可用于 Twitter 或 Facebook 等网站的屏幕截图。
- GitHub Actions 将每周更新所有数据和图像,然后部署到 Firebase。
它确实功能很多,但最精彩的部分来了……
一切皆可定制!
这意味着您可以 fork 它,只需更新environment.general.ts文件即可使网站完全根据您的需求进行定制。
该项目已在GitHub上发布,只需查看README 文件即可开始使用。
祝大家玩得开心!
想了解我的最新动态,请在Twitter和dev.to上关注我。如果你想看代码,可以在GitHub上找到我。
文章来源:https://dev.to/michaelsolati/my-portfolio-site-for-you-1ghj