Mac下利用Hexo+GitHub搭建自己的博客

Mac下利用Hexo+GitHub搭建自己的博客

阅读导航

• 搭建环境
• 写一个Hello World例子
• 关联git，做相应配置

搭建环境

1.hexo是基于nodejs的，需安装nodejs，安装nodejs最好选择homebrew

2.首先查看电脑是否安装ruby，因为homebrew安装依赖ruby

3.安装顺序：homebrew—->nodejs—->hexo

安装homebrew

1	ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

安装node.js

1	brew install node

安装hexo

1	sudo npm install -g hexo

创建文件夹

1 2 3

mkdir blog cd blog hexo init

然后就会在/blog 目录出现

生成一套静态网页

1 2	hexo generate /** 生成一套静态网页 **/ hexo server /** 在服务器上运行 **/

在浏览器上运行http://localhost:4000就能看到如下的网站首页：

写一个Hello World例子

进入终端，使用cd命令进入到有Hexo框架的目录里面，输入：

1	hexo new post "我的第一篇博客"

随后出现如下的消息：

1	INFO Created: ~/blog/source/_posts/我的第一篇博客.md

证明创建文章成功，“我的第一篇博客”这个md文件会创建在source/_posts/的文件下。该md文件在自动生成时会带有一些属性：
title: 定义了博文的标题
date: 定义了创作博文的时
tags: 定义了博文的标签
除了这个三个属性以外我们还可以扩展一些属性：
update: 定义了最后修改的时间
comments：定义能否评论此博文(默认为true)
categories: 定义了博文的种类

这里post新建的文章都是在source目录下，然后生成的是.md格式，经过 hexo generate 或者 hexo g ，会在public目录下生成相应的文件目录（.css,.js,.html文件）

配置文件 – _config.yml管理文章格式的

里面属性配置属性和值需要用一个空格隔开

关联git，做相应配置

在github上new Repository，并命名为xxxxx.github.io(xxxxx是你github的账号名)，然后把本地项目提交到github的远程项目。然后在浏览器上输入xxxxx.github.io就能访问自己的博客了。

个人建议不通过手动同步github，优先考虑通过修改_config.yml让hexo帮助我们同步github，方便快捷，配置如下所示：

1 2 3 4 5

deploy: type: git repo: https://github.com/xxx/xxx.github.io.git branch: master xxx为个人github的name

配置完后，运行

1	hexo deploy

或者

1

hexo d

如果hexo d出现以下的错误：

1 2 3 4

ERROR Deployer not found: git ``` 请运行以下命令进行安装：

npm install hexo-deployer-git –save

1 2 3

### 当你增加新的文章或者插件时，可以通过以下三个命令进行同步操作：

hexo clean
hexo generate
hexo deploy
`

我嫌每次更新都输3次命令，把这个放到脚本run.sh里面了，这样更新时直接 sh run.sh 即可！

好了，访问XXX.github.io就可以看到自己的第一篇博客了，
下一篇：申请自己的域名，关联到GitHub博客上