- Objective: - Breadcrumb: # 概念阐释 免费的静态网站或者编译文件例如[[🗃️ 卡片盒子/110 - 前端开发/Docusaurus/React]]的托管方式。将网站的文件放在一个仓库里，可以通过GitHub Pages会生成一个个人网址，此时你的网站已经上线了。 # 实例 - 创建仓库并添加URL - 修改文件 - push it ``` ~$ git add --all // +U ~$ git commit -m "Initial commit"// commit ~$ git push -u origin main //push origin ``` - 进入仓库的 setting - pages - 配置publish 和 custom domain # 相关内容 ### GitHub 和 GitHub Pages的关系 在GitHub上，代码是存储在[[仓库repository]]中的，可以把它想象成一种网络文件夹。GitHub[[Hosting 托管]]这个文件夹，让你和你的团队随时随地可以访问文件。但在GitHub上是看不到网站的显示页面的。 此时GitHub pages会将代码仓库连接到一个唯一的URL上，大家才能看到此网站。 总结：GitHub是存储源代码的文件夹，GitHub Pages是显示文件夹内容的网站。**** # 参考资料 - [GitHub Pages 命令行创建](https://pages.github.com/) 通过命令行创建一个网站，先下载到本地，在将修改提交 - [GitHub Pages在线创建](https://www.codecademy.com/journeys/full-stack-engineer/paths/fscj-22-web-development-foundations/tracks/fscj-22-deploying-websites/modules/wdcp-22-deploy-a-site-with-github-pages-406cfd8f-7603-4385-8d17-1e6a04918d73/articles/creating-a-website-on-github-pages) - [GitHub Pages doc文档](https://docs.github.com/en/pages) gitignore github action文件 publish 文件