创建仓库

略。详见GitHub使用教程。

仓库属性设置

找Github Pages项。点击自己主动生成,依照提示操作,就会得到该项目的gh-pages 分支。

公布站点成功,地址为 http://chuchus9293.github.io/web2 。

文件夹下index.html页面作为该站点默认页面。

公布成功

当然也能够自己做HTML站点,通过Github client上传代码非常方便。index.html仍为默认页面。

域名绑定到GitHub Page

Github项目设置

在仓库根文件夹下加入一个CNAME文件,没有后缀名,里面内容为你的域名,不须要加入http://前缀。

若CNAME中为www.example.com  则example.com 将被重定向到 www.example.com,www.example.com仍是自身。

注意CNAME中仅仅能加入一个域名。

创建之后能够在项目settings看到公布地址发生变化,不再有github字样。

DNS解析设置

ccsyi.cn为顶级域名。

www.ccsyi.cn为二级域名。

能够为顶级域名设置A记录,为二级域名设置CNAME,指向username.github.io(Gihub推荐,能够用CDN)。

下面是设置A记录的过程。

拿到GitHub PagesserverIP。

在花生壳域名解析服务中选中www创建A记录。24小时之内陆续同步到全球各地的dnsserver上。

相关概念

A记录:WEBserver的IP指向

A (Address) 记录是用来指定主机名(或域名)相应的IP地址记录。

说明:用户能够将该域名下的站点服务器指向到自己的web server上。同一时候也能够设置自己域名的二级域名。

就是说:通过A记录,大家能够设置自己的不同域名转到不同的IP上去!如:

www.linuxpig.com 转到IP 1.1.1.1

ftp.linuxpig.com 转到IP 1.1.1.2

mail.linuxpig.com 转到IP 1.1.1.3

CNAME (Canonical Name)记录,(alias from one domain name to another)通常称别名指向

能够将注冊的不同域名统统转到一个主域名上去。

与A记录不同的是,CNAME别名记录设置的能够是一个域名的描写叙述而不一定是IP地址。

比如:linuxdog.com 用CNAME指向 linuxpig.com

URL (Uniform Resource Locator )转发:网址转发

功能:假设您没有一台独立的server(也就是没有一个独立的IP地址)或者您另一个域名B,您想訪问A域名时訪问到B域名的内容,这时您就能够通过URL转发来实现。

url转发能够转发到某一个文件夹下,甚至某一个文件上。而cname是不能够,这就是url转发和cname的主要差别所在。

比如:

URL转发能够将sina.com.cn 转发到 linuxpig.com/sina/ 上,对应的CNAME仅仅能将 sina.com.cn 转发到 linuxpig.com 上。

TTL值全称是“生存时间(Time To Live)”,简单的说它表示DNS记录在DNSserver上的缓存时间。

Github Pages 静态网页建站的更多相关文章

  1. 使用vuepress搭建GitHub pages静态博客页面

    vuepress官网 vuepress是尤大开发来写文档的静态页面.可以用Markdown 语法,并且也可以使用vue模块化的方式开发页面. vuepress-theme-reco 是另外的开发者开发 ...

  2. 利用github pages五分钟建好个人网站+个人博客

    笔者自己在建个人网站/个人博客的时候其实遇到了不少麻烦,但是都一一解决了,这里教给大家最简单的方式. 首先你需要一个GitHub账号,访问https://github.com创建新账号即可. 然后访问 ...

  3. github pages+hexo自建博客

    1.github创建新项目,然后开启pages即可 2.全局安装hexo npm install -g hexo 3.初始化hexo hexo init 4.安装hexo的依赖 npm i 5.基本上 ...

  4. 如何搭建一个独立博客——简明Github Pages与Hexo教程

    摘要:这是一篇很详尽的独立博客搭建教程,里面介绍了域名注册.DNS设置.github和Hexo设置等过程,这是我写得最长的一篇教程.我想将我搭建独立博客的过程在一篇文章中尽可能详细地写出来,希望能给后 ...

  5. 利用github pages创建简单的网站

    github.com 作为最流行的源代码管理工具已经风靡全球,同时在依托于github也衍生出了各种各样的应用,比如可以利用github搭建博客系统等等. 先换个话题,我们每人手头都或多或少有些&qu ...

  6. 一站式搭建 GitHub Pages 博客 (一)

    本文将详细讲解如何快速搭建 GitHub Pages 博客页面 关于博客主题,博客信息更改,上传文章等将会在 一站式搭建 GitHub Pages 博客 (二) 中进行详细讲解 准备阶段 注册 Git ...

  7. github pages部署静态网页

    如果你的项目只是一个静态网站,就没有必要再去整什么服务器,github pages 提供了搭建静态网站的功能: 为什么使用Github Pages 1. 搭建简单而且免费: 2. 支持静态脚本: 3. ...

  8. 使用 github pages快速部署自己的静态网页

    看见很多大神在Github Pages上部署Demo,感觉效果还不错,刚才自己也试了一下,发现其实并不难! 选择 github pages 的理由 使用零成本: github pages 集成在 gi ...

  9. 用github pages展示你的静态网页,多项目支持

    我看到有分享用github pages来做博客的,不过我并不想挂博客在上面,我只是想将我的一些作品挂上去,然后链接到我的简历里,这样HR可以直接看到. 首先是最基本的操作,在github上创建一个新的 ...

