Hexo安装NexT主题搭建Github博客

Hexo 是高效的静态站点生成框架,她基于 Node.js。通过 Hexo 你可以轻松地使用 Markdown 编写文章,除了 Markdown 本身的语法之外,还可以使用 Hexo 提供的 标签插件 来快速的插入特定形式的内容。在这篇文章中,假定你已经成功安装了 Hexo,并使用 Hexo 提供的命令创建了一个站点。

搭建博客

创建Github仓库

在Github页面的右上方选择New repository进行仓库的创建

1
my-name.github.io

安装配置Hexo

下载安装Hexo

1
npm install -g hexo-cli

初始化Blog

1
hexo init blog

下载dependencies

1
2
cd blog
npm install

站点配置(blog/_config.yml)

1
2
3
4
5
6
7
8
9
10
title: my-title
subtitle: my-subtitle
description: my-description
author: my-name
language: zh-CN
timezone: Asia/Shanghai
deploy:
type: git
repo: https://github.com/my-name/my-name.github.io.git
branch: master

添加标签页面

1
hexo new page "tags"

编辑页面(blog/source/tags)

1
2
type: "tags"
comments: false

添加评论系统

1
2
3
4
disqus:
enable: true
shortname: my-shortname
count: true

添加NexT主题

下载主题

1
git clone https://github.com/iissnan/hexo-theme-next themes/next

启用主题(blog/_config.yml)

1
theme: next

选择Scheme(blog/themes/next/_config.yml)

1
2
3
#scheme: Muse
scheme: Mist
#scheme: Pisces

设置头像(blog/themes/next/_config.yml)

avatar放置在blog/themes/next/source/images/目录下

1
avatar: /images/avatar.jpg

设置昵称

1
author: my-name

站点描述

1
description: 总有刁民想害朕

本地测试

本地发布

1
hexo server

浏览器访问http://localhost:4000/

远程测试

部署到Github

生成网站静态文件到默认public文件

1
hexo generate

自动生成静态文件并部署到设定的仓库

1
hexo deploy

浏览器访问http://my-name.github.io

如:http://hihcys.github.io

发表文章

新建文章

1
hexo new "my-first-article"

编辑文章(blog/source/_posts)

1
retext my-first-article.md

提交到远程

1
2
hexo generate
hexo deploy

相关链接

Hexo框架官方文档

Text主题官方文档

Git中文版学习资料