上传本地代码到GitHub,并用GitHub pages配置静态网页

步骤

1.注册自己的github账号

网址附上,自己注册去吧 GitHub: Where the world builds software · GitHub

2.创建仓库

登录上你的GitHub账号,点击➕,点击New repository

然后得到如下页面,仓库名自己随便写一个,描述可写可不写,下面三个需打勾的框如果要上传的是本地代码即可以跳过,然后创建:

3.下载GitHub Desktop

点击Set up in Desktop,或者在网址下载GitHub Desktop | Simple collaboration from your desktop

 4.将本地代码通过GitHub Desktop上传到GitHub上

4.1打开刚下载的软件点击左上角的file,再点击clone repository

4.2打开之后点击GitHub.com,点击刷新,选择新建的仓库名称,点击clone,记住克隆到的路径(路径也可以自己选择)

4.3克隆完之后,找到你所克隆的那个路径,把本地想要上传的文件拖动到文件夹里,此时GitHub Desktop左侧会显示出你上传的文件,如图所示:

注:html文件名必须是index.html

 4.4点击Publish branch,将本地文件git push到GitHub仓库

之后刷新你的GitHub仓库页面会显示出你所上传的本地文件,如图所示:

 5.配置静态github pages网页

5.1为 repository 开启 github page 选项如图, 我们选中 Settings

往下滚动, 找到 Pages 选项, 将 Source 改为mian最后点击 Save按钮

最后我们会得到一个链接, 通过这个链接, 待会我们就能通过这个链接访问到该项目的 github pages 页面.

5.2打开git cmd将代码更新到github仓库

    cd github-pages-demo
    git add .
    git commit -m "Add simple code"
    git push

注:1.如没有git cmd,在我们使用git需要先安装git工具,这里给出下载地址,下载后一路直接安装即可:
Git for Windows

 2.第一行命令cd github-pages-demo,github-pages-demo为你刚才克隆到的路径

6.见证时刻

现在我们访问之前开启 github pages 选项时获得的 url, 就可以看到效果了

到这里就结束了,希望能帮助到大家。 

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值