zoukankan      html  css  js  c++  java
  • Github 上利用github pages 部署站点

    一:起始


    准备项目,如果你在github上已有项目,则无需新建,如果你要新起一个项目,则需先在github上创建一个项目

    本文以已创建好的 github/TestGitPage  为例。

    二:设置github pages


    创建出一个github pages 默认分支

    1. 找到目标

    image

    2. 自动生成page按钮

    image

    3.编辑相关信息(也可不编辑)

    image

    4.编辑内容(也可不编辑)

    image

    5.可选择皮肤(自定义站点,现在选了也没用)点击 发布

    image

    6. 已自动创建好gh-pages 分支

    image

    7.再看这里的信息,会发现github已帮我们自动更新完成(当然你可以手动再次编辑域名等信息,不做介绍)

    image

    到这里github上的github pages算是配置完成了。

    三:替换gh-pages分支中的文件为自己的站点文件


    如果你电脑已经安装过 Git, TortoiseGit(小乌龟)(或者其他你熟悉的能操作git的工具,或者你熟悉git命令行),没有安装,得安装好git环境(安装方式不做介绍)

    下面的操作、以 TortoiseGit(中文版) 工具为例

    1.获取github项目

    image

    image

    文件已经获取成功

    2.创建 远程分支gh-pages 的本地分支

    操作: TortoiseGit > 切换/检出(W)

    a.选择gh-pages 分支

    image

    origin表示远程github上的分支,无则表示为本地分支

    b.信息无需变更

    image

    c. 小乌龟已经帮你创建并切换了本地分支gh-pages,并发现这里有些文件,

    这些文件是,在步骤(二)中github自动创建的

    image

    d. 选中这些你不需要的文件,右键,用小乌龟进行删除,别直接删除,不然无法同步更新到远程分支中

    image

    e. 复制你的站点文件,放到上步的文件夹中,然后,右键

    image

    f. 选中那些文件 :右键 > TortoiseGit > 添加

    image

    g.选中那些文件 :右键 > Git 提交

    image

    h. 右键 > Git同步

    image

    i. 查看github上 gh-pages 文件是否有提交上来

    image

    四:测试访问


    image

    如图地址,是github帮你生成好的,点击访问

    image

    image

    以上我的站点访问成功,至于乱码,是编码的问题,这里不做介绍。

    那一天我二十一岁,在我一生的黄金时代。
    我有好多奢望。我想爱,想吃,还想在一瞬间变成天上半明半暗的云。
    后来我才知道,生活就是个缓慢受锤的过程...
    可是我过二十一岁生日时没有预见到这一点。我觉得自己会永远生猛下去,什么也锤不了我。
    --《黄金时代》 王小波
    
  • 相关阅读:
    c++:函数模板
    1084 外观数列
    1083 是否存在相等的差
    1082 射击比赛
    1081 检查密码
    1080 MOOC期终成绩
    1079 延迟的回文数
    1078 字符串压缩与解压
    1077 互评成绩计算
    1076 Wifi密码
  • 原文地址:https://www.cnblogs.com/pengxingsong/p/5897425.html
Copyright © 2011-2022 走看看