创建仓库

略。详见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. [Java][Android][Process] 分享 Process 运行命令行封装类型

    我在以前的文章中提到,使用Java不会有一个问题,创建运行命令来创建太多进程后创建进程行语句. [Android] ProcessBuilder与Runtime.getRuntime().exec分别 ...

  2. OpenCV:Mat元素访问方法、演出、代码的复杂性和安全性分析

    欢迎转载.尊重原创,因此,请注明出处: http://blog.csdn.net/bendanban/article/details/30527785 本文讲述了OpenCV中几种訪问矩阵元素的方法, ...

  3. xml在此生活

    小编尾随学习的步伐.今天小编简要概述xml在此生活,xml她的百度百科这一解释:可扩展标记语言 (ExtensibleMarkup Language, XML).用于标记电子文件使其具有结构性的标记语 ...

  4. Java绘制艺术图形

    本例主要是通过使用坐标轴平移,图形旋转和获得随机数等技术来绘制艺术图案.通过重写JPanel类中的paint()方法,并在该方法中使用Graphics2D类中的translate(),setColor ...

  5. rest-work-eat-study-rest-work-eat or rest-rest-work-work-eat-eat..

    words are for your heart. tks for my dear family's ok. Listening more  means not more talkive. 版权声明: ...

  6. Visual Studio 2015使用EF6的CodeFirstFromDB模式操作Sqlite数据库时Provider问题

    传送门 什么是CodeFristFromDB 问题:查询数据是遇到 “/”应用程序中的服务器错误. No Entity Framework provider found for the ADO.NET ...

  7. [ACM] POJ 2342 Anniversary party (树DP获得冠军)

    Anniversary party Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 4410   Accepted: 2496 ...

  8. Flex TextInput 动态推断输入内容

    Flex TextInput 动态推断输入内容 <? xml version="1.0" encoding="utf-8"?> <s:Appl ...

  9. 跨境移动互联网的魅力演绎,hao123无论成就下一个条目?

        使用"热"为了描述的情况在目前的移动互联网不夸张,背景下,越来越多的企业试图染指这一新兴领域.只是,巴菲特有句名言------"仅仅有退潮了,才知道谁在裸泳&qu ...

  10. MBProgressHUD 问题

    1.MBProgressHUD *HUD = [[MBProgressHUD alloc] initWithWindow:[UIApplication sharedApplication].keyWi ...