前言
相信做iOS開發(fā)的大多都看過唐巧的博客，我也不例外。巧神說寫作可以提高表達(dá)和溝通能力玫镐，同時又可以鞏固對知識的掌握辅柴，于是決定打造一個自己的博客網(wǎng)站開始寫作箩溃，下面我將打造一個類似下圖的博客網(wǎng)站，并記錄下來分享給大家碌嘀。
分析
通過博客網(wǎng)站底部我們可以發(fā)現(xiàn)涣旨，唐巧是用的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
添加環(huán)境變量
source ~/github/nvm/nvm.sh
重啟終端通過nvm安裝任意版本，我這里安裝的是最新版本v10.9.0
nvm install v10.9.0
安裝hexo
環(huán)境搭建好了怯疤，安裝hexo就非常簡單了
npm install -g hexo-cli
建站
hexo安裝好了浆洗，建站三個命令就搞定
hexo init xiaoyafei
cd xiaoyafei
hexo s
然后在瀏覽器中輸入http://localhost:4000/就大功告成了
配置
網(wǎng)站搭好了，但是樣子相差甚遠(yuǎn)集峦，難道需要我們自己修改樣式來達(dá)到巧神網(wǎng)站的樣式嗎伏社？原來hexo給我們提供了很多主題供大家選擇，我們只需要改改配置文件就可以更換主題塔淤，有木有很方便啊摘昌，巧神用的hexo皮膚是jacman，下面只需要clone jacman到hexo網(wǎng)站目錄的themes下高蜂，然后修改配置文件就可以了達(dá)到換膚目的第焰。
- clone
git clone https://github.com/wuchong/jacman.git themes/jacman
- 修改配置文件_config.yml中的theme
theme: jacman
- 隨便再修改下其他配置
# Site
title: 阿飛的博客
subtitle: 記錄自己的學(xué)習(xí)點(diǎn)滴
description:
keywords: iOS
author: 肖亞飛
language: zh-CN
timezone:
然后執(zhí)行hexo s 我們可以看到一個跟巧神差不多的博客就出來了，當(dāng)然還有很多細(xì)節(jié)的地方需要調(diào)整妨马，具體參考如何使用 Jacman 主題
寫作
網(wǎng)站搭建好了挺举，我們就開始寫作了杀赢，通過下面的命令創(chuàng)建一篇文章
hexo new 如何創(chuàng)建個人博客網(wǎng)站
然后會提示
INFO Created: ~/github/xiaoyafei/source/_posts/如何創(chuàng)建個人博客網(wǎng)站.md
這樣我們就可以到對應(yīng)目錄下打開文件開始寫作，這里還需要你會markdown的語法湘纵，如果你有一個好用的md編輯器會事半功倍脂崔。
部署
如果你有自己的服務(wù)器，可以部署到自己的服務(wù)器梧喷，如果你沒有砌左，可以部署到github上。
首先執(zhí)行安裝hexo-deployer-git
npm install hexo-deployer-git --save
然后創(chuàng)建好自己的github倉庫铺敌，修改配置文件
deploy:
type: git
repository: 你的倉庫地址
branch: master
最后執(zhí)行發(fā)布命令就大功告成
hexo generate
hexo deploy
我買的是阿里云的虛擬主機(jī)汇歹，幾十塊錢一年，通過FTP部署偿凭。登陸阿里云虛擬主機(jī)的管理后臺找到FTP登陸信息
然后執(zhí)行以下命令安裝 hexo-deployer-ftpsync
npm install hexo-deployer-ftpsync --save
然后修改配置文件的deploy
deploy:
type: ftpsync
host: 你的主機(jī)地址
user: 用戶名
pass: 密碼
remote: /htdocs
port: 21
ignore:
connections: 1
verbose: true
最后執(zhí)行
hexo deploy
如果配置沒有問題产弹，網(wǎng)站就部署成功。
最終效果請點(diǎn)擊這里弯囊。
