如何使用GitHub Pages搭建页面

一 创建仓库

创建仓库.PNG

二 获取仓库

  • 1.打开settings,找到Github Pages 的设置,点击 source 中的 None ,使其变成 master 分支,也就是作为部署github pages 的分支,然后点击 save。

设置.PNG
  • 2.页面刷新之后,再看 github pages 设置框处,多了一行网址,就是你的 github pages 的网址了。

网站.PNG

三 创建本地文件

  • 1.在桌面新建一个文件夹,右键空白处点击 git bash here(首先确保安装了git)。

git.PNG
  • 2.克隆,复制链接。

clone.PNG

命令 git clone https://github.com/Cyokin1207/TNTpage.git
gitclone.PNG

  • 3.这个时候文件中就会多一个TNTpage文件,打开它。

文件夹.PNG

文件.PNG
  • 4.将自己的网页文件复制粘贴至该文件中。

添加.PNG
  • 5.命令git status,列出当前目录所有还没有被git管理的文件和被git管理且被修改但还未提交(git commit)的文件,也就是所有改动文件,红色字体标出。

git1.PNG
  • 6.然后输入 “git add . (有个点)” 表示添加当前目录下的所有文件和子目录。 然后 再输入一次 git status 如果看见文件都变绿了 ,那么就代表 它们已经准备好了被提交(git commit)。

git2.PNG
  • 7.输入命令(git commit -m ‘这里是描述test’)将文件上传至远程 master 分支

git3.PNG
  • 8.先git pull再git push。输入最后一行 git push,按回车,等一会,会有弹出框让你输入你的 github 账号和密码

git pull (从远程仓库下载到本地仓库)
git push (从本地仓库上传到远程仓库 )

git4.PNG

git5.PNG

  • 9.完成。回到GitHub你的仓库主页,刷新,不断的刷新,刚刷新的几次什么都没有,以为自己没有上传成功,反反复复又上传了好几遍,总之就是刷新到你怀疑人生。

上传成功.PNG

四 通过网址即可访问页面

https://cyokin1207.github.io/TNTpage/index.html

1.PNG

2.PNG

猜你喜欢

转载自blog.csdn.net/ganlubaba666/article/details/84035433
今日推荐