创建仓库

略。详见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. dapper支持oracle游标

    dapper支持oracle游标 Dapper是一个轻型的ORM类.它有啥优点.缺点相信很多朋友都知道了,园里也有很多朋友都有相关介绍,这里就不多废话. 如果玩过Oracle都知道,存储过程基本都是通 ...

  2. iOS如何添加照片模拟器(附带诉讼)

    刚開始做图片选择时,使用了最笨的办法给iphone模拟器添加照片. 方法一:首先打开safari.然后找到图片.点击图片,保存到本地(iphone): 方法二:拖动本地计算机的随意一张照片到iphon ...

  3. Struts1.X与Spring集成——第一种方案

    spring+struts(第一种方案) 集成原理:在Action中取得BeanFactory,通过BeanFactory取得业务逻辑对象,调用业务逻辑方法. 一,新建一个项目Spring_Strut ...

  4. 【转】Android HTTP协议

    前言 说到HTTP协议,那必须要说说WWW了,WWW是环球信息网(World Wide Web )的缩写,也可以简称为Web,中文名字为“万维网”.简单来说,WWW是以Internet作为传输媒介的一 ...

  5. SQL Server 2008性能故障排查(三)——I/O

    原文:SQL Server 2008性能故障排查(三)--I/O 接着上一章:CPU瓶颈 I/O瓶颈(I/O Bottlenecks): SQLServer的性能严重依赖I/O子系统.除非你的数据库完 ...

  6. 首先看K一个难看的数字

    把仅仅包括质因子2.3和5的数称作丑数(Ugly Number),比如:2,3,4,5,6,8,9,10,12,15,等,习惯上我们把1当做是第一个丑数. 写一个高效算法,返回第n个丑数. impor ...

  7. href="javascript:void(0);"与#差异

    将<a>标签设置为空链接有两种方式.第一个是href="#",第二个是href="javascript:void(0);". 两种方式都设置了标签为 ...

  8. ASN.1 Encode an Object Identifier (OID) with OpenSSL

    OID(Object Identifier) denotes an object. Examples: ------------------------------------------------ ...

  9. poj 2482 Stars in Your Window(扫描线)

    id=2482" target="_blank" style="">题目链接:poj 2482 Stars in Your Window 题目大 ...

  10. tomcat内存溢出,改动设置

    问题描写叙述: 1. java.lang.OutOfMemoryError: Java heap space JVM堆的设置是指java程序执行过程中JVM能够调配使用的内存空间的设置.JVM在启动的 ...