用Github搭建自己免费的个人博客

咳咳,如果你想要公开你的博客。买域名还是要钱滴,我不会告诉你我花了一块钱。

网上关于这方面的素材已然不少,但是我还是想跟大家讲讲,一是谈谈感受,二是推荐下NexT主题。我的个人博客也是最近几天搭建好的,你可以通过点击查看主题效果。

搭建博客

首先需要创建一个github账号,官方网址在这里

图片转自http://blog.csdn.net/renfufei/article/details/37725057/

操作很简单,相信你没问题。

第二步是fork我的主题,地址点击这里。右上角有个大大的Fork按钮,点击它,没错,点它。这样等一下,github嘟嘟嘟就把我的所有内容传到你的资源包里去了。

第三步,把资源包的名字改掉。改成根据创建账号用户名+github.io。像我的用户名是ShixiangWang,名字就该是ShxiangWang.github.io。如下图,在Settings里面改变然后点击Rename即可。

rename.png

这样你的博客框架已经搭好了,可以在浏览器输入用户名.github.io查看。

如果你觉得这个主题不行,那我无话可说。你可以上Jekyll Themes
找个你喜欢的,找到它的github地址Fork之后改名;或者下载所有的文件把ShixiangWang.github.io下的文件全部删掉,把你喜欢的资源包拷贝进去。这个过程如果你在浏览器上操作比较麻烦,如果是Windows用户或者Mac用户可以下载Github桌面版进行操作:先把你的资源库Fork到本地,然后修改(删掉所有的内容,把你下载的主题资源包内容拷贝进去),然后上传到仓库(CommitPush)。

具体软件的使用可以参考这个知乎链接。使用Linux的朋友多少对git有些概念,直接使用git对github仓库进行操作并不困难,相信你们能够搞定,不会的话网上也有一大堆开源博文等着你。我之前也整理过一篇git使用手册

修改主题配置

关于NexT主题的使用,README文档里有详细的介绍和配置文档链接。我是从https://github.com/Simpleyyt/jekyll-theme-next那里Fork过来的,如果有问题你可以建立issue进行交流。当然你也可以Fork他的,因为我的主题已经参考使用文档做了一些自定义修改,所以有一些不同。

如果Fork我的主题,你看到的就是我个人博客显示的那样。你只需要改些跟自己有关爱好、涉及账号的东西就可以了。当然你可以根据使用文档一步一步的修改和调试,跟着做就行了。

如果是Fork我的,请修改以下内容,具体操作参考使用文档

开始使用专栏里:
设置 头像
设置 作者昵称
站点描述
主题配置专栏里:
侧边栏社交链接
开启打赏功能
第三方服务专栏里:
来必力
百度统计

公开博客

这一部分就是为你的Github个人博客绑定域名。就像我的域名是flypeom.site,你在浏览器输入它,浏览器能够找到它的ip地址,从而打开你的博客主页。

虽然在Internet上可以访问我们的网站,但是网址是GitHub提供的:http://xxxx.github.io*
"); background-size: cover; background-position: 0px 2px;">*
(知乎排版可能会出现"http://"字样) 而我们想使用我们自己的个性化域名,这就需要绑定我们自己的域名。这里演示的是在阿里云万网的域名绑定,在国内主流的域名代理厂商也就阿里云和腾讯云。登录到阿里云,进入管理控制台的域名列表,找到你的个性化域名,进入解析


然后添加解析

包括添加三条解析记录,192.30.255.112是GitHub的地址,你也可以ping你的 http://xxxx.github.io 的ip地址,填入进去。第三个记录类型是CNAME,CNAME的记录值是:你的用户名这里千万别弄错了。第二步,登录GitHub,进入之前创建的仓库,点击settings,设置Custom domain,输入你的域名。

以上内容引自:GitHub+Hexo 搭建个人网站详细教程

所谓的Ping地址,Windows可以用菜单键+R键入cmd进入终端/Linux直接打开终端,键入:

ping xxx.github.io #把xxx改成你的用户名

可以看到返回结果(比如下面我的)里面包含ip地址,这就是你在添加解析时需要填入的。

wsx@wsx-ubuntu:~$ ping ShixiangWang.github.io
PING sni.github.map.fastly.net (151.101.193.147) 56(84) bytes of data.
64 bytes from 151.101.193.147: icmp_seq=1 ttl=48 time=60.7 ms
64 bytes from 151.101.193.147: icmp_seq=2 ttl=48 time=60.3 ms
64 bytes from 151.101.193.147: icmp_seq=3 ttl=48 time=60.2 ms
64 bytes from 151.101.193.147: icmp_seq=4 ttl=48 time=60.1 ms
64 bytes from 151.101.193.147: icmp_seq=5 ttl=48 time=60.1 ms
64 bytes from 151.101.193.147: icmp_seq=6 ttl=48 time=60.1 ms

最后在资源的最外层创建一个CNAME文本文件,记住不要后缀,在里面填入域名即可。

下图可以看到我的资源里有这个文件:


cname.png

看看里面的内容吧:

里面就一行字符,写的就是域名。


cname_content.png

写博客

上述配置完后,剩下你需要关心的只有写博文了。博文的书写需要遵循一定的要求,包括3方面:

  • 头信息
  • 博文内容
  • 文件名

头信息是需要遵循YAML语法的一些信息,书写在文件的头部。内容可以有很多,它的格式如下:

---
layout: post
title: This is my first blog
---

这是符合YAML语法的头信息,它用来让Jekyll正确解析该文件的内容。比如说layout指定了这是一篇博文,title指定了题目。

常用的有以下几个键值对:

---
title: My blog title
date: 2017-08-11
categories:
- life
- more
tags:
- blog
- post
---

date指定了文章写作日期;categories指定了文章放置的目录;tags指定文章标签。这些信息书写后,Jekyll会自动将你的文章按时间顺序收录和生成标签云。是不是很赞~关于Jekyll以及YAML的相关知识,可以查看官方中文文档喔。

博文的内容需要服从Markdown语法。正文的话就直接打就行了,但是像标题,斜体,下划线等等的实现符合使用Markdown语法。Markdown非常简单易学,也非常流行,各大编程相关的网站(像Biostar, Stack overflow)都基本支持,简书也支持。想要了解的朋友可以查看https://github.com/ShixiangWang/README,或者依赖搜索引擎查阅相关资料。

博文存档时的文件名需要符合特定的格式要求:可以是.md文件和.html文件。如果是前者,Jekyll会自动将它解析成网页。命名则是xxxx-xx-xx-*.md,其中xxxx-xx-xx需要填入书写博文的时间,比如今天应该书写为2017-08-11*指代可以填入任意内容,用以区分文件。.md表示是Markdown文件。


文章内容已经写完了,有什么疑问欢迎和我交流。能力所限,难免有所遗漏,大家多多包涵。

感觉NexT主题很不错,非常简约,本人十分喜欢。如果你也喜欢它,也想搭建这样的博客,就一起来吧。你可以看到我是两天前开始弄的,现在就已经在这里给你们写经验了。其实非常简单, 我自己摸索还走了不少弯路。Come on.

博文链接:http://www.flypeom.site/documentation/2017/08/11/FreeBlog-by-using-GithubPage/

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,294评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,493评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,790评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,595评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,718评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,906评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,053评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,797评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,250评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,570评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,711评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,388评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,018评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,796评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,023评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,461评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,595评论 2 350

推荐阅读更多精彩内容