随机推荐

  1. FPGA 时序问题

    近期 做一个项目------4个 1080p(1920 x 1080) 合成 一个 4K(3840 x 2160,297M)的接口板.当 1080p 进去, 1080p出来的时候,视频正常 播放出来. ...

  2. 【原创】构建高性能ASP.NET站点 第六章—性能瓶颈诊断与初步调优(下前篇)—简单的优化措施

    原文:[原创]构建高性能ASP.NET站点 第六章-性能瓶颈诊断与初步调优(下前篇)-简单的优化措施 构建高性能ASP.NET站点 第六章—性能瓶颈诊断与初步调优(下前篇)—简单的优化措施 前言:本篇 ...

  3. maple 教程

    1 初识计算机代数系统Maple 1.1 Maple简说 1980年9月, 加拿大Waterloo大学的符号计算机研究小组成立, 開始了符号计算在计算机上实现的研究项目, 数学软件Maple是这个项目 ...

  4. hdu4499 Cannon (DFS+回溯)

    转载请注明出处:http://blog.csdn.net/u012860063 题目链接:http://acm.hdu.edu.cn/showproblem.php? pid=4499 Cannon ...

  5. VOJ 1067 Warcraft III 守望者的烦恼 (矩阵高速功率+dp)

    主题链接 明显的 dp[n] = dp[n-k] + dp[n-k+1] + ... +dp[n-1]; 然后要用矩阵来优化后面的状态转移. 也就是矩阵 0 1 0 0    a     b 0 0 ...

  6. Grant的时候报错的解决:Access denied for user 'root'@'localhost' (using password: YES)

    mysql> grant all on *.* to 'root'@'192.168.1.1' identified by 'password'; ERROR 1045 (28000): Acc ...

  7. UI设计规范

    iphone\ipad.android UI设计规范对比 http://blog.163.com/leenell@yeah/blog/static/95840991201302210451710/ A ...

  8. Android中集成第三方库的方法和问题

    Android中集成第三方库的方法和问题 声明: 1. 本文參考了网上同学们的现有成果,在此表示感谢,參考资料在文后有链接. 2. 本文的重点在第三部分,是在开发中遇到的问题及解决的方法.第一,第二部 ...

  9. 怎么样sourceforge开源项目发现,centos安装-同htop安装案例

    一个.htop什么? top是linux下经常使用的监控程序.htop相当于其加强版,颜色显示不同參数.且支持鼠标操作. 详细介绍參看此说明文档. watermark/2/text/aHR0cDovL ...

  10. 怎么样eclipse发达国家多重聚合关系maven项目和使用git管理

    最近使用的项目的开发maven,多于maven有项目之间有一定的联系,因此,创建一个单独的,然后,maven聚合管理. 项目采用git要管理代码.由于上传的代码集时,.gitignore不要上传文件. ...