Hexo安装过程

发表于 | 更新于

这里做个记录，安装&github配置部分内容参考网络上，theme部分按照个人的所找的theme配置吧。但一些基本的皮肤配置文件还是相同。

安装hexo

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

# 全局安装hexo命令行包
npm install -g hexo-cli

# 建立hexo博客项目，会从远程获取一份hexo的代码并建立一个设定的目录，
hexo init blog
cd blog/
npm init --yes 建立package.json为了后面安装扩展包准备
npm install hexo-deployer-git --save #安装推送命令

#此时本地已经有一个blog目录,标准的结构

├── _config.yml 			#配置文件
├── node_modules
├── package-lock.json
├── package.json
├── scaffolds
├── source					#生成的markdown文件,域名映射文件，自定义目录配置
└── themes					#主题

github配置

  1. 登录到GitHub,如果没有GitHub帐号，使用你的邮箱注册GitHub帐号，点击GitHub中的New repository创建新仓库，仓库名应该为：注册用户名.github.io 这个用户名使用你的GitHub帐号名称代替，这是固定写法。因为只有这样才能确保 注册用户名.github.io 访问到对应的仓库.

例如本日志的仓库配置

upload successful

  1. 增加自己的域名别名（非必须）

不是每个人都想用github.io后缀，这年代大家都想个性化，用自己的域名，比如我就用blog.all-soon.com.github也支持这样的配置。

如图，在仓库的这部分增加别名的配置

upload successful

配置后，请去自己的域名的dns配置中，将该域名指向 注册用户名.github.io 这个域名，这样才能确保生效.

upload successful

hexo常用设置

做完github配置后，对应的二级域名也已经出现，现在可以对hexo做常规的配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

# 基础配置,将本地与github链接

# 编辑_config.yml 

# 修改下面这些信息

title: 博客名
subtitle: 子标题
description:				#seo所用部分
keywords:
author: 
language: zh-CN				#默认语言
timezone: Asia/Shanghai 	#所在时区
url: http://注册用户名.github.io	#对应github上的配置

# 推送（我这里用的ssh方式，你也可以用http方式

deploy:
 type: git
 repo: git@github.com:注册用户名/blog.git
 branch: master

hexo常用命令

1
2
3
4
5
6
hexo g == hexo generate #生成
hexo s == hexo server #启动服务预览
hexo d == hexo deploy #部署
hexo clean #清除缓存

#hexo s 启动后，我们可以通过http://localhost:4000这个地址访问网页

扩展包配置

  1. RSS配置
    通过rss，可以让别人轻松收藏你的站点，并定时更新更新站点内容，而不是每次都要用游览器访问。在资讯泛滥的年代，我们越来越受到来自网络噪音，而订阅rss则是个不错的方式，关注自己想要的，而不是被动的接受推送。
1
2
#进入hexo安装目录
npm install hexo-generator-feed --save
  1. 内容发布后台
    hexo通过命令生成文件，按照md语法编写文件，推送仓库这个方式来发布内容。每次都是通过命令行总是太乏味。安装内容发布后台就是个不错的方式。
1
npm install hexo-admin --save

安装后通过hexo s 启动本地预览博客后，就可以在http://localhost:4000/admin 路径下获得内容管理。

upload successful

主题安装

hexo官方有非常多的主题可以使用。

hexo目录中有个theme目录，安装主题通过git主题的仓库中的代码同步到本地theme目录下。

安装举例

1
2
3
4
5
6
7
git clone https://github.com/theme-next/hexo-theme-next themes/next

#修改本地配置文件，将主题设置

vim _config.yml

theme: next