如何利用github打造个人博客专属域名（文字版本）

unionline 2024-09-24 13:12:46 原文

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打造个人博客专属域名（文字版本）的更多相关文章

利用github page搭建博客
为什么选择GitHub Pages? 很多人用 wordpress,你为什么要用 github pages 来搭建? 1.github pages有300M免费空间,资料自己管理,保存可靠: 2.学着 ...
Hexo + github 打造个人博客
前两年开始用 wordpress 搭了一个网站,但服务器是在 Linode 上,之所以要放在 Linode 上,要从买的域名说起,因为我买的域名是 fengzheng.pub ,.pub 是不允许备案 ...
利用GitHub搭建Hexo博客并开启HTTPS
Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页. GitHub 是一个面向开源及私有软件项目的托管平台 ...
在Github上搭建博客
貌似还是这个链接最靠谱呀 http://my.oschina.net/nark/blog/116299 如何利用github建立个人博客:之一在线编辑器http://markable.in/ed ...
利用Octopress在Github上搭建博客及后续问题总汇
首先贴一下我的新博客地址: http://findingsea.github.io 用Octopress在GitHub上搭建博客已经不是什么新鲜事了,网上的教程也多了去了,大题的方法什么都差不多,这篇 ...
记自己利用hexo和github搭建个人博客的过程
--------------------------------------可能我书写的方式跟别人顺序不一样,但这是我的成功经验------------------------------------ ...
《Hexo+github搭建个人博客》
<Hexo+github搭建个人博客> 文/冯皓林完稿:2016.4.22-2016.4.23 注意:本节教程只针对Windows用户.本教程由无人赞助,赞助写出. <Hexo+g ...
【教程向】——基于hexo+github搭建私人博客
前言 1.github pages服务生成的全是静态文件,访问速度快: 2.免费方便,不用花一分钱就可以搭建一个自由的个人博客,不需要服务器不需要后台: 3.可以随意绑定自己的域名,不仔细看的话根本看 ...
利用Hexo搭建个人博客－博客发布篇
通过 <利用Hexo搭建个人博客-环境搭建篇> 以及 <利用Hexo搭建个人博客-博客初始化篇>,我们了解到了利用Hexo搭建个人博客需要的环境以及配置,下面这篇文章将会介绍如 ...

随机推荐

跟我一起使用electron搭建一个文件浏览器应用吧（三）
第二篇博客中我们可以看到我们构建的桌面应用会显示我们的文件及文件夹. In the second blog, we can see that the desktop application we bu ...
MFC中运行出现问题“不支持尝试执行的操作”
http://blog.csdn.net/maturn/article/details/8051987 问题描述: 基于CDialogEx的对话框工程.VS2010开发环境. 调试运行到OnInitD ...
[转]Maven与nexus
开始在使用Maven时,总是会听到nexus这个词,一会儿maven,一会儿nexus,当时很是困惑,nexus是什么呢,为什么它总是和maven一起被提到呢? 我们一步一步来了解吧. 一.了解Mav ...
LaTeX简历模板
%# -*- coding:utf-8 -*- %% start of file `template_en.tex'. %% Copyright 2006-1008 Xavier Danaux (xd ...
centos shell运行报语法错误: 未预期的文件结尾
可能原因: 脚本是windows下写的,然后传到linux下运行的需要给dos文件格式转成unix dos转unix 安装: yum install dos2unix 命令: dos2unix fi ...
20155330 2016-2017-2 《Java程序设计》第六周学习总结
20155330 2016-2017-2 <Java程序设计>第六周学习总结教材学习内容总结学习目标理解流与IO 理解InputStream/OutPutStream的继承架构理解 ...
js正则匹配table,img及去除各种标签问题
//获取公示栏内容 s = "$row.detail$"; mainContent =s; //如果有多个table使用下面注释的正则只会匹配成一个table //var tabR ...
C# 一般处理程序下载文件
using System; using System.Collections; using System.Data; using System.Linq; using System.Web; usin ...
wpc 双工
在控制台部署wcf双工这个可以被silverlight 使用 <?xml version="1.0" encoding="utf-8" ?> &l ...
Varish 缓存
varish 缓存 2013年06月17日,Varnish Cache 3.0.4 发布,为目前最新版本. varish是以内存作为共享容器的:内存的大小决定了它的缓存容量.相对于主要以硬盘为存储的s ...