Github Pages 静态网页建站
创建仓库
略。详见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 静态网页建站的更多相关文章
- 使用vuepress搭建GitHub pages静态博客页面
vuepress官网 vuepress是尤大开发来写文档的静态页面.可以用Markdown 语法,并且也可以使用vue模块化的方式开发页面. vuepress-theme-reco 是另外的开发者开发 ...
- 利用github pages五分钟建好个人网站+个人博客
笔者自己在建个人网站/个人博客的时候其实遇到了不少麻烦,但是都一一解决了,这里教给大家最简单的方式. 首先你需要一个GitHub账号,访问https://github.com创建新账号即可. 然后访问 ...
- github pages+hexo自建博客
1.github创建新项目,然后开启pages即可 2.全局安装hexo npm install -g hexo 3.初始化hexo hexo init 4.安装hexo的依赖 npm i 5.基本上 ...
- 如何搭建一个独立博客——简明Github Pages与Hexo教程
摘要:这是一篇很详尽的独立博客搭建教程,里面介绍了域名注册.DNS设置.github和Hexo设置等过程,这是我写得最长的一篇教程.我想将我搭建独立博客的过程在一篇文章中尽可能详细地写出来,希望能给后 ...
- 利用github pages创建简单的网站
github.com 作为最流行的源代码管理工具已经风靡全球,同时在依托于github也衍生出了各种各样的应用,比如可以利用github搭建博客系统等等. 先换个话题,我们每人手头都或多或少有些&qu ...
- 一站式搭建 GitHub Pages 博客 (一)
本文将详细讲解如何快速搭建 GitHub Pages 博客页面 关于博客主题,博客信息更改,上传文章等将会在 一站式搭建 GitHub Pages 博客 (二) 中进行详细讲解 准备阶段 注册 Git ...
- github pages部署静态网页
如果你的项目只是一个静态网站,就没有必要再去整什么服务器,github pages 提供了搭建静态网站的功能: 为什么使用Github Pages 1. 搭建简单而且免费: 2. 支持静态脚本: 3. ...
- 使用 github pages快速部署自己的静态网页
看见很多大神在Github Pages上部署Demo,感觉效果还不错,刚才自己也试了一下,发现其实并不难! 选择 github pages 的理由 使用零成本: github pages 集成在 gi ...
- 用github pages展示你的静态网页,多项目支持
我看到有分享用github pages来做博客的,不过我并不想挂博客在上面,我只是想将我的一些作品挂上去,然后链接到我的简历里,这样HR可以直接看到. 首先是最基本的操作,在github上创建一个新的 ...
随机推荐
- 从XML文件乱码问题,探寻其背后的原理(转)
由于网友反应本文图片不能显示,由于时间关系未能及时修正.请访问原文地址: 本文出自http://blog.csdn.net/dinglang_2009/article/details/6895355, ...
- C random C ++rand函数应用
random函数不是ANSI C标准,不能在gcc,vc等编译器下编译通过.但在C语言中int random(num)能够这样使用,它返回的是0至num-1的一个随机数. 可改用C++下的rand函数 ...
- 让你提前知道软件开发(24):C语言和主要特征的历史
文章1部分 再次了解C语言 C语言的发展历史和主要特点 作为一门众所周知的计算机编程语言,C语言是谁发明的呢?它是怎样演进的?它有何特点?究竟有多少人在使用它? 1. C语言之父 C语言是1972年由 ...
- 思维导图之C++语言程序设计总结
花了大约一周的时间,将c++的课本过了一遍,米老师说第一遍不求甚解,仅仅管去看就能够了,我很成功地运行了老师这种方法,嘿嘿.那么c++是什么呢?百度上这样说,它是一种使用很广泛的计算机编程语言.C++ ...
- 【足迹C++primer】48、函数引用操作符
函数引用操作符 struct absInt { int operator()(int val) const { cout<<val<<"<->!!!&qu ...
- KindEditor参数具体解释
width 编辑器的宽度.能够设置px或%.比textarea输入框样式表宽度优先度高. 数据类型: String 默认值: textarea输入框的宽度 演示样例: K.create('#id', ...
- 简单实现Android平台多语言
这里,我们认识到两种语言.中国简体和繁体中国. 在res文件建议两个文件夹 values-zh-rCN values-zh-rTW 两个目录下都有一个strings.xml文件. 两个同名文件的字符串 ...
- 十二周项目三(4)——出口fibnacci第一序列20的数量
/* * Copyright (c) 2014, 烟台大学计算机学院 * All rights reserved. * 文件名:test.cpp * 作者:陈丹妮 * 完毕日期:2014年 11 月 ...
- 关于Windows azure从github上部署项目
自己做了一个闪存解析的webapi,今天尝试了一下加一个HelpPage,本地访问正常,但是在azure上就报错. 项目是不熟在WindowsAzure上的,项目自动同步github上的项目.gith ...
- CentOS 忘记 root password处理
在倒计时启动时间,按任意键进入,例如下面的页面 输入 e. 进入这个页面.上下移动至高亮条到中间 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvQ29yZV ...