创建仓库

略。详见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. Android-管理Activity生命周期

    用户在浏览,退出,返回app时,app中的Activity实例会在不同状态之间切换.比如,当activity第一次启动,然后来到系统前台,受到用户的注意,这个过程中,android系统调用了一系列ac ...

  2. poj 4088:Set操作

    poj 4088:集合运算 题目:(至于4089.那个问题做过.使用归并思想,所以没有写) 描写叙述 小张须要从一批数量庞大的正整数中挑选出第k小的数.由于数据量太庞大,挑选起来非常费劲,希望你能编程 ...

  3. cocos2d-x 3.1.1 学习笔记[21]cocos2d-x 创建过程

    文章出自于  http://blog.csdn.net/zhouyunxuan RootViewController.h #import <UIKit/UIKit.h> @interfac ...

  4. Linux查找多个类似,但不同的名称和重命名文件

    受试者被认为是百度侧面问题,Linux称号:寻找core.1.core.2....形式命名的文件,然后改变这些文件的名称bak.core.1.bak.core.2,...... 首先,你应该找到这些文 ...

  5. C/C++数据对齐汇总

     C/C++数据对齐汇总  这里用两句话总结数据对齐的原则: (1)对于n字节的元素(n=2,4,8,...),它的首地址能被n整除,才干获得最好的性能: (2)如果len为结构体中长度最长的变量,s ...

  6. C# 中使用WebClient 请求 https

    WebClient 请求 启用SSL的站点 时,如果站点的证书是不可信的,请求会被阻止,解决办法如下: 添加以下代码: ServicePointManager.ServerCertificateVal ...

  7. freemarker该阵列

    freemarker该阵列 1.设计思路 (1)声明一个数组 (2)打印数组中的元素 2.设计源代码 <#--freemarker数组--> <#assign nums=[12,34 ...

  8. 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. 版权声明: ...

  9. 【cocos2d-x-3.1.1列2】cocos2d-x3.1.1 安卓移植过程

    Evernote的链接: http://app.yinxiang.com/l/AAXeIjFsjjFAC68i6hUQkiwFFZg3Maz-AkA/ cocos2d-x 3.1.1  win移植到a ...

  10. SDL2来源分析7:演出(SDL_RenderPresent())

    ===================================================== SDL源代码分析系列文章上市: SDL2源码分析1:初始化(SDL_Init()) SDL2 ...