免费搭建个人博客(HEXO + Github + Mac)

倒腾了2天算是把小窝安顿下来了,下面我就傻瓜式地讲解:如何免费搭建自己的博客.
(HEXO + Github + Mac)

在开始之前先弄清楚几个概念,因为毕竟我(们)是小白.

配置环境

1.安装Node(必须)

作用：用来生成静态页面的. 到Node.js官网下载相应平台的最新版本，一路安装即可。

2.安装Git(必须)

如果你有xcode那么恭喜你已经安装好Git.如果没有,那么去Git安装教程.(Git是免费、开源的分布式版本控制系,svn是经典的集中式版本控制系统).

3.正式安装HEXO

Node和Git都安装好后，可执行如下命令安装hexo :(打开终端直接输入)

$ sudo npm install -g hexo

创建本地博客

上面已经安装好必要的环境配置,下面开始创建你的博客.

1.初始化

创建一个文件夹，如：Blog，cd到Blog里执行hexo init的。命令：

hexo init

那么,恭喜你,你的本地博客至此已经创建好了.(纳尼?)
是的没错,可是,我的本地博客在哪里呢?闲话少说,我们继续~~

2.生成静态页面

打开终端,cd到你的Blog目录下,执行如下命令:

hexo generate （hexo g  也可以）

3.本地启动

仍然在你的Blog目录下.
启动本地服务，进行文章预览调试,执行如下命令:

hexo server

浏览器输入http://localhost:4000(这就是你的本地博客了~~)
虽然很简陋，但好歹有了一个属于自己的小窝了。本地已经简单的设置好了，但是现在域名和服务器都是基于自己的电脑，接下来需要跟github进行关联。

配置Github

1.建立Repository

建立与你用户名对应的仓库，仓库名必须为【your_user_name.github.io】，固定写法 (your_user_name 替换成你的 Github账户的 username)

2.和本地建立关联

然后建立关联，终端cd到你的Blog目录下,文件有以下：

Blog
｜
｜－－ _config.yml
｜－－ node_modules
｜－－ public
｜－－ source
｜－－ db.json
｜－－ package.json
｜－－ scaffolds
｜－－ themes

现在我们需要_config.yml文件，来建立关联，双击打开该文件,并翻到最下面，增加如下配置:(注意： : 后面要有空格.切记切记!!!这里曾经坑了我)

deploy:
type: git
repository: https://github.com/your_username/your_username.github.io.git (your_username替换成你的Github账户名)
branch: master

修改完成后记得保存_config.yml文件.

3.将本地Blog部署到Git

然后执行如下命令才能使用git部署:

npm install hexo-deployer-git --save

最后,执行部署命令:

hexo deploy

至此,你的本地Blog已经部署到git了,然后在浏览器中输入http://your_username.github.io/就行了
(your_username替换成你的Github账户名).

每次部署的步骤，可按以下三步来进行。

hexo clean
hexo generate
hexo deploy

写在最后

这里为了避免混淆,并没有介绍如何发布博客,修改主题等等配置相关的部分.

Tips

Hexo语法与使用官网:https://hexo.io
Markdown 基本语法 Cmd Markdown 简明语法手册
Windows10搭建Hexo: https://www.jianshu.com/p/3f2fe426edff
本文内容源自: https://www.jianshu.com/p/465830080ea9