在Github上部署html公开网页 |
您所在的位置:网站首页 › 动态网页部署 › 在Github上部署html公开网页 |
亲测实用。 没什么大问题,基本没改动。 链接:在GitHub Page上部署网页 1.注册GitHub账号注册地址:https://github.com/join?source=login 自行注册。 2.创建Git仓库(Repository)点击右上角的加号创建仓库 填写仓库名称就可以点击下面的绿色按钮创建了。 其中: Description——仓库描述,选填; Public,Private——GitHub限制免费用户只能创建公开仓库; Initialize this repository with a README——初始化仓库时添加README,readme是一个说明文件,用markdown语法编写,打上勾的话就默认添加了这个文件,如果不打勾后期也可以自己添加; 3.本地配置Git创建好仓库后显示下图页面,点击红框标记按钮复制仓库地址。 这时候需要用到Git命令了 ,Git是一个分布式版本控制软件3,我们就通过Git命令来同步和管理代码。 安装好之后初次运行Git需要做一些配置: 打开系统自带的Terminal; 设置username和email,github每次commit(提交代码)都会记录他们,在Terminal中分别输入以下代码; git config --global user.name "你的用户名" git config --global user.email "你的邮箱"一般来说这样就可以了,如果考虑到传输安全的问题,可以考虑加上SSH协议,具体操作可以搜索“SSH keys Git”关键词。 4.克隆云端仓库到本地配置完Git之后,选择一个本地文件夹来存放你的云端仓库,回头要把云端的仓库克隆到这里。比如下图我选择了Front这个文件夹。 输入以下命令,其中cd(Change directory)意为切换目录到…: cd 文件夹地址【其中文件夹地址不一定要手输,直接把文件夹拖到Terminal里面也行,按下回车。】 再输入以下代码把云端仓库克隆下来,仓库地址为之前第3步复制下来的地址。 git clone 仓库地址此时你的仓库根目录下应该已经有克隆下来的仓库了,仓库里什么也没有。 5.上传文件到云端仓库到这步,我们需要在本地库中添加些东西,官方文档中是直接用命令把文件写进去: 首先切换本地目录到克隆下来的库; cd 库标题新建一个index.html文件,并在里面写入Hello World。 echo "Hello World" > index.html当然我们也可以直接把文件拷到到本地库文件夹下,或者在里面创建。注意这个文件夹下一定要有一个index.html文件,这里默认读者会点html,不解释了。 接下来就可以把文件上传到云端仓库了,在Terminal中输入以下命令: 把该文件夹下所有文件纳入版本管理; git add .commit代码,把代码的一个版本提交到本地; git commit -m "版本日志"push代码,把代码推(上传)到云端仓库,稍等一会儿就好了。 git push -u origin master 6.设置GitHub Pages这时我们已经成功将index.html文件推到云端仓库了,再一步就能大功告成,点击下图红框标记进入Setting页面: 拉到下面的GitHub Pages部分,按下图所示选择master branch(主分支),点击save。 刷新页面之后再回到GitHub Pages部分,可以看到页面已经发布,点击链接进入就大功告成啦! 7.结尾后续的不断地修改更新只需要重复这几部就可以了,代码如下: cd 本地库目录 git add . git commit -m "版本日志" git push -u origin master |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |