hexo博客指南 | suixin's blog

hexo博客指南

suixin 3月 27, 2018

写在更换hexo中用到的一些知识。hexo的轻便小巧吸引了我。

hexo出自台湾大学生tommy351之手，是一个基于Node.js的静态博客程序，其编译上百篇文字只需要几秒。hexo生成的静态网页可以直接放到GitHub Pages，BAE，SAE等平台上。先看看tommy是如何吐槽Octopress的 →＿→ Hexo颯爽登場。
进入正题

环境准备

安装nodejs

安装Git

安装编辑器

安装

Node 和 Git 都安装好之后，执行如下命令安装

1	npm install -g hexo-cli

初始化

安装Hexo完成之后，执行下面的命令，Hexo将在指定的文件夹中新建所需要的文件

1
2
3

hexo init <folder>
cd <folder>
npm install

目录结构如下

.
├── _config.yml   	//网站的大部分配置
├── package.json  	//应用程序的信息
├── scaffolds 		//模版文件夹
├── source   		//存放用户资源的地方
|   ├── _drafts
|   └── _posts
└── themes   		//主题文件夹

好啦，到此，全部的安装工作已经完成了！

生成静态页面

这个地方需要注意需要在的目录之下，生成静态页面到public目录下

1
2
3

hexo generate
或者是使用简写
hexo g

本地启动

启动本地服务，文章可以进行浏览

1
2
3

hexo server
或者是使用简写
hexo s

这个时候在浏览器中输入 http://localhost:4000 就可以了。

这个地方需要注意一点，文章更改之后，从本地浏览的时候回发生变化，但是如果没有执行 hexo g 这种情况下进行推送到github，文件是不会发生变化的

写文章

博客这个时候已经创建好了，我们来创建一篇新文章

1	hexo new [layout] <title>

其中的layout是可选参数，默认值为post。layout在scaffolds文件夹中
比如默认的post.md

---
title: {{ title }}
date: {{ date }}
tags:
---

命令

常用命令

hexo new "postName" 		//新建文章
hexo new page "pageName" 	//新建页面
hexo generate 				//生成静态页面public文件夹中
hexo server 				//开启预览访问端口
hexo deploy					//部署GitHub

简写

hexo n ==> hexo new  
hexo g ==> hexo generate
hexo s ==> hexo server
hexo d ==> hexo deploy

404页面

GitHub Pages 自定义404页面比较容易，直接在 source 文件夹下面创建404.html页面
注意在文件创建之后的头部一定要加入如下

1
2
3

layout: false
title: "404"
---

404页面我们可以做更多有意义的事，比如404公益，也是我的404页面，
腾讯公益404
404公益_益云(公益互联网)社会创新中心
 失蹤兒童少年資料管理中心404

layout: false
title: "404"
---
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>404</title>
</head>

	<body>
		<script type="text/javascript" src="//qzonestyle.gtimg.cn/qzone/hybrid/app/404/search_children.js" charset="utf-8" homePageUrl="http://blog.suixin.kim" homePageName="回到我的主页"></script>
	</body>

</html>

This blog is under a CC BY-NC-SA 3.0 Unported License
本文链接：https://blog.suixin.kim/2018/03/27/start-hexo/