用Github部署H5网站(无需服务器)

Step1 :登录到自己的Github,查看代码仓库

点击“Repositories”进入自己的代码仓库页面,点击“New”,新建一个代码仓库,用来存放将要上传的网页文件。

图1 查看代码仓库

Step2 :新建代码仓库

进入新建代码仓库页面,填写“Repository name”,这是新建的代码仓库的名字,点击“legendary-carnival”可以查看命名规则;填写“Description”,可以是代码仓库的中文描述,出现在readme文;选择“Public”,私有的需要付费;填写完毕后,检查一下,点击“Create repository”,确认新建代码仓库。

图2 新建代码仓库

Step3 :设置Github Pages

新建完毕代码仓库后,进入该代码仓库页,点击“Settings”,进入设置页

图3 点击点击“Settings”

一直想下拉,找到Github Pages,点击“Change theme”,进入主题设置页(没设置之前是没有Your site的)

图4 点击“Change theme”

选择“Cayman”主题,点击“Select theme”

图5 点击“Select theme”

由于设置了主题,所以要提交变化,点击“Commit changes”来提交变化

图6 点击“Commit changes”来提交变化

此时在"Settings"中的“GitHub Pages”中出现了“Your site”,点击该网址可以访问你的网站,但是此时你的网站里只有默认内容,所以下一步是要上传你的内容到该代码仓库

图7 在"Settings"中的“GitHub Pages”中出现了“Your site”

Step4 :上传本地代码到github

点击“Clone or download”点击复制代码仓库的链接,或者在浏览器顶部复制链接

图8 复制代码仓库的链接

在终端写“git clone "刚刚复制的链接"”,之后自动下载该代码仓库的文件到本地,显示100%表示下载完成。

图9 下载该代码仓库的文件到本地

找到下载的文件夹,将你的网站文件复制到该文件夹

写“cd "下载的文件夹"”,进入该文件夹

写“git add .”提交该文件夹到缓存区,注意add后面有空格

写“git commit -m "该次提交的描述"”,为该次添加描述

图10 准备提交本地代码到github

此时提示你还没有登录,按照提示代码,填写邮箱和用户名,并在此提交,具体输入如下划线所示

图11 设置邮箱和用户名后提交

写“git push origin master”将缓存区的代码提交到github的“master”分支

图12 代码提交到github的“master”分支

显示如图13表示代码上传完成,此时可以点击如图7所示的链接来访问自己的网站了。

图13 上传代码完成

Step5 :更新代码并上传到github

图14 更新代码
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 162,306评论 4 370
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 68,657评论 2 307
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 111,928评论 0 254
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,688评论 0 220
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 53,105评论 3 295
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 41,024评论 1 225
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 32,159评论 2 318
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,937评论 0 212
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,689评论 1 250
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,851评论 2 254
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,325评论 1 265
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,651评论 3 263
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,364评论 3 244
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,192评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,985评论 0 201
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 36,154评论 2 285
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,955评论 2 279

推荐阅读更多精彩内容

  • 1.GitHub 有什么用 学习优秀的开源项目开源社区一直有一句流行的话叫「不要重复发明轮子」,某种意义上正是因为...
    Clemente阅读 1,399评论 1 14
  • 抵御流感 流感疫苗针是抗病毒时首先要考虑的因素(无针头的疫苗贴片现在也有),但是效果有限。虽然流感疫苗针有70%到...
    许远山阅读 341评论 0 2
  • 战火燃烧了男人和女人, 代表爱的大旗正迎风飘扬; 这场战役响起了令人神往的号角, 召唤我们去用盛情款待沙场。 欢闹...
    大红羊阅读 232评论 15 31
  • Singleton 单例设计模式 单例设计模式确保对于一个给定的类只有一个实例存在,这个实例有一个全局唯一的访问点...
    Jimmy_L_Wang阅读 905评论 0 8
  • 今天没有礼物,没有放假,却是我最喜欢的节日,一个承载着我的英雄梦想的节日。早起升国旗,忘记了特变规则,差一点被堵在...
    尼莫不是小丑鱼阅读 238评论 1 2