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

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

进入正题


环境准备

  • 安装nodejs
  • 安装Git
  • 安装编辑器

安装

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

npm install -g hexo-cli

初始化

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

hexo init <folder>
cd <folder>
npm install

目录结构如下

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

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

生成静态页面

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

hexo generate
或者是使用简写
hexo g

本地启动

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

hexo server
或者是使用简写
hexo s

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

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

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

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页面
注意在文件创建之后的头部一定要加入如下

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>