1. 前言

此篇文章仅限于记录，不适合作为教程使用。

2. 步骤

2.1 先决条件

有github账号，有个人域名（可在万网购买），电脑本地安装有git环境

2.2 在github新建仓库。例如我的github账号是unionline，新建仓库名称就是 unionline.github.io ，选择默认的public方式。

2.3 git clone https://github.com/unionline/unionline.github.io.git 到本地，例如：D:/github/

2.4 然后在D:/github/下，新建index.html文件，内容如下：

<!DOCTYPE html>

<html>

<body>

    <h1>这是我使用github pages搭建的个人站点。</h1>

</body>

</html>

2.5 提交index.html文件到远程repo。

git add index.html

git commit -m "upload index.html"

git push

2.6 打开 unionline.github.io，就可以看到index.html的网页了。

2.7 在万网（其它域名商类似），添加域名的解析

0. 例如域名是：www.unionline.top，为其添加解析

1. ping www.unionline.github.io 或者 ping unionline.github.io 记下IP地址：151.101.197.147（这个是github.io 的ip）

2. 添加解析，主机记录为www，记录值是151.101.197.147

3. 添加解析，主机记录为@，记录值是151.101.197.147　　

2.8 在D:/github/下，新建CNAME文件，内容如下：

www.unionline.top

2.9 提交CNAME文件到github上。

2.10 此时打开 unionline.top 或者 www.unionline.top 就可以访问到github上的个人博客主页了。

3. 小结

3.1 如果只是想把域名作为csdn或者cnblogs等个人博客的映射，则可以把index.html内容改为如下：

<!DOCTYPE html>

<html>

<script>

    window.location.href="http://blog.csdn.net/unionline";

</script>

<body>

</body>

</html>　

3.2 github的个人博客常用的有两种静态博客，一种是Hexo，另一种是Jekyll。

如何利用github打造个人博客专属域名（文字版本）的更多相关文章

  1. 利用github page搭建博客

    为什么选择GitHub Pages? 很多人用 wordpress,你为什么要用 github pages 来搭建? 1.github pages有300M免费空间,资料自己管理,保存可靠: 2.学着 ...

  2. Hexo + github 打造个人博客

    前两年开始用 wordpress 搭了一个网站,但服务器是在 Linode 上,之所以要放在 Linode 上,要从买的域名说起,因为我买的域名是 fengzheng.pub ,.pub 是不允许备案 ...

  3. 利用GitHub搭建Hexo博客并开启HTTPS

    Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页. GitHub 是一个面向开源及私有软件项目的托管平台 ...

  4. 在Github上搭建博客

    貌似还是这个链接最靠谱呀 http://my.oschina.net/nark/blog/116299   如何利用github建立个人博客:之一 在线编辑器http://markable.in/ed ...

  5. 利用Octopress在Github上搭建博客及后续问题总汇

    首先贴一下我的新博客地址: http://findingsea.github.io 用Octopress在GitHub上搭建博客已经不是什么新鲜事了,网上的教程也多了去了,大题的方法什么都差不多,这篇 ...

  6. 记自己利用hexo和github搭建个人博客的过程

    --------------------------------------可能我书写的方式跟别人顺序不一样,但这是我的成功经验------------------------------------ ...

  7. 《Hexo+github搭建个人博客》

    <Hexo+github搭建个人博客> 文/冯皓林 完稿:2016.4.22-2016.4.23 注意:本节教程只针对Windows用户.本教程由无人赞助,赞助写出. <Hexo+g ...

  8. 【教程向】——基于hexo+github搭建私人博客

    前言 1.github pages服务生成的全是静态文件,访问速度快: 2.免费方便,不用花一分钱就可以搭建一个自由的个人博客,不需要服务器不需要后台: 3.可以随意绑定自己的域名,不仔细看的话根本看 ...

  9. 利用Hexo搭建个人博客－博客发布篇

    通过 <利用Hexo搭建个人博客-环境搭建篇> 以及 <利用Hexo搭建个人博客-博客初始化篇>,我们了解到了利用Hexo搭建个人博客需要的环境以及配置,下面这篇文章将会介绍如 ...

随机推荐

  1. A1084. Broken Keyboard

    On a broken keyboard, some of the keys are worn out. So when you type some sentences, the characters ...

  2. codeblocks 支持多个exe同时执行

    如果看总时间,没什么用,因为总资源是一样的. 但是可以做到:吃饭前,执行多个程序,吃完饭,所有程序执行完.

  3. My thoughts after NOIP 2018（2）

    又一次陷入迷茫了呢. - 大概是因为是因为自招政策要改变了吧? - 大概是因为前路在一点一点变得难走吧? - 大概是因为OI和学习实在太难平衡了吧? 未来的一切都已经不再在我控制的范围之内,不迷茫才怪 ...

  4. 20190408 XStream解析List

    XStream解析List 使用的JavaBean 普通JavaBean public class Book { private String name; public Book() { } publ ...

  5. MySQL_help语句(不定时更新)

    1.使用delimiter 命令重新定义mysql 的默认语句分隔符 delimiter $

  6. DOM-Document对象

     一. 整体介绍   这里介绍DOM对象中的Document对象. 何为Document对象?每个载入浏览器的HTML文档都会成为Document对象,Document对象可以帮助我们对所有的HTML ...

  7. HTML5的manifest 本地离线缓存

    下面直接放测试代码: index.html <!DOCTYPE html> <html manifest="m.manifest"> <head> ...

  8. ZRender

    https://ecomfe.github.io/zrender-doc/public/

  9. Jacob用法收集

    介绍 Jacob 是Java-COM Bridge的缩写,它在Java与微软的COM组件之间构建一座桥梁.使用Jacob自带的DLL动态链接库,并通过JNI的方式实现了在Java平台上对COM程序的调 ...

  10. caffe 中 python 数据层

    caffe中大多数层用C++写成. 但是对于自己数据的输入要写对应的输入层,比如你要去图像中的一部分,不能用LMDB,或者你的label 需要特殊的标记. 这时候就需要用python 写一个输入层. ...