轻松搞定GitHub Pages

GitHub支持创建个人或组织以及项目这两种类型的网站。
本文章将向大家分享如何为项目、组织或个人创建一个GitHub Pages。

为项目创建GitHub Pages

https://crazycodeboy.github.io/TakePhoto这是开源项目TakePhoto的GitHub Pages,大家可以先看一下效果。
你可以为你的项目创建一个GitHub Pages,大致分为以下步骤:

第一步:仓库设置

在GitHub上打开你的仓库首页,单击设置(Settings)页签
打开仓库设置页面

第二步:使用自动生成器生成GitHub Pages

下拉设置页面到GitHub Pages,单击Launch automatic page generator
使用自动生成器生成GitHub Pages

第三步:添加内容

使用GitHub编辑器为编辑网站内容。如果项目中已经存在README.md,可以使用README.md作为网站内容。
添加内容

编辑完成后单击右下方的Continue to Layouts按钮。

第四步:选择主题

你可以为GitHub Pages选择一个主题:
选择主题
选择好主题后,单击Publish 按钮即可完成GitHub Pages的发布。
至此,你的GitHub Pages已经创建完成并发布,打开浏览器即可浏览:http://username.github.io/repository.

为组织或个人创建GitHub Pages

GitHub支持创建组织或个人创建GitHub Pages,通过以下步骤即可完成创建:

第一步:创建一个仓库

你需要创建一个username.github.io格式的仓库,username为你的GiHub账户的账户名或组织名。
创建仓库

第二步:将仓库clone到本地

将仓库clone到本地:
将仓库clone到本地

第三步:创建首页

在仓库的根目录中创建一个名为index.html的文件。
创建GitHub Pages首页

第四步:发布GitHub Pages

index.html文件就是你的GitHub Pages的首页,编辑这个文件,然后将它push到你的远程仓库即可。
发布GitHub Pages

第五步:打开浏览器查看你的GitHub Pages

在浏览器中输入http://username.github.io.,username改为你的GitHub 账户名。
查看你的GitHub Pages

参考

GitHub Pages

GitHub Pages是一个允许用户将GitHub仓库转换为网站的服务。通过GitHub Pages,您可以展示您的简历、项目、文档或任何其他内容。您可以在GitHub Pages上创建个人网页、项目页面或文档页面,使用自己设计的内容和组织架构。GitHub Pages提供了简单的方式来搭建和托管您的个人网页或项目页面。您可以使用git命令上传文件至GitHub仓库,或者直接在GitHub仓库内选择已编译好的index.html文件来快速搭建网页。GitHub Pages的URL由您的GitHub帐号名和仓库名组成,例如如果您的GitHub帐号为mygithub,需要发布的仓库名为myrepo,那么该页面的URL将为:https://mygithub.github.io/myrepo。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [【GitHub.io/Github Pages使用教程】从头开始搭建自己的Github Pages,打造个人博客网站,展示个人简历、...](https://blog.csdn.net/Xminyang/article/details/125239381)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [github pages 用法详解](https://blog.csdn.net/lancemao/article/details/126497147)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值