美文网首页
如何利用Github Pages搭建自己的HTML页面?

如何利用Github Pages搭建自己的HTML页面?

作者: 浅吟且行的时光 | 来源:发表于2016-11-17 17:02 被阅读270次

利用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的内容。
903320-20160305145815252-344194499.png
  • 执行如下命令,删除原有的gh-pages文件,并提交(commit)本次修改。
903320-20160305150641830-12563151.png
  • 将自己的网页文件复制粘贴至 f 盘的 test 文件中
  • 输入如下命令,为了本地gh-pages中的网页文件同步到远程的gh-pages中。
903320-20160305151516534-175124906.png 903320-20160305151717159-2121860532.png
  • 最后一步:打开浏览器输入给你的网址加上 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客户端进行修改在同步。(如果添加了新的文集推荐此法)

相关文章

网友评论

      本文标题:如何利用Github Pages搭建自己的HTML页面?

      本文链接:https://www.haomeiwen.com/subject/kyhlpttx.html