什么是hexo?
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
开始搭建
1. 安装git
访问 git官网 下载后完成安装。
安装完成后鼠标右键菜单中选择 “Git Bash Here”,打开命令窗口,输入命令。(保持命令行窗口打开,下面一直会用到)
输入查看版本命令 git --version
来验证git是否已正常安装。
1 | git --version |
2. 安装node.js
访问 node官网 下载适合版本,完成安装。
完成后输入查看版本命令 node-v
和 npm-v
来验证git是否已正常安装。
1 | node-v |
1 | npm-v |
3. 安装cnpm
npm(node package manager):nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等) 。npm是可以理解为Node.js的一个安装命令,因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常,所以需要安装cnpm。
输入如下命令:
1 | npm install -g cnpm --registry=https://registry.npm.taobao.org |
安装完成后输入查看版本命令 cpnm -v
验证是否已正常安装。
1 | cpnm -v |
4. 安装hexo博客框架
输入安装命令
1 | cnpm install -g hexo-cli |
安装完成后通过查看版本命令 hexo -v
来验证是否已正常安装完成。
1 | hexo -v |
使用hexo框架正式搭建博客
1. 新建一个博客
在本地磁盘建立博客文件夹,自己找一个磁盘新建一个文件夹,文件夹名自己随意(例如blog)。
在命令行把工作路径切换到上面的blog文件夹。或者直接在该文件夹下选择 “Git Bash Here”,打开命令窗口。
在命令行输入
hexo init
命令。初始化一个博客。1
hexo init
初始化完成之后当前文件夹下会多出一些文件和目录。
_config.yml:网站的 配置 信息,我们在此会配置大部分的参数。
scaffolds:模版文件夹。当新建文章时,hexo会根据 scaffold 来建立文件。
source:资源文件夹。是存放用户资源的地方。除 _posts 文件夹之外,开头命名为 _ (下划线)的文件 / 文件夹和隐藏的文件将会被忽略。Markdown 和 HTML 文件会被解析并放到 public 文件夹,而其他文件会被拷贝过去。
themes:主题文件夹。hexo会根据主题来生成静态页面。
安装完成后,输入 hexo s
启动博客。
1 | hexo s |
启动之后,浏览器中输入 http://localhost:4000 可以在本地看到效果了。
2. 编写第一篇博客
命令行输入
1 | hexo n "博文名称" |
hexo会在 source/_post 目录下生成一个md文档,使用你自己喜欢的md编辑工具打开,就可以编辑了。
编辑完成后,命令行输入 hexo clean
清除缓存文件 db.json 和已生成的静态文件 public 。
1 | hexo clean |
命令行输入 hexo g
生成网站静态文件到默认设置的 public 文件夹。
1 | hexo g |
在你的浏览器刷新 http://localhost:4000 ,就可以看到自己生成的博文了。