Have a try：mac上搭建hexo！

发表于 | 分类于 |

mac上如何搭建hexo

刚刚开始学coding相关，因为想要整理学习笔记而萌生了写博客的念头，发现了hexo这个好看好玩又好用的静态框架，于是开始尝试，折腾了好半天终于简单的搞起来了 ：https://zeromeme.github.io/。
以下是我一个啥也不知道的小白鼓捣的全过程，写的也比较白痴，遇到很多报错，google了很多解决办法，尝试了很多不同的命令，我写的是我印象中最终成功的命令，所以不保证照着我的步骤就能顺利搭成功哦，还是要善用google！

更新日期：2017.9.20

mac版本：10.12.6

先整理一下思路：注册github账户—安装git—安装node.js—安装hexo—本地配置—生成发布—（配置主题）

注册GitHub

https://github.com/

git

AppStore安装Xcode，Xcode自带git，老教程里有人说安装Xcode之后需要注意里面再安装命令行工具（command line tools），但我安装Xcode之后打开发现已经安装好命令行工具了。

检测git是否安装成功：mac打开终端输入如下命令

1
git --version

成功就会出现版本号。

设置个人信息：你的github账户名及注册邮箱

1
2
git config --global user.name "xxx”
git config --global user.email "xxx@xxx.com"

node.js

进入官网https://nodejs.org/en/下载node.js

我下载的是最新版for mac v8.5.0

下载之后按照提示一路安装就好。

检测node.js是否安装成功

1
node -v

安装Hexo

使用命令：

1
npm install -g hexo-cli

安装时出现了以下报错：

npm WARN deprecated swig@1.4.2: This package is no longer maintained

我没管它，也没有对之后的步骤产生影响。

创建hexo文件夹并cd到该位置，或者在该位置右键git bash

例如：我安装到我自己user下的blog文件夹里

1
cd ~zeromeme/blog

初始化：

1
hexo init

安装server：

1
npm install hexo -server --save

安装npm：

1
npm install

安装好后可以用一下命令检测，出现版本号则成功：

1
npm -v

开启hexo 服务器：

1
hexo s

在浏览器打开 localhost:4000 出现以下页面就说明你前面的步骤都成功啦！开心哇！

添加SSH-Key

生成SSH：（邮箱为自己的github账号）

1
ssh-keygen -t rsa -C "xxxx@xxx.com"

会要求你连续输三次密码进行设置，可以按三次回车设置密码为空

打开id_rsa.pub 所在文件夹：

1
2
ls  
open id_rsa.pub

打开并复制该文件，进入https://github.com/settings/keys Add SHH粘贴并保存，

创建新repo：

Repository name的命名固定格式：yourname.github.io

yourname是你的github账户名字

本地配置

打开你创建的for hexo的文件夹找到_config.yml文件，打开编辑：（把zeromeme换成你自己的账户名哦）

1
2
3
4
deploy:
type: git
repository: git@github.com:zeromeme/zeromeme.github.io.git
branch: master

注意正确使用空格缩进，且三个冒号后面都要有一个空格。

（如果后续运行不正确，终端会提示哪一行出错的，例如：

1
JS-YAML: incomplete explicit mapping pair; a key node is missed at line 18, column 29:last_updated: Last updated: %s

回去改line18 column29就好啦）

本地运行并查看：(请cd到正确的位置哦)

1
2
3
cd ~zeromeme/blog  
hexo g
hexo d

打开https://zeromeme.github.io/ （换成自己用户名），希望你成功了！

开始写吧

cd到你的hexo文件夹，then

1
hexo new "标题"

在 source/_posts 里就会产生该文件，用你喜欢的Markdown编辑器开始写吧！

Markdown编辑器推荐——Typora

https://typora.io/

mac os目前还是byte版，免费，页面简洁，除了基本功能，插入代码和图片也都非常方便。

发布文章

1
2
3
cd ~zeromeme/blog    //cd到正确的位置
hexo g				//生成
hexo d				//部署

更改Hexo主题

Hexo有超多主题可以换，https://hexo.io/themes/，感谢各位贡献者！

我用了Next，很多人用各种插件很全的一个主题

http://theme-next.iissnan.com/getting-started.html

next主页里的教程写的非常详尽了我就不重复了。

谢谢观看，祝明天开心