hexo是什么？如何用hexo平台搭建个人博客

2018-03-1118:35:55后端程序开发Comments3,296 views字数 1613阅读模式

hexo是什么

Hexo是一个开源的静态博客生成器,用node.js开发,作者是台湾大学生tommy351文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/1612.html

同样是大学生，我和他的差距怎么这么大 TT文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/1612.html

她是一个快速、简洁且高效的博客框架。hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/1612.html

hexo在npm官网上是这样介绍自己的：A fast, simple & powerful blog framework, powered by Node.js文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/1612.html

说在前面

在尝试使用hexo之前，请各位务必完成以下几点文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/1612.html

如果以上条件你都满足，那么现在就开始吧文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/1612.html

下载与安装hexo

打开cmd并输入npm install -g hexo
在桌面上新建一个空文件夹名为hexo
cmd安装完成之后打开Git bash
在cmd中进入hexo文件夹后输入$ hexo init

如果你按照上述步骤一套做完，那么恭喜你，hexo已经搭建成功，是不是很简单？文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/1612.html

在本地运行hexo

安装完hexo之后你就能在本地查看你的空hexo blog了
在cmd中输入$ hexo s --debug随后你在浏览器地址栏输入http://localhost:4000/,hexo默认主题landscape就呈现在你眼前了文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/1612.html

注：hexo s是hexo server的缩写文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/1612.html

提交至GitHub

首先进入hexo文件夹，找到根目录下面的_config.yml文件,用编辑器打开它文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/1612.html

找到deploy：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/1612.html

输入$ npm install hexo-deployer-git --save
部署至GitHub需要填文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/1612.html

deploy:
  type: git
  repository: <repository url>
  branch: master

输入$ npm install hexo-deployer-ftpsync --save
部署至云虚拟主机需要填文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/1612.html

deploy:
  type: ftpsync
  host: <主机ip地址>
  user: <ftp用户名>
  pass: <ftp密码>
  remote: [remote]
  port: [21]
  ignore:
  connections:
  verbose:

注：.yml文件格式严格，在“：”之后一定要空格再输入，如果不填入内容则是默认值文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/1612.html

文件修改完成之后就是创建GitHub仓库了文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/1612.html

假设你的GitHub账号名为XXX
创建一个名为XXX.github.io的库

创建完成后打开Git bash按下ctrl+c并输入y结束hexo的本地预览。之后进入你的hexo文件夹，输入$ hexo generate（用于生成静态网页文件，可缩写成$ hexo g）文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/1612.html

接着输入$ hexo deploy（可缩写成hexo d）文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/1612.html

注：如果在之前你有生成ssh公钥，那么就可以直接提交上去，如果没有，则需要填写邮箱以及密码文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/1612.html

更改hexo主题

如果你对hexo默认主题不满意，你也可以自己寻找主题包甚至是自己制作。
本人用的主题是Material,然后对其UI进行定制，简直不能再棒。
具体使用方法请移步：hexo博客更换主题（原理一样，只是主题不同）文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/1612.html

发布文章

输入$ hexo new "博客名"
创建成功之后，点击进入hexo文件夹的source文件夹，找到_posts文件夹，进入用编辑器打开你刚刚创建的.md文件，你将看到如下代码文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/1612.html

---
title:
date:
tags:
---

在title后面填写文章名，注意空格，tags用来设置文章标签，格式为[标签一,标签二]文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/1612.html

设置完之后就开始使用Markdown语法进行博客创作吧文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/1612.html

其他常见的hexo命令

$ hexo clean #清除缓存
$ hexo generate --watch #监视文件变动
$ hexo new page "页面名" #新建页面

node.js错误处理

问题：安装npm包时出现registery error parsing json 错误
解决：输入 npm config setregistry http://registry.cnpmjs.org文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/1612.html