闲言碎语
这两天,公司的事情差不多忙完了比较闲,在翻博客看文章的时候,想到了自己去年就想搞Blog, 可是一直苦于没(jiu)有(T)时(M)间(lan),就把事情一直搁置.最近还算是忙里偷闲,就一口气研究一下,网上的轮子好多,但其实有好多内容有点扰乱视听的感觉,可是有些小伙伴肯定只是想要一个简单粗暴,浅显易懂的搭建教程,毕竟我就是那样的小伙伴,所以我就忍不了了,自己归档整理一些实用的步骤,给大家铺平简单搭建的道路,毕竟搞定了博客就可以写日志了写了日志就可以提升技术了,不是嘛....
前言
在这里,这篇文章主要讲述的是在 MAC 系统下,搭建 GitHub + Hexo 的博客搭建教程,与一些常用的 Hexo 命令的说明.
搭建所需要的环境
- 安装 Node.js
作用: 用来生成静态页面
到 Node.js 官网下载相应平台的最新版本,一路 Next 即可. - 安装 Git
作用: 把本地的 Hexo 内容提交到 Github 上
Xcode 自带有 Git ,安装 Xcode 就无需另行安装 Git 了 - 申请 Github
作用: 用来做博客的远程仓库,域名,服务器之类的,会与本地的 Hexo 建立连接
在 github 官网进行申请账号等操作
开始搭建 Hexo
Node.js 和 Git 都安装好了之后, 在命令行执行如下命令以安装 Hexo :
$ sudo npm install -g hexo
创建一个文件夹,以作本地仓库使用,也就是 Hexo 的本地仓库文件夹
hexo init
这条命令行输入完成后,稍等片刻, Hexo安装工作就已经结束了
搭建 Blog
进入之前创建的本地仓库文件夹
$ cd
执行如下命令,可以生成静态页面
$ hexo generate (hexo g 也可以)
执行如下命令,启动本地预览服务,进行博客预览调试:
$ hexo server (hexo s 也可以)
执行成功后,可在浏览器输入http://localhost:4000,进入博客预览界面
Ctrl + C 退出该预览模式
到现在,我们博客的本地博客已经简单的搭建好了,
但是现在博客的域名和服务器都是基于自己的电脑,接下来要做的就是跟 GitHub 进行关联
搭建 GitHub
首先建立与你用户名对应的仓库，仓库名必须为【 Maturelittleman.github.io】，固定写法
然后建立关联，我的Blog在本地/Users/Zaki/DesktopBlog，Blog是我之前建的东西也全在这里面，有：
Blog
｜
｜－－ _config.yml
｜－－ node_modules
｜－－ public
｜－－ source
｜－－ db.json
｜－－ package.json
｜－－ scaffolds
｜－－ themes
现在我们打开修改_config.yml文件，来建立关联，命令：
$ vim _config.yml
打开之后,将内容拖到最下方,修改成我这样: : 后面要有空格
deploy:
type: git
repository: https://github.com/Maturelittleman/Maturelittleman.github.io.git
branch: master
执行如下命令部署Git
$ npm install hexo-deployer-git --save
部署完成后执行上传配置命令:
$ hexo deploy
到这一步, 就恭喜你已经配置完成了, 可以输入你的域名 : Maturelittleman.github.io
进行查看了 赶快去给朋友们秀秀吧!
接下来每次更新的部署步骤大概都会是
$ hexo clean - 清除缓存
$ hexo generate - 生成静态页面
$ hexo server - 启动本地预览服务
$ hexo deploy -上传配置命令
主题安装
萝卜白菜各有所爱，玩博客换主题是必不可少的
hexo 博客主题: https://github.com/hexojs/hexo/wiki/Themes
结语
看到这里,恭喜大家的博客就已经搭建好了,赶紧去尝试更多进阶的功能吧~~
资料出处:
http://ibruce.info/2013/11/22/hexo-your-blog/?utm_source=tuicool
一些常用命令:
$ hexo new "postName" #新建文章
$ hexo new page "pageName" #新建页面
$ hexo generate #生成静态页面至public目录
$ hexo server #开启预览访问端口（默认端口4000，'ctrl + c'关闭server）
$ hexo deploy #将.deploy目录部署到GitHub
$ hexo help #查看帮助
$ hexo version #查看Hexo的版本
