个人博客折腾笔记

这一路也是踩了无数的坑,最后总算折腾出来了。这里我找了一个最理想最简单的办法来利用git page搭建博客。 网上的教程真的是鱼龙混杂,一下东一下西,经常搞到最后一步就gg了,无力吐槽,这里记录下。

提前说明

大致说明

这其实就是github提供的一个博客,jekyll就是把纯文本转换成静态网站的一个工具。首先说说原理把,原理就是先注册一个github帐号,然后新建一个仓库,仓库名字必须是你的帐号名字加github.io,这么一个名字,github就会自动识别,并且为你创建一个git page博客,还分配一个域名给你。没错,域名就是你的帐号+github.io,然后你可以直接去访问这个域名,或者也可以自己去买一个域名,(新网,万网,西部数码都可以)最后进行dns解析一类的操作,就把你的域名绑定xx.github.io上了。

选择jeklly的利和弊

####1.好处 看到上面的大致说明也明白了,好处是纯静态,github托管。比如你现在看到的博客,他就是放在我的代码仓库里面。项目地址,https://github.com/bsmali4/bsmali4.github.io,没错这不是其它的项目,这就是我现在运行的博客。我写的这篇文章,使用markdown写的,他的实际目录就在https://github.com/bsmali4/bsmali4.github.io/tree/master/_posts/2016-12-07-个人博客搭建笔记.md下面。优点一:支持markdown,只要你把仓库clone到本地,然后本地进入到_post目录,新建一个markdown文件,按照markdown的格式去写。写完之后再去push到你的仓库,博客就更新了。可以理解成本地建好一个html然后直接远程传到服务器。没有用到数据库,没有管理操作页面,但是很方便啊。<p>好处二:github流量无限制啊,如果你去购买vps自己搭建的话,有些是会限制流量的。<p>好处三:免费,免费,因为github是免费的。<p>好处四:简洁,简洁。jeklly提供的模版也比较多,但是我看了都是比较简洁的,看着比较舒服。 ####2.缺点 缺点一:由于没有wordpress后台那么强大编辑器,很多操作不是很方便,不过好在支持markdown,你可以下一个markdown编辑器,好像收费,我这里找了一款开源的免费程序,只支持mac,macdown支持实时预览,windows和ubuntu也应该会有,自己可以去找找。当然你也可以去找在线的markdown编辑器,在线markdown。<p>缺点二:上传图片极其不方便,很容易理解,你在编辑文章的时候其实是本地编辑一个.md文件(markdown文件),图片之类的不好上传,只能通过markdown来引入,就类似于html中引入img标签,所以过程就是找一个床图服务器,上传图片到服务,然后复制图片地址,最后引入。<p>缺点三:空间受限制,好像是300m,不过不存图片来说,只存些html文本还是足够的。

搭建篇

##1 注册github 注册的时候需要绑定邮箱,但是qq邮箱好像会有问题,最好最后自己测试下。 ##2 forks一个博客

很多教程都是新建一个代码仓库,名字必须为你的github帐号名+github.io 比如我的仓库名字就是bsmali4.github.io,以这个为名字他会懂识别然后分配一个博客给你。上面说的都是很多教程,我在这里遇到了很多坑,第一个要安装jeklly,安装完之后,导入其它人的博客,发现各种版本问题,各种版本不兼容,反正神烦。这里教大家一个好办法,直接去jeklly主题站,找一个自己喜欢的主题。 看到喜欢的之后点进去,然后点击homepage 进去之后是一个github项目,然后直接forks就行了。 forks就相当于你自己去创建了一个一摸一样的项目,然后来到 https://github.com/,他就会显示你现有的仓库,包括你刚刚forks过来的。 点击进入这个项目,做到上方的setting。 rename一下,rename改成你的github用户名,比如我的是bsmali4。 这时候,github就会自动为你分配一个博客域名,bsmali4.github.io。访问就会出现你的博客,和你fork过来的内容一模一样,包括文章内容和模版。这里只能是你的用户名+github.io。默认一个用户只能有一个github博客,除非你充钱变强。到这里一个属于你自己的博客就搭建好了,是不是十分的简单。 ##3 定制模版 博客已经搞好了,直接访问你的用户名.github.io就出现了。但是模版是挺好看的,但是标题,图片,还有其它的东西都想换,怎么办?直接修改_config.yml ###1 clone项目到本地 直接git clone你的项目到本地,比如我的博客是bsmali4.github.io。它对应的项目地址就是https://github.com/bsmali4/bsmali4.github.io

git clone https://github.com/bsmali4/bsmali4.github.io.git

仓库克隆到本地以后进入项目目录

找到_config.yml,里面就是模版对应的含义,标题和图标之类的。

每个模版都大同小异,本地编辑修改完了之后push上去就行了。 修改完,或者在_post目录写完markdown之后保存。运行下面命令

git init
git add .
git commit -m "change"
git remote add origin https://github.com/bsmali4/bsmali4.github.io.git

如果出现fatal: remote origin already exists. 说明分支已经存在,很简单rm就行了<p>

git remote rm origin

rm完了之后,再执行一次<p>

git remote add origin https://github.com/bsmali4/bsmali4.github.io.git

就不会出错了<p>

git push origin master

这就是更新的过程 以后更新文章,或者修改模版等等,都是这样做,先本地修改保存,然后再push上去

##5 绑定域名 这里有大坑,我也是尝试了很久,主要是网上的教程太多了,试了很多都不行。最后还是折腾出来了。 先注册一个域名,新网,万网,西部数码都可以。注册完域名之后来到域名管理,将dns解析改成dnspod提供的两个dns服务器<p> f1g1ns1.dnspod.net<p> f1g1ns2.dnspod.net<p> 剩下的就不需要你域名注册商管了,来到 dnspod注册一个用户,可以直接qq扫码登录, 来到域名解析 添加域名为你刚注册的域名

然后添加两个A纪录,一个CNAME纪录,指向你的域名xxx.github.io 这两个A 纪录是固定的,分别是 192.30.252.153<p> 192.30.252.154<p>

配置之后就等着解析把,大概10分钟就好了。 对了在搞完这些以后,记得要修改仓库中的CNAME

##7 添加评论 这个也比较简单,推荐使用duoshuo

写完markdown之后记得保存为格式为:2016-12-07-个人博客搭建笔记.md