使用Hexo构架个人网站

标签：tps   空格   git   markdown   框架   生成   hub   开始   目录   

Hexo是什么

Hexo(中文官方网站)是一个快速, 简洁且高效的博客框架. 让上百个页面在几秒内瞬间完成渲染. Hexo支持Github Flavored Markdown的所有功能, 甚至可以整合Octopress的大多数插件. 并自己也拥有强大的插件系统.

安装

Hexo是基于node.js的, 所以我们在安装它之前需要用到npm安装工具, 这个工具是 node.js 安装包的工具, 所以, 我们先要安装 node.js.

安装 node.js

操作系统为ubuntu14.04版本以上为了例. 需要先将node.js的安装源, 增加到本地上.

1 $ curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash -

使用apt-get安装 nodejs.

1 $ sudo apt-get install -y nodejs

安装 npm

已经安装好了nodejs, 现在安装npm.

1 $ sudo apt-get install npm

安装 Hexo

现在我们使用npm安装hexo.

1 $ sudo npm install hexo-cli -g

创建Blog

现在我们已经完成hexo的安装, 那么现在我们来创建一个Blog.

1. 创建一个叫blog网站

1  $ hexo init blog

• 如果不写blog, 就会在当前目录进行初始化. 如果后面跟了名子就会创建目录并在目录进行初始化操作, 以这个名子为目录名.

2. 我们进入创建的blog目录里. 并运行该服务.

1 $ cd blog
2 $ npm install
3 $ hexo server

3. 打开浏览器, 在地址栏输入http://localhost:4000/可以看到我们刚刚创建的blog首页.

4. 修改blog目录下的_config.yml配置文件将网站自部署到Github上.

1 $ vim _config.yml ---> [在最后一行增加]
2 -------------------------------------
3 deploy:
4     type: git
5     repo: https://github.com/github-name/github-name.github.io.git
6     branch: master

• 注意在type前面需要增加两个空格, 在type的冒号后面需要增加一个空格. 请保持代码风格一致. 否则会出现错误或是不正确的问题.

• 注: 如果没有github的可能参考另一篇关于github创建个人网站的文章.

5. 安装部署使用到的git插件.

在这里我们使用的是git源码管理工具, 所以, 我需要安装git包进行部署, 安装这个插件才能使用git进行自动部署.

1 $ npm install hexo-deployer-git --save

6. 进行生成网站

当我们部署网站前, 需要先生成静态网站. 它会自动在目录下创建public的目录, 并将新生成的网页存放在这个目录里.

1 $ cd blog
2 $ hexo g

7. 进行自动部署网站, 注意部署前需要重新生成网站, 每一次修改后都需要重新生成网站并进行部署, 生成网站前第6步.

1 $ hexo d

• 如果在部署出现错误信息如果下: 请参考第5步, 需要安装git插件.

1 ERROR Deployer not found: git

8. 如果上面都顺利完成了, 恭喜你, 你已成功的完成的网站的部署, 这时打开你的浏览器.输入你的网站吧.

9. 参考官方文档进行开始新的旅程吧.

• Hexo官方API(中文)
• Hexo官方文档(中文)

参考文献

• hexo官方网站(中文)
• hexo官方网站(英文)
• Hexo官方API(中文)
• Hexo官方文档(中文)
• Github官方网站
• Node.js官方文档
• Node.js安装文档

使用Hexo构架个人网站

标签：tps   空格   git   markdown   框架   生成   hub   开始   目录   

原文地址：http://www.cnblogs.com/xiaoliangL/p/7026414.html