Mac 使用Hexo搭建个人博客

Hexo 特点

1. 支持Markdown: 支持Markdown意味着你可以把经历从排版中解放出来。
2. 轻量: 无需拥有后台及数据库,专心写好你的文章。
3. 一键部署: 可以通过Git或者ftp来将生成的静态页面部署到服务器或者主机空间中。
4. 插件丰富: 丰富的插件可以满足你的各种需求。

Hexo的工作机制

      Hexo基于Node.js,将/source文件夹下的资源(文章,图片,模板),按照预定的配置文件,转换成静态页面放置到/public目录下.如果需要预览或者部署,hexo会把public作为web目录处理.具体的细节可以通过实践接下来的步骤,来逐渐明晓。

准备工作：安装node.js和git，创建GitHub仓库

      Node.js官网下载最新LTS版本：https://nodejs.org/en/。

      Git官网下载：https://git-scm.com/

      如果有不知道怎么下载的请自行百度，这里就不做过多的讲解。

      进入到github官网，登入自己的账号，创建一个仓库：https://github.com/

      创建好仓库之后，使用git把仓库克隆到本地

      复制红圈中的url，打开Git Client，我这里使用的是GitKraken

 

开始安装

      1、打开终端，进入到~/Documents/GitHub/MyBlog (这里看个人爱好，想在哪个目录下安装克隆的时候把仓库克隆到对应的目录就可以了)

# 进入到本地的仓库
cd ~/Documents/GitHub/MyBlog

      2、输入npm install hexo -g，开始安装Hexo

# 全局安装Hexo
npm install hexo -g

      这里报错了，意思是没有操作权限，使用 sudo npm install hexo -g

# 使用root权限全局安装Hexo
sudo npm install hexo -g

      输入hexo -v，检查hexo是否安装成功

# 查看Hexo版本信息
hexo -v

      输入hexo init，初始化该文件夹（有点漫长的等待。。。）

# 初始化Hexo
hexo init

      这里会报错，意思是当前的文件夹不为空，需要在空文件夹中使用hexo init命令

# 创建hexo目录并进入hexo目录
mkdir ~/Documents/GitHub/MyBlog/hexo && cd ~/Documents/GitHub/MyBlog/hexo

      我们创建一个新的hexo目录并进入hexo目录下面，再次执行：hexo init

# 初始化Hexo
hexo init

      出现：INFO  Start blogging with Hexo!，说明初始化成功

      继续输入：npm install，安装所需要的组件

# 安装所需要的组件
npm install

      输入hexo g，首次体验Hexo

hexo g

      输入hexo s，开启服务器，访问该网址，正式体验Hexo

hexo s

      在浏览器输入：http://localhost:4000，访问成功

      到这一步，说明Hexo已经搭建成功了，下面开始新建我的第一篇博客，重新打开一个新的终端，输入：hexo new port "你好，Hexo"

# 进入~/Documents/GitHub/MyBlog/hexo
cd ~/Documents/GitHub/MyBlog/hexo
# 新建一个名称为：你好，Hexo的博客
hexo new port "你好，Hexo"

      会在：~/Documents/GitHub/MyBlog/hexo/source/_posts目录下创建一个：你好，Hexo.md 的文件

 

      使用编辑器编辑好文章，然后使用下面的命令进行生成和部署

hexo d -g

      访问：http://localhost:4000，发现博客已经添加上去了