通过github展示本地网站

我们如果想搭建自己的网站,又不想花钱去买域名(在国内的网站买域名要审核备案,比如在阿里云上注册域名,大概要1个月的时间审核,在国外的网站买域名,价格便宜,不用备案,比如cheapname,但是支付方式是国外的,不支持支付宝等),只是想单纯的在公网上展示一下自己的网站界面,我们可以利用github的网站展示功能来做到这一点,将项目部署好之后,将项目名作为网址可以访问到我们写的网站。下面是具体的操作步骤:

1.首先你要有github的账号,注册之后,新建一个repository,名字一定要是"你的用户名.github.io",然后把Initialize this repository with a README勾上,其他默认,点创建仓库就好了。

2.此时,在网页上操作,上传你的网页,注意网站的首页必须是index.html,不然github会访问不到。上传之后,点击commit你用你项目的名字"你的用户名.github.io"访问,如果访问不到,注意在前面加上https://,手机和pc上都可以访问试试。

3.在网页上上传你会发现,不能上传文件夹,所以我们要在本地同步库到github中,我们在git的官网上下载git for windows,安装时除了路径自己选其他都按默认的来。安装完之后,我们在要提交的网站文件夹下面右键,git bash here,然后输入git init,然后添加文件:git add 文件名或者文件夹名,然后git status查看上传的状态,然后git commit -m '提交的标签' 提交文件,这几步是把本地的文件提交到要上传文件的队列中,然后,git remote add origin git@github.com:github的账户名/仓库名.git,origin是本地标记的远程库的名字,可以自己取,然后我们要配置本地git的用户名和邮箱,git config --global user.name "自己取的用户名", git config --global user.email "自己的邮箱",此时,我们还需要github的ssh和本地的ssh保持一致,一遍github找到本地地址,输入命令:cd ~/.ssh,如果显示没有此文件夹说明本地ssh未生成,如果有了就删掉它,然后

 ssh-keygen -t rsa -C "刚才设置的自己的邮箱",连续三次回车设置密码为空,生成ssh文件夹之后,会在C:\Users\你登录的账户名\.ssh文件夹会生成id_rsa.pub文件,复制里面的内容,然后点击github网站上你的头像,settings,ssh and gpg keys,new ssh keys,起个名字将刚才复制的粘贴到里面。以上操作详见点击打开链接

然后在网站目录下,git push -u origin master(origin是刚才取的远程库的名字),如果报错:

$ git push -u origin masterTo git@github.com:xxx/xxx.git ! [rejected]

master -> master (fetch first)error: failed to push some refs to 'git@github.com:xxx/xxx.git'hint:

Updates were rejected because the remote contains work that you dohint: not have locally.

This is usually caused by another repository pushinghint: to the same ref.

You may want to first integrate the remote changeshint: (e.g., 'git pull ...') before pushing

again.hint: See the 'Note about fast-forwards' in 'git push --help' for details.

原因: 
GitHub远程仓库中的README.md文件不在本地仓库中。 
解决方案:

$ git pull --rebase origin master
$ git push -u origin master
如果显示Everything up-to-date就说明上传文件成功了。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值