<h1> 前言 </h3>
Hexo
基于Node.js
,由台湾大神tommy351
开发,可以实现一个静态网页组成的博客,而且更轻更快,使用也相当的简单。只要安装了Git
和Node.js
,我们就可以在电脑上快速的用Hexo来写作,Hexo同样支持评论、分类、标签、图片等。
<h3>特性</h3>
- 快速
Hexo
基于Node.js
,支持多线程,几百篇文章也可以几秒生成。 - 流畅
支持GitHub
Flavored
Markdown
和Octopress
的插件。 - 扩展
Hexo
支持EJS
、Swig
和Stylus
,通过插件支持Haml
、Jade
、Less
下面就来给大家介绍下Hexo
静态博客环境搭建的方法。
<h3> 先整理一下思路</h3>
1.首先hexo是基于nodejs
,所以需要安装nodejs(之前没有安装过的话)。
2.安装nodejs的方法很多的,因为为了简单,而且网上的很多教程也是用的homebrew安装方式,我也就用的这个。
3.安装homebrew
方式很简单,因为mac自带了ruby
,一句话就能搞定。
4.hexo提交部署需要git部署到github,所以需要安装git工具。
5.整理一下安装顺序,(homebrew-nodejs-hexo-git)
<h3> 1.安装homebrew</h3>
打开终端,输入下面代码:
ruby -e "$(curl -fsSL https://raw.github.com/Homebrew/homebrew/go/install)"
稍等片刻安装完成就可以了,因为正在下载,如果没有网速的话,可以关闭或者按下‘Ctrk+C’来结束进程并重新下载。值得注意的是输入这行代码也可能会提醒你输入的过旧,需要输入新的代码,只用复制那段代码然后轻敲回车就OK。
<h3> 2.安装nodejs</h3>
用homebrew安装,一句话搞定。
brew install node
<h3> 3.安装hexo</h3>
可以使用nodejs自带的npm
进行安装。
npm install -g hexo
<h3> 3.1创建hexo文件夹</h3>
待安装完成之后,在自己想要的位置新建一个文件夹,例如在根目录新建。打开终端输入:
mkdir blog
cd blog
hexo init
<h3> 3.2安装依赖包 </h3>
npm install
<h3> 4.安装git</h3>
安装好之后建议注册一个github
账号,如果没有的话。
<h3> 4.1homebrew安装</h3>
sudo brew install git
<h3> 4.2配置</h3>
<h4> 4.2.1检查SSH key</h4>
cd ~/.ssh
<h4> 4.2.2备份已有的key</h4>
mkdir key_backup
mv id_rsa* key_backup
<h4> 4.2.3生成SSH key</h4>
ssh-keygen -t rsa -C "xxxx@xxxx.com"
xxxx@xxxx为自己的github账号。
<h4> 4.2.4将SSH key添加到github</h4>
登录到gitHub页面,Account Settings->SSH Public Keys->Add another key将生成的key(id_rsa.pub文件)内容copy到输入框中,save。id_rsa.pub文件放在.ssh这个隐藏文件夹之下,因为当前就在这个目录,所以直接打开。
ls
open id_rsa.pub
打开这个文件推荐使用Sublime Text 2
(下同),复制里面的东西,然后到在网页上保存。
<h4>4.2.5测试连接</h4>
ssh git@github.com
如果现实连接成功,那就可以,不可以请重复以上步骤,找出错误的原因,或者把显示的错误信息代码复制到谷歌上面搜索。
<h3> 4.2.6设置个人信息</h3>
git config --global user.name "xxx”
git config --global user.email "xxx@xxx.com"
xxx是你自己的github
的账号,xxx@xxx.com是注册邮箱。
<h3> 5.创建github上面的repository </h3>
在自己的github主页右下角,创建一个新的repositpry
。我的github账号是maodahua,那么我就应该创建的repository名字为maodahua.github.io
.
<h3> 6.部署</h3>
在自己创建的blog
下找到_config.yml
这个文件并编辑,在最下面添加如下的语句。网址的maodahua替换成自己账号即可。
deploy:
type: git
repository: http://github.com/maodahua/maodahua.github.io.git
branch: master
PS:三个冒号之后需要留一个空格,不然会引起错误。
至此,hexo博客的搭建已经完成,接下来可以执行下面代码在本地运行,查看效果
cd blog
hexo g
hexo s
然后在浏览器中输入localhost:4000
就可以看到了。
如果没有错误的话,可以执行
hexo d
完成之后,我们的博客就完全搭建起来了。在浏览器中输入maodahua.github.io
就可以访问了,去看看你的成果吧!
网友评论
不知道楼主是怎么解决 Hexo 插图的问题?我之前手动链接本地图片、再将图片上传至 Hexo。但这个过程麻烦,且在部署到 Github 时会担心图片会降低访问速度。
最近搞了个 iPic 专门解决博客插图的问题:监控剪贴板中的图片、自动上传至微博图床、保存图片链接至剪贴板;这样,直接在 Markdown 编辑器中粘贴即可。感兴趣可以到这里了解下:http://i.toolinbox.net/iPic/iPicIntroduce1.html