原创

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,发现博客已经添加上去了

正文到此结束
本文目录