首页 > 代码库 > 使用Hexo构架个人网站
使用Hexo构架个人网站
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构架个人网站
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。