github pages部署静态网页
如果你的项目只是一个静态网站,就没有必要再去整什么服务器,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部署静态网页相关推荐
- 使用 github pages, 部署静态网页
使用 github pages, 部署静态网页 效果预览我自己的个人博客点击 需要源码的话github仓库点击 github保存到自己仓库 在github创建一个仓库 为仓库命名 将本地文件上传到gi ...
- 自动部署静态html,手把手教你用 GitHub 来部署静态网页
在尝试过用 GitHub 部署静态 HTML 网页后,觉得其实挺容易的,这里简单说说如何用 GitHub 来完成部署. 1.首先我新建了一个版本库作为 demo,然后点击settings 2.选择 G ...
- 上传本地代码到GitHub,并用GitHub pages配置静态网页
步骤 1.注册自己的github账号 网址附上,自己注册去吧 GitHub: Where the world builds software · GitHub 2.创建仓库 登录上你的GitHub账号 ...
- GitHub Pages部署vuepress报错:JavaScript heap out of memory
作者:duktig 博客:https://duktig.cn 优秀还努力.愿你付出甘之如饴,所得归于欢喜. 问题 GitHub Pages部署Vuepress一直都没有什么问题,具体部署方案参看:基于 ...
- 借助GitHub pages搭建静态个人网站并绑定域名
借助GitHub pages搭建静态个人网站并绑定域名 借助GitHub pages搭建静态个人网站并绑定域名 一.简介 二.准备 1.注册GitHub账号 2.安装好Git 3.购买域名(非必选) ...
- nginx 部署静态网页
nginx 部署静态网页 2018年06月15日 17:55:23 幽默的荆轲君 阅读数:477 nginx 部署静态网页 第一步,就是安装nginx. 第二步 配置nginx.conf 熟悉vim的 ...
- docker部署html页面,在Docker容器中部署静态网页的方法教程
前言 一般我们在访问容器时需要通过容器的端口来访问,那如何设置容器的端口映射呢? 我们通过以下命令来设置: docker run -p ip:hostPort:containerPort [--nam ...
- 阿里云oss部署静态网页
使用阿里云OSS部署静态网页 阿里云oss很强大,存放文件.部署静态网页(包含html网页.vue网页.react网页). 并且在oss网页里面调用其他服务器接口.强制https都是可以的. 一 测试 ...
- git pages部署静态页面,可以免费发布简历之类的静态网页。
1.写一个静态网页,并发布到github上. 2.按照步骤 3.选择文件分支,选择root,点击保存.然后就出来个链接,点进去就是刚刚写的静态页面. 点击查看
最新文章
- Davinci DM6446开发攻略-UBOOT-2009.03移植2 nand flash的烧写
- android excel 筛选功能,Android实现Excel表格展示数据
- Item9:总是要改写toString
- CCNP-第五篇-OSPF高级版(二)
- 第几天? 2005
- mysql数据库密码有效期_Mysql5.7.19密码已过有效期的处理过程(密码过期password_expired)...
- KiCad: 一个电子原理图设计和布局创建套件
- 论文查重 降重复度?
- arm linux嵌入式系统教程课后答案,ARM嵌入式系统基础教程课后习题答案及练习题__周立功...
- SEO整体优化有哪些操作步骤
- linux更改文件系统格式,只安装Linux系统,把硬盘全部格式化成Linux文件系统
- 批量修改文件夹内文件格式
- itchat——使用python登录网页版微信
- 【selenium】126官网邮箱登录
- selenium操作360极速浏览器的方法
- PCIe 设备树详细讲解
- 基于Springboot拦截器的AES报文解密
- 2.7 zio入门——更多的Effect构造函数
- hadoop 文本统计一个字符的个数_hadoop统计单词个数 - 卡饭网
- 初识华为云数据库GaussDB(for Cassandra