使用 Jekyll 与 GitHub Pages 轻松搭建属于自己的网站(1)

Rate this post

前言

相信很多同学都有过自己写博客的念头,但是可能最后都选择了类似于「简书」、「CSDN」等博客平台,原因无外乎是搭建一个个人网站的时间成本比较高。

其实除了之前很流行的使用 WordPress 进行很简单的搭建,还有一种更加简单的方法——甚至可以省略掉自己购买服务器的成本。

本篇文章就会为大家简单介绍一下如何使用 Jekyll 与 GitHub Pages 搭建属于自己的博客网站。

GitHub Pages

想必各位读者朋友都或多或少的知道 GitHub ,在这里关于如何使用 Git 以及 GitHub 就不做过多介绍,以后有机会的话可以另写一篇文章来详细说明一下。

如果你还没有 GitHub 账号,请先注册一个账号,因为接下来的过程需要用到它。

这里是 GitHub Pages 的主页面, 可以大概浏览一下,了解一下相关内容。

操作步骤

GitHub 提供好多种模板可供选择,因为本篇文章主要目的在于如何最快上手搭建一个自己的网站,那么这里我们先不去讲解如何从零开始新建,而采取一种最简单快速的方法—— Fork 一个模板。

以目前我正在使用的 黄玄模板 (在这里也对 Hux 表示感谢)为例:

点击链接到达 GitHub 页面,如下图所示:

如果你还没有登录请先登录。

登录完成后,点击上图中右上角的按钮「Fork」:

点击之后,会出现一个新的页面,这里显示的就是你 Fork 之后的 Repository 了。

接下来点击右上角的 「Settings」按钮,如下图所示:

然后在新打开的页面选择「Repository name」,修改为「你的用户名.github.io」,比如我自己的就是 「harryho97.github.io」,如图所示:

进行完这部修改之后,试一下在浏览器输入这个网址,看一下自己的新网站吧。

如图是我自己修改过相关内容的页面,你打开的话看到的页面应该是这样。

恭喜你!

你已经拥有了自己的一个新博客。

当然了,你可能会疑惑,目前的博客内容为模板内容,怎样才能够按照你自己的需求进行修改呢?

别着急,下一篇内容我会讲解这篇文章中缺席的「Jekyll」,到那时候,你就可以随心所欲的修改自己的博客啦。

感谢阅读。

如果有任何问题,欢迎写邮件和我联系,我的邮箱是:97hexi@gmail.com

harryho97

201801142027

(再次感谢 Hux 的模板)