Hexo深坑之旅(4)— Mac系统下搭建Hexo

前言:此前笔者曾在win7系统中用hexo+jacman搭建过一次个人博客,期间几经波折,踏过不少深坑。而由于前段时间刚入手了一台MacAir,不得已又要再次踏上这场深坑之旅。好在万变不离其中,虽说是两个系统,但大部分的操作还是相同的,所以在这篇文章中主要介绍Mac系统下的注意点。而至于详细的操作请参考笔者的另一篇文章:Hexo深坑之旅(1)- win7系统下安装hexo

开始须知

终端

打开

按下快捷键 Ctrol+ Space 空格键,激活 Spotlight 搜索,随后在搜索框中输入“终端”关键字。

终端.png

命令

cd 前往目标文件。例:

cd /Users/Desktop/前端画室/web前端/blog

1.环境配置

1. 1Node.js

node.js

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 简单来说你也可以把它看成是一个运行在服务器端的JavaScript语言。这里主要是用于创建hexo博客的框架从而生成静态页面。
Node.js官网
Node.js官网(中文)
这里推荐下载v6版本,因为v7版本的坑比较多,不适合新手。
下载安装后,可以在终端中用以下命令检测是否安装成功。

node -v
npm -v

如果有版本号显示则表示安装成功

Macbook Air:blog$ node -v
v6.10.1
Macbook Air:blog$ npm -v
3.10.10

1.2 Git

Git官网
Git是一款免费、开源的分布式版本控制系统,所谓分布式(类似于星形网络)即是可以将项目分布到任何一台电脑中供用户使用,使每台电脑都相当于“主服务器”。而版本控制则可以查看每一次提交或修改的历史记录。Git的优点在于可以灵活高效地处理任何或小或较大的项目。

git

1.2.1 xcode

对于Mac用户来说推荐使用苹果开发的 xcode ,自带有git,可以在App Store中自行下载安装。


Xcode.png

由于xcode默认没有安装命令行工具,因此安装完成后,还需要在xcode中下载 Command Line Tools 工具。
(1) 在终端(terminal)中输入命令:

$ xcode-select --install

(2)安装 xcode-select

xcode-select.png

(3)再次在终端(terminal)中输入命令:xcode-select --install 检验是否安装成功:
xcode-select --install.png

如上图,则成功安装。这时在打开xcode新建一个项目,选择macOS,就能看到 Command Line Tools
tool.png

1.2.2 下载安装包

mac也可以使用 Homebrew, MacPortsbrew install git
;或下载 安装程序 安装。
本人并没有尝试,所以不多说,详细方法可查看hexo官方文档

2.安装Hexo

2.1安装

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
注意! 注意! 注意!
由于hexo新版本的问题,很多原来的方法都已失效,因此在搜索资料时一定要注意文章发布时间。
查看hexo官方文档,打开终端执行命令:

$ npm install -g hexo-cli

不过有时会因为权限问题而报错,推荐加上 sudo命令 (可能会提示输入系统管理员密码):

$ sudo npm install -g hexo

2.2初始化

先新建一个文件夹,用来存放hexo,如blog。
然后用终端 cd 到blog的目录下,执行命令:

$ hexo init

执行:

$ sudo npm install -g

执行 $ hexo -v 查看hexo版本:

hexo.png

这时打开blog文件夹,可以看到已经生成了hexo文件
blog.png

执行命令,开启本地服务器:

$ hexo s

然后在浏览器中打开网址http://localhost:4000,能看到如下页面:

hexo4000.png

3.关联Github

3.1 注册Github账号并创建仓库

参考:Hexo深坑之旅(1)- win7系统下安装hexo

3.2添加ssh key到Github

首先检查SSH-keys是否存在,打开终端执行命令:

MacBook-Air:~ zhoujunyang$ cd ~/.ssh
MacBook-Air:.ssh zhoujunyang$ ls
id_rsa      id_rsa.pub  known_hosts

如果有文件id_rsa.pub或id_dsa.pub,则直接进入将SSH key添加到Github中,否则进入下一步生成SSH key

$ ssh-keygen -t rsa -C "your_email@example.com"

your_email@example.com 为Github的邮箱地址。
默认会在相应路径下(~/.ssh/id_rsa.pub)生成id_rsa和id_rsa.pub两个文件。
打开id_rsa.pub文件,复制里面的信息。

ssh.png

进入Github –> Settings –> SSH keys –> add SSH key:

key.png

Title里任意添一个标题,将复制的内容粘贴到Key里,点击下方Add key绿色按钮即可。

title.png

3.3配置文件

打开blog文件夹下的 _config.yml文件,修改参数:

deploy:
    type: git
    repository: git@github.com:zhouxiaoyu1994/zhouxiaoyu1994.github.io.git
    branch: master

你需要将repository后zhouxiaoyu1994换成你自己的用户名。

3.4本地上传

需先安装 hexo-deployer-git

$npm install hexo-deployer-git --save

执行命令:

$ hexo clean      清除缓存文件
$ hexo generate     或者hexo g 生成静态文件。
$ hexo deploy            或者hexo d 部署网站。

最后,浏览器中打开网址http://zhouxiaoyu1994.github.io(将zhouxiaoyu1994换成你的用户名)能看到和打开http://localhost:4000 时一样的页面。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,847评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,208评论 1 292
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,587评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,942评论 0 205
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,332评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,587评论 1 218
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,853评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,568评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,273评论 1 242
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,542评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,033评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,373评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,031评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,073评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,830评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,628评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,537评论 2 269

推荐阅读更多精彩内容