前言

相信做iOS开发的大多都看过唐巧的博客，我也不例外。巧神说写作可以提高表达和沟通能力，同时又可以巩固对知识的掌握，于是决定打造一个自己的博客网站开始写作，下面我将打造一个类似下图的博客网站，并记录下来分享给大家。

分析

通过博客网站底部我们可以发现，唐巧是用的hexo博客框架

快速、简洁、高效。

安装

安装hexo需要安装Node.js和Git 下面的演示都是采用Mac演示，Windows请参考我文末给的链接

安装Git

brew install git

安装Node.js

安装Node推荐大家用nvm安装，先把nvm clone到本地，我是放到~/github 下面

cd ~/github
git clone https://github.com/cnpm/nvm.git

添加环境变量

source ~/github/nvm/nvm.sh

重启终端通过nvm安装任意版本，我这里安装的是最新版本v10.9.0

nvm install v10.9.0

安装hexo

环境搭建好了，安装hexo就非常简单了

npm install -g hexo-cli

建站

hexo安装好了，建站三个命令就搞定

hexo init xiaoyafei
cd xiaoyafei
hexo s

配置

网站搭好了，但是样子相差甚远，难道需要我们自己修改样式来达到巧神网站的样式吗？原来hexo给我们提供了很多主题供大家选择，我们只需要改改配置文件就可以更换主题，有木有很方便啊，巧神用的hexo皮肤是jacman，下面只需要clone jacman到hexo网站目录的themes下，然后修改配置文件就可以了达到换肤目的。

• clone

git clone https://github.com/wuchong/jacman.git themes/jacman

• 修改配置文件_config.yml中的theme

theme: jacman

• 随便再修改下其他配置

# Site
title: 阿飞的博客
subtitle: 记录自己的学习点滴
description:
keywords: iOS
author: 肖亚飞
language: zh-CN
timezone:

然后执行hexo s 我们可以看到一个跟巧神差不多的博客就出来了，当然还有很多细节的地方需要调整，具体参考如何使用 Jacman 主题

写作

网站搭建好了，我们就开始写作了，通过下面的命令创建一篇文章

hexo new 如何创建个人博客网站

然后会提示

INFO  Created: ~/github/xiaoyafei/source/_posts/如何创建个人博客网站.md

这样我们就可以到对应目录下打开文件开始写作，这里还需要你会markdown的语法，如果你有一个好用的md编辑器会事半功倍。

部署

如果你有自己的服务器，可以部署到自己的服务器，如果你没有，可以部署到github上。

首先执行安装hexo-deployer-git

npm install hexo-deployer-git --save

然后创建好自己的github仓库，修改配置文件

deploy:
  type: git
  repository: 你的仓库地址
  branch: master

最后执行发布命令就大功告成

hexo generate
hexo deploy  

我买的是阿里云的虚拟主机，几十块钱一年，通过FTP部署。登陆阿里云虚拟主机的管理后台找到FTP登陆信息

然后执行以下命令安装 hexo-deployer-ftpsync

npm install hexo-deployer-ftpsync --save

然后修改配置文件的deploy

deploy:
  type: ftpsync
  host: 你的主机地址
  user: 用户名
  pass: 密码
  remote:  /htdocs
  port: 21
  ignore: 
  connections: 1
  verbose: true

最后执行

hexo deploy

如果配置没有问题，网站就部署成功。
最终效果请点击这里。

参考

Hexo官网文档

快速搭建 Node.js / io.js 开发环境以及加速 npm

5分钟 搭建免费个人博客

如何使用 Jacman 主题