最近想要给自己搭建一个博客网站,货比三家后,决定选择Hexo.io来建站,Netlify来进行代码托管和部署。
长话长说,在转行写前端之前,我曾做过一段时间网站内容编辑,当时主要使用的是Wordpress。作为传统动态网站生成器的代表,Wordpress拥有超高市场占有率,很多大型出版媒体的网站都是基于Wordpress。对于非技术人员来说,其内容撰写及维护门槛较低。但和任何传统动态网站生成器一样,对于轻量级小建站平台,Wordpress显得过分臃肿。过时的插件容易被黑客攻击,形成安全漏洞。由于需要频繁访问数据库,其速度难以保证。
于是乎,近年来如日中天的静态网站生成器成了替代方案。对于靠写代码吃饭的程序猿朋友们来说,在保留Git工作流程基础上,利用Markdown来撰写博客内容相比之通过内容管理系统的用户界面来创建内容要方便高效很多。
什么是静态网站生成器?具体优势为何?
网友Chikara Chan在静态网站生成器是如何工作的中总结到:
一个静态网站生成器的工作流程通常有以下几个步骤:
读取源文件(e.g. 约定 markdown 格式)
资源预处理
模板引擎渲染
生成目标文件
和传统动态网站生成器相比,静态网站生成器的主要优势体现在:
- 响应速度:静态博客站点页面都是静态页面,访问时无需查询数据库,因此响应速度相对快很多
- 安全性:同样由于不需要访问数据库,静态网站免疫了很多网页攻击,其安全性令动态网站生成器望尘莫及
最受欢迎的静态网站生成器有Jekyll, Hugo, Gatsby,以及我们今天的主角Hexo等。详见StaticGen了解最新权威排名。
什么是Hexo?
Hexo是一款基于Node.js的静态博客网站生成器,由台湾的Tommy Chen创建并维护。其卓越的速度,丰富的插件系统(支持大部分Octopress插件),友好的语言支持(拥有简体中文及繁体中文版本的文档),使其备受国内用户亲赖。
安装Hexo的准备工作
在开始安装Hexo前,请确保你的本地环境已安装如下应用程序:
- Git
- Node.js
安装Hexo
打开终端,输入npm命令安装Hexo:
$ npm install -g hexo-cli
安装完成后,输入以下指令创建项目文件夹路径: