利用Github 可以免费搭建个人的静态页面,本文中只针对有使用过Github,Git的基础朋友学习使用
创建repo
- 登录到Github上,新建一个repo,命名为test,勾选 initialize this repository with a README,点击create repository。
- 打开settings,有一个Github Pages 的设置,点击Launch automatic page generator(启动自动页面生成器)。
- 点击页面最后的continue to layouts,然后就可以进入设置你的页面主题,你会说这不是我的网页呀,别急嘛,先选择一个主题,点击 publish pages。
这个时候就可以访问刚才创建的模板网页了,网址在setting 页面即可显示出来
Git上传我们的HTML文件
- 输入命令:mkdir test,用来在 f 盘创建 test 文件放你的github上的test repository
- 输入:git clone https://github.com/xxx/test.git ,克隆test repository到 test 文件中。
- 输入以下命令,为了在本地新建一个gh-pages分支,而这个分支是远程分支origin/gh-pages的镜像,也就是我们可以在本地的gh-pages看到github上的gh-pages的内容。
- 执行如下命令,删除原有的gh-pages文件,并提交(commit)本次修改。
- 将自己的网页文件复制粘贴至 f 盘的 test 文件中
- 输入如下命令,为了本地gh-pages中的网页文件同步到远程的gh-pages中。
- 最后一步:打开浏览器输入给你的网址加上 test.html,然后重重的按下回车。
附录一:常用git命令
$ git clone //本地如果无远程代码,先做这步,不然就忽略
$ cd //定位到你blog的目录下
$ git status //查看本地自己修改了多少文件
$ git add . //添加远程不存在的git文件
$ git commit -m "what I want told to someone" //提交修改
$ git push //更新到远程服务器上
$ git rm //移除文件
附录二:如何修改你的网页
- 在github上的gh-pages分支中直接进行修改。(如果不添加新的文件推荐此法)
- 在github客户端进行修改在同步。(如果添加了新的文集推荐此法)