使用hexo搭建自己的博客——创建站点

安装及配置

简介

Hexo是一个快速、简介且高效的博客框架，可以使用Markdown解析文章并生成网站

说明

站点配置文件 $site_dir/_config.xml

主题配置文件$site_dir/theme/$theme_dir/_config

安装hexo

当环境准备好git以及nodejs后便可以安装hexo

npm install hexo-cli -g

建站

安装Hexo后，创建站点文件存放的文件夹，如blog，然后执行

$ hexo init blog
$ cd blog
$ npm install

完成后，blog目录结构

.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

配置

修改_config.yml

title: your site tile
subtitle: 
description: description
author: your name
language: zh-Hans
timezone: Asia/Shanghai

常用命令

• 清除缓存文件及已生成的静态文件

$ hexo clean

• 启动服务器

$ hexo server

默认状况下，服务器将使用4000端口。可以通过hexo server -p 80来将server绑定至80端口

• 部署网站
  可将网站按照_config.yml中的配置直接部署于github等（后续看心情写步骤）

$ hexo deploy

主题修改

可访问hexo官方主题库选择自己喜欢的主题，并下载至theme目录下

修改_config.xml中的theme字段

theme: landscape

写作

有两种方法创建文章

创建文章

• hexo命令行方式

$ hexo new <layout> title

layout为模版

命令执行后，默认文章将位于source/_post/目录下，文件内容为：

---
title: test
date: 2018-03-25 23:10:04
tags:
---

• 直接创建文件

$ cd source/_post/
$ touch myfirstblog.md

此时文件内容为空，需要自己添加相关内容

创建标签页

• 配置确认

确认站点配置文件中有以下内容

tag_dir: tags

确认主题配置文件中tags打开

menu:
  主页: / || home
  标签: /tags/ || tags

• 创建标签页

$ hexo new page tags

修改tags/index.md中的type为"tags"

---
title: Tagcloud
date: 2018-03-23 01:18:00
type: "tags"
---

创建分类页面

与创建标签页相似

• 确认配置

站点配置文件中有category_dir: categories

主题配置文件中的分类: /categories/ || th开启

• 创建分类也

$ hexo new page categories