Hexo建站小结

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 就可以预览了。

部署

部署之前,要知道往哪部署,如一些免费的空间 GitHubCoding七牛云 等。或者部署到自己的虚拟主机。或者把 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:  # 远程主机的地址
    user:  # 使用者名称
    pass:  # 密码
    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/

你可能感兴趣的:(Hexo建站小结)