运行以下命令使用此模板
npm create astro@latest -- --template SofiDevO/portfolio-sofidev-garrux
打造您的作品集
您的作品集是您的数字店面,潜在客户和雇主可以在这里一窥您的技能和专长。通过作品集模板,您可以创建一个视觉上令人惊叹的展示,留下持久的印象。
开始入门
要开始创建您的作品集,请前往 /src/data/portfolioData.js。在这里,您将找到一个结构化格式,用于添加每个项目的详细信息,包括图片、标题、描述和相关 URL。
// Sample Portfolio Data Format export const portfolioData = [ { imgSrc: 'https://example.com/project1.png', title: 'Project 1', skills: ['React', 'StyledComponents'], description: 'A brief description of your project.', demoURL: '', repoURL: '', anim: 'fade-right', }, // Add more projects here ];
使用 Iconify 添加图标
使用 Iconify 的图标来增强您的项目列表。只需在您的数据中指定图标标识符,并在您的项目中包含 Iconify 脚本即可。
<!-- Example Icon Usage --> <iconify-icon icon="logos:react" width="27" height="27"></iconify-icon>
利用现代技术
在幕后,作品集模板利用尖端技术来提供无缝的体验。
- Astro:一个现代化的静态网站构建器,通过减少 JavaScript 的传输来优化性能。
- React:一个用于构建用户界面的强大 JavaScript 库。
- Tailwind CSS:一个实用程序优先的 CSS 框架,可实现快速样式设计和定制。
- Styled Components:一个流行的库,可轻松为 React 组件设置样式。
- Iconify:一个综合库,可用于访问来自不同集合的数千个图标。
将您的设计变为现实
借助作品集模板,您可以灵活地定制作品集的每个方面,以反映您独特的风格和个性。无论您是设计师、开发者还是创意专业人士,此模板都为您提供了一个展示作品的完美画布。
使用 Figma 进行设计
为了帮助您入门,我们提供了一个 Figma 设计链接,您可以在其中探索和编辑模板的视觉元素。让您的创造力尽情发挥,让您的作品集真正脱颖而出!
联系我们
我们不断改进和更新作品集模板,以满足用户的需求。如果您遇到任何错误或对新功能有任何建议,我们非常乐意听取您的意见!
作者和许可证
- 作者: SofiDev / Garrux
- 许可证: MIT
参与其中
在 GitHub 上加入社区,为作品集模板的持续发展做出贡献。我们可以共同打造出真正卓越的东西!
立即开始构建
准备好将您的作品集提升到一个新的水平了吗?下载作品集模板,开始打造您的杰作。无论您是经验丰富的专业人士还是刚刚起步,此模板都拥有您展示才华和专业知识所需的一切。
在 ko-fi 上支持我 💜
如果这个主题对您有用,您可以通过请我喝杯咖啡来支持我的工作 💜