Hexo是一个基于Node.js,用于生成静态网页的快速、简洁且高效的博客框架。
所需工具
-
Git
我用的Window系统,所有安装的是 Git For Windows 。
用git version
命令查看Git版本。 -
Node
Hexo是基于Node环境的。Node.js中文网 。
用node -v
命令查看版本,验证是否安装成功。 -
npm
npm是Node的包管理器,安装Node时里面自带npm,但是一般不是最新版本,可以通过npm install npm -g
更新到最新版。用npm -v
命令查看npm版本。
解决npm安装慢的问题:淘宝 NPM 镜像。
安装:npm install -g cnpm --registry=https://registry.npm.taobao.org
,验证是否安装成功cnpm -v
。
使用:cnpm install [name]
。
安装Hexo
- 全局安装:
cnpm install -g hexo-cli
,前面已经安装了淘宝 NPM 镜像,所以用cnpm命令。验证Hexo是否安装成功hexo -v
。 - 初始化Hexo:新建一个文件夹,在文件夹里面右键Git Bash Here。初始化命令:
hexo init
,这时,Hexo的目录已经生成。 - 安装Hexo依赖包:执行
cnpm install
命令。
生成静态文件
- 生成静态文件:
hexo generate
简写hexo g
,此时根目录会生成一个名为public
的文件。
本地预览
- 安装hexo-server : Hexo 3.0 把服务器独立成了个别模块,所以先安装 hexo-server 才能使用。执行
cnpm install hexo-server --save
安装。 - 本地预览:
hexo server
简写hexo s
,在浏览器里输入http://localhost:4000
就可以预览了。
部署
部署之前,要知道往哪部署,如一些免费的空间 GitHub
、Coding
、七牛云
等。或者部署到自己的虚拟主机。或者把 public
复制到其它的地方。具体的部署方法请参看 Hexo官方部署方法。
注意
这里说下部署到虚拟主机里该注意的地方:
博客文件夹是服务器根目录的子文件时,要修改Hexo根目录下的 _config.yml
中的 URL 参数。如我的服务器博客文件夹是 blog
,就这么设置:
url: http://www.ghnotes.cc/blog
root: /blog/
其实,Hexo是给出备注的,对于第一次用可能不会那么注意。
If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
部署到服务器官方工具: FTPSync
按照官方说明安装FTPSync:npm install hexo-deployer-ftpsync --save
。
设置 _config.yml
:
deploy:
type: ftpsync
host: <host> # 远程主机的地址
user: <user> # 使用者名称
pass: <password> # 密码
remote: [remote] # 远程主机的根目录 /
port: [port] # 端口 21
ignore: [ignore] # 忽略的文件或目录
connections: [connections] # 使用的连接数 1
verbose: [true|false] # 显示调试信息 false
设置好之后执行 hexo deploy
,却一直报错。
events.js:160
throw er; // Unhandled 'error' event
^
Error: read ECONNRESET
at exports._errnoException (util.js:953:11)
at TCP.onread (net.js:563:26)
一番搜索无果,只能用其它 FTP 工具上传。如有解决方案,还望告知~
好了,Hexo建站小结就到这里。
更多资源:
Hexo官网:https://hexo.io/zh-cn/
Git-For-Windows:https://git-for-windows.github.io/
Node.js中文网:http://nodejs.cn/
淘宝 NPM 镜像:https://npm.taobao.org/
网友评论