经过各种找资料,踩过何种坑,终于搭建好了hexo
,域名目前用得时github
的,我的hexo
是3.2.2
版本,hexo
不同的版本,很多配置都不一样。好吧,废话不多说了,开始吧。
之前是想着写博客,一方面是给自己做笔记,可以提升自己的写作、总结能力,一个技术点我们会使用,并不难,但是要做到让让别人也能听懂我们讲得,还是需要一定的技巧和经验的。很多类似于CSDN
、博客园也都可以写文章,但是页面的样式我不是太喜欢,简书还算好点得。最近看到一些大神们的博客(在我的友情链接里有),貌似都是用hexo
写得,我也依葫芦画瓢的搭建了一个。不罗嗦了,直接上搭建步骤。
基础准备
下面正式开始搭建博客!首先要想使用Hexo
和github pages
搭建博客,需要以下环境:
- 在
github
上注册一个账号,并创建一个指定名字的reposity
homebrew
套件管理器,主要用来安装git
和node.js
git
版本管理工具node.js
- 配置
SSH key
(可忽略) - 安装
hexo
- 同步
hexo
博客到github
一、注册github
账号并创建reposity
申请完账号,登陆之后,就可以创建reposity
了,点击New repository
,会跳转到这个界面:
二、安装brewhome
ruby -e "$(curl -fsSL https://raw.github.com/Homebrew/homebrew/go/install)”
复制代码
安装失败, 执行以下脚本卸载:
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/uninstall)"
复制代码
报错:Failed to locate Homebrew!
执行以下:
sudo rm -rf /usr/local/.git rm -rf Library .git .gitignore bin/brew README.md share/man/man1/brew rm -rf ~/Library/Caches/Homebrew
复制代码
成功后,再次执行,下载脚本:
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
复制代码
下载成功
三、安装git
版本管理工具
git
是一个强大的版本管理工具,github
的版本管理就是基于git
的,现在svn
基本过时了,使用git
进行版本管理才是王道。安装完homebrew
之后,安装git
几乎零成本,还是在terminal
终端,输入以下命令:
brew install git
复制代码
然后等一段时间就ok
了,homebrew
会自动去帮你完成下载安装。
四、安装node.js
hexo
是基于node.js
的,所以要让hexo
运行,node.js
环境是必不可少的。使用homebrew
安装node.js
也特别简单,在terminal
终端输入如下命令:
brew install node
复制代码
注意:
安装最新版的Node.js
之后,我们就可以使用npm
命令,在mac
下遇到npm
命令找不到的问题,解决方案如下:
sudo ln -s /usr/local/bin/node /usr/bin/node
sudo ln -s /usr/local/lib/node /usr/lib/node
sudo ln -s /usr/local/bin/npm /usr/bin/npm
sudo ln -s /usr/local/bin/node-waf /usr/bin/node-waf
复制代码
五、安装hexo
前面我们安装了node.js
,装完node.js
之后,我们就可以使用npm
命令了,而hexo
安装就是使用npm
,在终端输入以下命令:
npm install -g hexo
复制代码
注意:
等待一会儿,hexo
会自动完成下载安装。等hexo
安装完成之后,在创建一个文件夹,这个文件夹以后就是你存放本地博客的地方了。
六、创建一个新的博客
继上面创建的文件夹,通过命令进入创建的文件夹目录,然后执行以下命令:
初始化blog
文件夹
hexo init
复制代码
安装依赖和插件
npm install
复制代码
启动服务器进行本地预览
hexo s
复制代码
在浏览器中打开http://localhost:4000
,成功的话即可看到博客页面,至此安装就完成了。
以上命令完成后,会在目标目录生成以下的目录结构:
七、同步hexo
博客到github
hexo
的配置文件是位于blog
文件夹下的_config.yml
文件。 修改配置文件请使用Atom
或者Sublime Text 2
之类的程序根据上图,打开_config.yml
文件。
npm install hexo-deployer-git --save
复制代码
然后,执行配置命令:
hexo deploy
复制代码
然后再浏览器中输入sunjinshuai.github.io就行了,我的github
的账户叫sunjinshuai
,把这个改成你github
的账户名就行了。
八、常用命令
Hexo
的命令极简单,安装后只需要记住四个常用的即可。执行命令需要git
当前处于blog
文件夹根目录下。
generate 生成静态文件。
hexo g
复制代码
server 启动服务器。
hexo s
复制代码
deploy 部署网站。部署网站前,需要预先生成静态文件。
hexo d
复制代码
clean 清除缓存文件 (db.json) 和已生成的静态文件 (public)。
hexo clean
复制代码
注意:
相比 Octopress
,Hexo
的目录结构更加简单:
_config.yml
是博客的配置文件。scaffolds
是博客文章模板。source
是博客文章目录。themes
存放主题风格文件。