GitHub Pages搭建个人博客

2017-12-17  本文已影响0人  chenxuri

前言

很久前就想搭建一个自己的网站,想想在上面可以自由编写喜欢的东西,感觉会很有趣。这次趁着国庆放假,开始动起手来。
搭建过程还算顺利,同时也学到了点新知识,总体还算满意。以后会更新些Java相关博客。或许也会添加些其它有意思的小东西,敬请期待!


正文

下面谈下该网站搭建细节
要搭建一个网站,你需要 服务器+博客代码+域名

服务器

一般来说都使用云服务器,可以从阿里云和腾讯云购买。也许有人会问了,有免费的云服务器吗?有,并且十分好用,就是GitHub。
GitHub是最大的代码托管网站,可以被用来版本控制。Github Pages 是 Github 的静态页面托管服务。它设计的初衷是为了用户能够直接通过 Github 仓库来托管用户个人、组织或是项目的专属页面。
首先在GitHub上创建一个项目,不过名字必须是这种格式xxx(比如名字).github.io,这样会自动开启GitHub Pages的功能。其它地方与创建普通项目相同。
想学习更多Git知识的同学可以看下廖雪峰的Git教程

博客代码

Jekyll是个好用的博客框架,它支持静态网站和Markdown。Mardown是一种简单的标记语言,可移植性强,被越来越多
的用来写博客。不熟悉Markdown的可以参考这里的教程马克飞象,很容易学会。

安装Jekyll

安装流程为ruby -> gem -> Jekyll。首先我们安装ruby,Mac和Linux可以用命令行配合yum或者brew这样的包管理器很方便的安装ruby,
Windows可以下载Ruby installer来进行安装。然后用命令行安装gem,gem是一个ruby的包管理系统。
最后再用gem安装Jekyll。如下所示:

//在RubyGems官网上下载压缩包,解压到你的本地任意位置

$ cd yourpath to rubygems //你解压的位置
$ ruby setup.rb  //安装gem
$ gem install jekyll

Jekyll模板

推荐如下模板:

博客目录大概如下图所示

|── _includes  //页首页尾模块
|   ├── footer.html
|   └── header.html
|
|── _layouts   //页面布局
|   ├── default.html
|   └── post.html
|
|── _posts     //博客文件
|   ├── 20017-10-29-why-every-programmer-should-play-nethack.markdown
|   └── 20017-04-26-barcamp-boston-4-roundup.markdown
|
|── _site      //输出目录
|
|── index.html

网站写好后,把_site目录下的文件上传到Github上刚建的项目里。

购买域名

可以从阿里云或腾讯云购买域名,一般一年几十块钱。然后在github上博客项目的setting里的Github pages内绑定域名,如下图所示


githubpages.png

现在终于搭建成功了,可以好好欣赏下自己的博客。

也许搭建过程中会遇到一些问题,但多思考,多搜索,相信你能解决!

上一篇下一篇

猜你喜欢

热点阅读