手摸手教你用github和hexo搭建个人博客(一)

近期心血来潮,把尘封已久的博客又捡起来了,之前各种折腾框架和主题,每次都是折腾完就放那再也不更新了,这次希望能真正启用沉寂多年的blog。话不多说,先从此次装修blog开始,通过记录自己在从0到1的过程中踩过的各种坑来汇总出一篇搭建个人blog的教程

Github Pages

本系列文章中所展示的操作步骤和内容均为OS X操作环境下呈现,请使用widowsLinux的小伙伴们自行搜索对应的写法

简介

什么是Github

Github是全球最大同(码)性(农)交友(流)网站,我们这里用他所提供的pages服务来作为我们个人博客的载体

什么是Github Pages

Git Pages是一个免费提供部署静态站点的服务,Github用户可以通过在其站点上创建仓库并将静态网站或静态博客托管在github上,使用户可以分享自己的项目或作品。

Git Pages的特点如下:

  • 由Github免费托管,支持由git版本管理、Github多人协作
  • 只支持静态页面
  • 默认支持Jekyll生成器,允许Github站内生成或者用户上传
  • 可以绑定专有域名,或者使用Github提供的子域名

我们可以通过各种静态站点生成器来生成所有静态页面并部署到指定仓库完成代码托管,常用的静态站点生成器如下:

我们这里选用Hexo,由于Github Pages默认只支持Jekyll,所以其他生成器需要在本地生成好静态页面后再上传到指定仓库。

什么是Hexo

Hexo是一款快速、简洁且高效的博客框架,它具有以下几个特点:

  • 超快速度
  • 支持Markdown
  • 一键部署
  • 丰富的插件

环境搭建

在搭建博客之前我们需要先准备好开发环境,我们需要安装以下工具:

安装Git

下载地址:
https://git-scm.com/download/

OS X环境下推荐用Homebrew进行安装, 如果你安装了Xcode则不再需要单独安装git

安装Node.js

下载地址:
https://nodejs.org/zh-cn/

推荐使用NVM进行安装

创建博客托管仓库

创建Github账号

前往 https://github.com/ 页面注册Github账号,如果已有注册账号,直接登录即可

创建仓库

点击页面右上角的 +,选择 New Repository 创建一个新的仓库

Repository name下的输入框中填入仓库的名称,这里要注意,该仓库的名称命名必须是 yourusername.github.io的格式。然后根据提示点击 Create repository 创建仓库

如果你在创建的时候勾选了 Initialize this repository with a README, 此时可以看到仓库里会有一个 README 的文件已经被创建好,如果没有勾选,此时仓库里空空如也,界面上默认会有一些git基本操作的提示内容

按照上述命名规则创建的仓库,默认是开启 Github Pages服务的,所以我们现在就可以在浏览器中打开 https://yourusername.github.io/ 来访问我们的静态页面。

其实现在我们就可以通过在仓库里创建文件来丰富我们的博客内容了,只是采用这种方式不够傻瓜化。

上面提到了现在社区里有很多成熟的静态站点生成器,下一篇我们就详细介绍如何采用 Hexo 框架来快速管理和更新我们的博客内容。

(完)

如果此文有帮助到你,你可以选择请我喝杯☕️ ,感谢你对我分享内容的认可😃