前一阵子一直在想怎么捣鼓出自己的博客来,直到发现了hexo
hexo是什么
Hexo是一个开源的静态博客生成器,用node.js开发,作者是台湾大学生tommy351
同样是大学生,我和他的差距怎么这么大 TT
她是一个快速、简洁且高效的博客框架。hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页
hexo在npm官网上是这样介绍自己的:A fast, simple & powerful blog framework, powered by Node.js
说在前面
在尝试使用hexo之前,请各位务必完成以下几点
有一颗爱折腾的心
如果以上条件你都满足,那么现在就开始吧
下载与安装hexo
打开cmd并输入
npm install -g hexo
在桌面上新建一个空文件夹名为hexo
cmd安装完成之后打开Git bash
在cmd中进入hexo文件夹后输入
$ hexo init
如果你按照上述步骤一套做完,那么恭喜你,hexo已经搭建成功,是不是很简单?
在本地运行hexo
安装完hexo之后你就能在本地查看你的空hexo blog了
在cmd中输入$ hexo s --debug
随后你在浏览器地址栏输入http://localhost:4000/
,hexo默认主题landscape就呈现在你眼前了
注:hexo s
是hexo 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仓库了
假设你的GitHub账号名为XXX
创建一个名为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
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。