5

前一阵子一直在想怎么捣鼓出自己的博客来,直到发现了hexo

hexo是什么

Hexo是一个开源的静态博客生成器,用node.js开发,作者是台湾大学生tommy351

同样是大学生,我和他的差距怎么这么大 TT

她是一个快速、简洁且高效的博客框架。hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页

hexo在npm官网上是这样介绍自己的:A fast, simple & powerful blog framework, powered by Node.js

说在前面

在尝试使用hexo之前,请各位务必完成以下几点

如果以上条件你都满足,那么现在就开始吧

下载与安装hexo

  1. 打开cmd并输入npm install -g hexo

  2. 在桌面上新建一个空文件夹名为hexo

  3. cmd安装完成之后打开Git bash

  4. 在cmd中进入hexo文件夹后输入$ hexo init

如果你按照上述步骤一套做完,那么恭喜你,hexo已经搭建成功,是不是很简单?

在本地运行hexo

安装完hexo之后你就能在本地查看你的空hexo blog了
在cmd中输入$ hexo s --debug随后你在浏览器地址栏输入http://localhost:4000/,hexo默认主题landscape就呈现在你眼前了

注:hexo shexo server的缩写

提交至GitHub

首先进入hexo文件夹,找到根目录下面的_config.yml文件,用编辑器打开它

找到deploy:

输入$ npm install hexo-deployer-git --save
部署至GitHub需要填

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

输入$ npm install hexo-deployer-ftpsync --save
部署至云虚拟主机需要填

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

注:.yml文件格式严格,在“:”之后一定要空格再输入,如果不填入内容则是默认值

文件修改完成之后就是创建GitHub仓库了

  1. 假设你的GitHub账号名为XXX

  2. 创建一个名为XXX.github.io的库

创建完成后打开Git bash按下ctrl+c并输入y结束hexo的本地预览。之后进入你的hexo文件夹,输入$ hexo generate(用于生成静态网页文件,可缩写成$ hexo g

接着输入$ hexo deploy(可缩写成hexo d

注:如果在之前你有生成ssh公钥,那么就可以直接提交上去,如果没有,则需要填写邮箱以及密码

更改hexo主题

如果你对hexo默认主题不满意,你也可以自己寻找主题包甚至是自己制作。
本人用的主题是Material,然后对其UI进行定制,简直不能再棒。
具体使用方法请移步:hexo博客更换主题(原理一样,只是主题不同)

发布文章

输入$ hexo new "博客名"
创建成功之后,点击进入hexo文件夹的source文件夹,找到_posts文件夹,进入用编辑器打开你刚刚创建的.md文件,你将看到如下代码

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

title后面填写文章名,注意空格,tags用来设置文章标签,格式为[标签一,标签二]

设置完之后就开始使用Markdown语法进行博客创作吧

其他常见的hexo命令

  • $ hexo clean #清除缓存

  • $ hexo generate --watch #监视文件变动

  • $ hexo new page "页面名" #新建页面

node.js错误处理

问题:安装npm包时出现registery error parsing json 错误
解决:输入 npm config setregistry http://registry.cnpmjs.org

注:由于现在域名在备案,所以链接暂时失效
最后附上作者的博客地址:Trevor's Blog


Amigooo
764 声望83 粉丝

自以为历尽沧桑,其实刚蹒跚学步;自以为掌握了竞争的秘密,其实远没有竞争的资格