在github搭建自己写的网页

今天晚上在github搭建了自己的网页,之后还会用到,记录一下整个过程,为以后使用做一个参考。

一、准备工作
(1)首先是安装git

下载链接:https://git-scm.com/downloads

在这里插入图片描述
在中间选择时macOS、windows以及Linux/Unix。
安装过程基本也是按照默认,不懂可以百度安装方法。
(2)在GitHub官网注册账号
直接百度Github
在这里插入图片描述
选择官网进入。注册账号的时候只需要邮箱,然后根据提示点确定就可以。

二、搭建GitHub Pages
登陆账号后展开右上角加号点击New repository
在这里插入图片描述
点击之后只需要填写Repository name就可以,中间的Description可以不填写,然后点击Creart repository。
在这里插入图片描述
新建之后的页面
在这里插入图片描述
之后点击Code最右边的Settings,然后点击倒数第二项的Pages,再点击Choose a theme
在这里插入图片描述
然后随便选择一个主题,点击确定即可。
在这里插入图片描述
返回主页面之后往下滑,找到Commit changes点击即可
在这里插入图片描述
返回主界面之后点击Code,记住这个地址,后面需要用到。
在这里插入图片描述

三、将新建的仓库拷贝到本地
打开前面安装的git(Git Bash)。
在这里插入图片描述
选择一个拷贝目录,这里我选择的是d盘下的github,然后cd进入此目录。
在这里插入图片描述
在这里插入图片描述
写拷贝代码,地址就是上面提到的Code下的地址。
在这里插入图片描述
拷贝完后会发现目录下已经的得到了仓库下的那两个文件
在这里插入图片描述
之后把自己想要搭建的网页文件复制进去
在这里插入图片描述
在Klepelan文件夹下(进入后会显示一个gh-pages,表示这个目录是git管理下的gh-pages分支)执行git status查看文件状态(所有还没有被git管理的文件和被git管理且被修改但还未提交(git commit)的文件,显示为红色)
在这里插入图片描述
提示使用"git add .“命令将wkzlike.html状态改变,有个”."表示提交新文件(new)和被修改(modified)文件,不包括被删除(deleted)文件
在这里插入图片描述
最后提交代码 git commit -m “备注信息:代码提交”
如果第一次commit,需要全局设置一下邮箱和用户名(就是注册时候的);再提交就OK了(这里如果开始先添加了SSH Key应该就不用设置,因为在添加SSH Key时会设置这2项)
,因为我是不是第一次添加了,所有没有图片的解释。在Git Bash登录github账号的代码为:
"git config --global user.email “邮箱”
"git config --global user.name “用户名”
git commit -m “备注信息:代码提交”
按照我的用户对应就为:
"git config --global user.email “×××××××××@qq.com”
"git config --global user.name “Wkzlike”
git commit -m “备注信息:代码提交”。

最后一步,输入git push把本地的代码推送到github服务器
在这里插入图片描述
再打开仓库会发现已经上传成功了。
在这里插入图片描述
这两个文件可以删除也可以保留,建议删除。

删除步骤:(1)点击选择文件
在这里插入图片描述
(2)点击右边的垃圾箱
在这里插入图片描述
(3)再点击下面的Commit changes就可以了。
在这里插入图片描述
PS:若要删除整个仓库文件
在这里插入图片描述
从右边的Settings的Options里一直往下滑,点击Delete this respository
在这里插入图片描述
再填上上面的confirm信息就可以全部删除
在这里插入图片描述
四、查看自己搭建的网页
返回到Setting、Options、Page,复制这个网页
blog.csdnimg.cn/5b7b16cbd91a4435a2556d9e86a95ce5.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAV2t6bGlrZQ==,size_20,color_FFFFFF,t_70,g_se,x_16)
然后在后面添加自己写的html文件:
https://wkzlike.github.io/Klepelan/ + ×××××××.html
按照我的就是https://wkzlike.github.io/Klepelan/wkzlike.html
然后打开网站就会发现自己的网站已经上传了。
在这里插入图片描述
在这里插入图片描述

  • 2
    点赞
  • 37
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值