分析如何通过GitHub Page发布个人网页

五连环画

本篇记录了如何通过GHP发布个人页，所以适合以下设计师阅读：创意图片的相关问题可以到网站了解下，我们是业内领域专业的平台，您如果有需要可以咨询，相信可以帮到您，值得您的信赖！

有一定前端知识；




想在页上显示点什么又不想麻烦去折域和服务器；




有M电脑，我还没研究W。




相关文章有很多，也写得很详细，我写得有点啰嗦了，因为是第一篇关于GH的文章所以尽量介绍详细点，避免日后查。之后还会写一篇用GH搭建静态博客，也就是CMS(内容管理系统)的文章。


以下正文：


1起源
最早学习前端的时候就写过一些页面，也想自己部署到服务器上，但是又不想折域和服务器（域要购买还要备案，服务器也需要购买）。所以一直没有做这件事，准备简历的时候放的也是本地的代码。


直到前两天，因为下线法访问（是我写的一个静态页面），所以才想是否还有别的方式可以展示，于是找到这么个神器GHP。GH都不陌生，毕竟全球最大男性交友世界上最大的代码存放和开源社区1。它旗下GHP更是可以免费托管你的静态页面，虽说空间不限，但据说体积要控制在1G以下2。


折了半天总算是成功发布了页面，官方文档介绍得也非常详细，以下是我操作过后的具体步骤。


2注册GH账号
注册地址：?=


自行注册。


创建G仓库（R）
点击右上角的加号创建仓库





填写仓库称就可以点击下面的绿色按钮创建了。


其中：




D仓库描述，选填；




P，PGH限制免费用户只能创建公开仓库；




IREADME初始化仓库时添加README，是一个说明文件，用语法编写，打上勾的话就默认添加了这个文件，如果不打勾后期也可以自己添加；







本地配置G
创建好仓库后显示下图页面，点击红框标记按钮复制仓库地址。





这时候需要用到G命令了，G是一个分布式版本控制软件，我们就通过G命令来同步和管理代码。


G的安装参考这篇文章：安装G


安装好之后初次运行G需要做一些配置：




打开系统自带的T；










设置和，每次（提交代码）都会记录他们，在T中分别输入以下代码；





--你的用户--你的邮箱





















一般来说这样就可以了，如果考虑到传输安全的问题，可以考虑加上SSH协议，具体操作可以搜索SSHG关键词。




4克隆云端仓库到本地
配置完G之后，选择一个本地文件夹来存放你的云端仓库，回头要把云端的仓库克隆到这里。比如下图我选择了F这个文件夹。





输入以下命令，其中（C）意为切换目录到：



文件夹地址











其中文件夹地址不一定要手输，直接把文件夹拖到T里面也行，按下回车。





再输入以下代码把云端仓库克隆下来，仓库地址为之前第步复制下来的地址。



仓库地址














此时你的仓库根目录下应该已经有克隆下来的仓库了，仓库里什么也没有。





5上传文件到云端仓库
到这步，我们需要在本地库中添加些东西，官方文档中是直接用命令把文件写进去：




首先切换本地目录到克隆下来的库；



库标题






新建一个文件，并在里面写入HW。



HW










当然我们也可以直接把文件拷到到本地库文件夹下，或者在里面创建。注意这个文件夹下一定要有一个文件，这里默认读者会点，不解释了。


接下来就可以把文件上传到云端仓库了，在T中输入以下命令：




把该文件夹下所有文件纳入版本管理；










代码，把代码的一个版本提交到本地；



-版本日志






代码，把代码推（上传）到云端仓库，稍等一会儿就好了。



-






6设置GHP
这时我们已经成功将文件推到云端仓库了，再一步就能大功告成，点击下图红框标记进入S页面：





拉到下面的GHP部分，按下图所示选择（主分支），点击。





刷新页面之后再回到GHP部分，可以看到页面已经发布，点击链接进入就大功告成啦！








7结尾
后续的修改只需要重复第5步就可以了，代码如下：



本地库目录

-版本日志-











GH还有很多好功能有待开发，善于利用搜索引擎，~