如果你的项目只是一个静态网站,就没有必要再去整什么服务器,github pages 提供了搭建静态网站的功能;

为什么使用Github Pages

1. 搭建简单而且免费;

2. 支持静态脚本;

3. 可以绑定你的域名;

4. DIY自由发挥,动手实践一些有意思的东西git,markdown,bootstrap,jekyll;

5. 理想写博环境,git+github+markdown+jekyll;

****不限流量、不限流量、不限流量,重要的事说三遍!!!****

下面是搭建简单实例:

一、展示项目搭建

1、先创建一个repository,项目名自定义,最好把readme创建一下,标明项目简介

2、进入setting设置

找到Launch automatic page generator ,单击

3、填写信息

单击 continue to layouts

在这里选择你要的模板,单击publish page,这样就发布成功了(这里可以随便选一个)

4、回到项目下,发现多了一个gh-pages分支,说明已经可以了

5、然后回到setting页面,就能看到发布的地址了

6、复制链接,在浏览器就可以访问了

我们看一下地址:http://jsonshare.github.io/github-pages

组成 http://+github用户名+github.io/+项目名

这种形式的项目,可以建很多个;

二、展示主页搭建

下面讲一下默认个人主页的设置

7、新建一个项目(项目名设置成:github用户名+github.io)

发布流程跟上边一致,这里省略

8、回到项目主页,会发现与上面的不同是发布文件在主干master下

8、再去下边看一下发布的地址

但是这种个人展示页,或网站展示页只能建一个,地址为 http://jsonshare.github.io

总结引用:

两种pages模式
1. User/Organization Pages 个人或公司站点
1) 使用自己的用户名,每个用户名下面只能建立一个
2) 资源命名必须符合这样的规则username/username.github.io或者username/username.github.com
3) 主干上内容被用来构建和发布页面
2. Project Pages 项目站点
1) gh-pages分支用于构建和发布;
2) 如果user/org pages使用了独立域名,那么托管在账户下的所有project pages将使用相同的域名进行重定向,除非project pages使用了自己的独立域名;
3) 如果没有使用独立域名,project pages将通过子路径的形式提供服务username.github.io/projectname;
4) 自定义404页面只能在独立域名下使用,否则会使用User Pages 404;

二、绑定域名,实现自动跳转

我用的是阿里云

1、域名云解析管理页面

选择解析,添加解析(选择CNAME,添加你的二级域名)

2、在项目路径新建CNAME文件

3、在CNAME文件下,写入你再云解析设置的二级域名

单击提交commmit,项目路径CNAME就有了

4、再去setting看一下发布的地址(自动解析成你设置的域名了)

ok,到此,你就可以直接访问二级域名

最后、最后、最后在说明一下:github pages 默认主页为index.html ,上传项目是覆盖即可

转载于:https://www.cnblogs.com/JsonShare/p/5522473.html

github pages部署静态网页相关推荐

  1. 使用 github pages, 部署静态网页

    使用 github pages, 部署静态网页 效果预览我自己的个人博客点击 需要源码的话github仓库点击 github保存到自己仓库 在github创建一个仓库 为仓库命名 将本地文件上传到gi ...

  2. 自动部署静态html,手把手教你用 GitHub 来部署静态网页

    在尝试过用 GitHub 部署静态 HTML 网页后,觉得其实挺容易的,这里简单说说如何用 GitHub 来完成部署. 1.首先我新建了一个版本库作为 demo,然后点击settings 2.选择 G ...

  3. 上传本地代码到GitHub,并用GitHub pages配置静态网页

    步骤 1.注册自己的github账号 网址附上,自己注册去吧 GitHub: Where the world builds software · GitHub 2.创建仓库 登录上你的GitHub账号 ...

  4. GitHub Pages部署vuepress报错:JavaScript heap out of memory

    作者:duktig 博客:https://duktig.cn 优秀还努力.愿你付出甘之如饴,所得归于欢喜. 问题 GitHub Pages部署Vuepress一直都没有什么问题,具体部署方案参看:基于 ...

  5. 借助GitHub pages搭建静态个人网站并绑定域名

    借助GitHub pages搭建静态个人网站并绑定域名 借助GitHub pages搭建静态个人网站并绑定域名 一.简介 二.准备 1.注册GitHub账号 2.安装好Git 3.购买域名(非必选) ...

  6. nginx 部署静态网页

    nginx 部署静态网页 2018年06月15日 17:55:23 幽默的荆轲君 阅读数:477 nginx 部署静态网页 第一步,就是安装nginx. 第二步 配置nginx.conf 熟悉vim的 ...

  7. docker部署html页面,在Docker容器中部署静态网页的方法教程

    前言 一般我们在访问容器时需要通过容器的端口来访问,那如何设置容器的端口映射呢? 我们通过以下命令来设置: docker run -p ip:hostPort:containerPort [--nam ...

  8. 阿里云oss部署静态网页

    使用阿里云OSS部署静态网页 阿里云oss很强大,存放文件.部署静态网页(包含html网页.vue网页.react网页). 并且在oss网页里面调用其他服务器接口.强制https都是可以的. 一 测试 ...

  9. git pages部署静态页面,可以免费发布简历之类的静态网页。

    1.写一个静态网页,并发布到github上. 2.按照步骤 3.选择文件分支,选择root,点击保存.然后就出来个链接,点进去就是刚刚写的静态页面. 点击查看

最新文章

  1. Davinci DM6446开发攻略-UBOOT-2009.03移植2 nand flash的烧写
  2. android excel 筛选功能,Android实现Excel表格展示数据
  3. Item9:总是要改写toString
  4. CCNP-第五篇-OSPF高级版(二)
  5. 第几天? 2005
  6. mysql数据库密码有效期_Mysql5.7.19密码已过有效期的处理过程(密码过期password_expired)...
  7. KiCad: 一个电子原理图设计和布局创建套件
  8. 论文查重 降重复度?
  9. arm linux嵌入式系统教程课后答案,ARM嵌入式系统基础教程课后习题答案及练习题__周立功...
  10. SEO整体优化有哪些操作步骤
  11. linux更改文件系统格式,只安装Linux系统,把硬盘全部格式化成Linux文件系统
  12. 批量修改文件夹内文件格式
  13. itchat——使用python登录网页版微信
  14. 【selenium】126官网邮箱登录
  15. selenium操作360极速浏览器的方法
  16. PCIe 设备树详细讲解
  17. 基于Springboot拦截器的AES报文解密
  18. 2.7 zio入门——更多的Effect构造函数
  19. hadoop 文本统计一个字符的个数_hadoop统计单词个数 - 卡饭网
  20. 初识华为云数据库GaussDB(for Cassandra

热门文章

  1. Facebook称其新的AI技术可以更快发现仇恨言论
  2. 几道 BAT 算法面试中经常问的「字符串」问题
  3. 线性回归模型原理及推导
  4. 人工智能科普|自然语言处理(NLP)
  5. 量子技术新突破!科学家完美实现将单个原子逐一嵌入硅晶片
  6. 9大领域50名青年学者获2021年科学探索奖,单人奖金300万元
  7. 谷歌利用人工智能设计的芯片揭示了智能的本质
  8. HarmonyOS 2面世!是没有退路还是时机成熟?中国操作系统崛起元年或已到来
  9. 《自然》评价“天问一号”成功发射—— 全球深空探索走进新时代
  10. 影响国家安全的四项新兴技术