coding.net上搭建hexo博客

在太多的地方搭建过博客了,重csdn到自己免费空间搭建wordpress,其次到基于otcopress在github、gitcafe搭建博客。想想自己搞得挺多,前几天收到gitcafe的邮件,尼玛被coding收购了,要我迁移博客到coding上,我勒个去!那就度娘下,看到唐巧的一篇文章 搭建hexo博客。好吧,那就玩一下~ (备注 coding是收费的啊,实在不行,去国外的github)

在mac上搭建Hexo

Hexo 原理:(引自唐巧)

  • Hexo 的原理和 Octopress 一样,都是生成静态文件,这样可以方便地托管到 GitHub 和 GitCafe 上。
  • Hexo 是基于 Node 的,而 Node 的速度非常快。

mac上Hexo环境安装

先是装 node 看看这篇文章 http://blog.teamtreehouse.com/install-node-js-npm-mac

// 看看有木有 homebrow 木有就安装
$ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
// 使用Homebrew安装 快捷方便
$brew install node

安装完成之后 会看到如下图

图片

然后

// 安装hexo环境
$ npm install -g hexo
// 新建文件夹 如:Hexoblog 文件夹 
$ cd Hexoblog
// 初始化hexo 博客所需的文件
$ hexo init

之后就基本装完了

Hexo 插件安装

把下班的代码全复制粘贴到终端 就会全部执行

npm install hexo-generator-index --save
npm install hexo-generator-archive --save
npm install hexo-generator-category --save
npm install hexo-generator-tag --save
npm install hexo-server --save
npm install hexo-deployer-git --save
npm install hexo-deployer-heroku --save
npm install hexo-deployer-rsync --save
npm install hexo-deployer-openshift --save
npm install [email protected] --save
npm install [email protected] --save
npm install hexo-generator-feed@1 --save
npm install hexo-generator-sitemap@1 --save

Hexo 的执行

// 新建文章
$ hexo n #文章标题#
// 编译生成文章所配置的文件
$ hexo g
// 开启服务
$ hexo s

就可以访问http://localhost:4000啦

部署到coding.net

注册登录 添加仓库 这里就不说类 不会自己度娘谷歌

进入之前生成的 Hexoblog 文件夹
你会看到如下图

![目录图](../images/屏幕快照 2016-03-18 下午8.32.03.png)
编辑 _config.yml

deploy:
 type: git
 repo: https://git.coding.net/ihaodi/blog.git
 branch: master

输入 用户名 密码 $hexo d 分分钟部署上去了

然后在 coding上点击 [演示] 按步骤一步一步来.

完成! 就可以访问啦

Hexo主题安装

在github 上的一个 标记star 比较多的主题 next。挺简洁清爽的,就用它了!
https://github.com/iissnan/hexo-theme-next ,http://theme-next.iissnan.com/其实所给文档写的很清楚 我这里就不在重复了。

参考文档

http://www.zipperary.com/2013/05/29/hexo-guide-3/

你可能感兴趣的:(coding.net上搭建hexo博客)