DEV Community
·
将个人作品集部署到GitHub Pages
💡
原文英文，约400词，阅读约需2分钟。
📝
内容提要
本文介绍了如何创建并部署一个个人作品集到GitHub Pages，步骤包括克隆仓库、安装依赖、编辑个人信息、运行项目和使用gh-pages包进行部署，完成后可分享作品集。
🎯
关键要点
- 本文介绍如何创建并部署个人作品集到GitHub Pages。
- 使用React、Typescript、framer-motion和tailwind CSS构建作品集。
- 创建作品集的步骤包括克隆仓库、安装依赖、编辑个人信息和运行项目。
- 使用gh-pages包进行部署，步骤包括创建GitHub仓库、添加React应用代码、编辑package.json中的homepage键、链接本地仓库到GitHub、构建和部署应用。
- 在GitHub设置中配置GitHub Pages，将源设置为gh-pages分支。
- 完成后可以分享作品集以获得更多关注。
❓
延伸问答
如何开始创建个人作品集？
首先克隆仓库，然后运行npm install安装所需的包，接着编辑个人信息，最后运行npm start查看效果。
使用什么技术构建个人作品集？
个人作品集是使用React、Typescript、framer-motion和tailwind CSS构建的。
如何将作品集部署到GitHub Pages？
使用gh-pages包进行部署，创建GitHub仓库，添加代码，编辑package.json中的homepage键，链接本地仓库，构建并推送应用。
在GitHub上如何配置GitHub Pages？
在GitHub仓库设置中，找到'GitHub Pages'部分，将源设置为gh-pages分支。
完成作品集后可以做什么？
完成后可以分享作品集以获得更多关注，尤其是在社交媒体上。
如何编辑个人信息以个性化作品集？
编辑src/data/profile.json文件以根据个人需求个性化作品集。
➡️
