Hexo搭建个人博客之进阶篇

Hexo.png

上一篇博客Hexo搭建个人博客之基础篇????主要写了如何安装并简单配置Hexo博客,那么本篇博客将跟大家分享本人对Hexo的详细配置、NexT主题的详细配置以及自定义域名等进阶内容,打造一个属于你自己的专属博客。

一、Hexo详细配置

Hexo的配置其实在官网都是有教程的,想看官方文档的请自行查看官方文档(https://hexo.io/zh-cn/docs/)

下面主要记录我本人对Hexo的配置,各位看官可以根据自己的需求跟习惯自行选择跟调整。

1.1 网站信息设置

打开Hexo根目录下的_config.yml文件进行配置修改,这是Hexo的配置文件。

要修改你的网站信息,如下所示:

1
2
3
4
5
6
7
# Site
title: Kylin's Blog # 网站标题
subtitle: A Lonely Programmer # 副标题
description: 做一个对代码美感有追求的程序员 # 描述
author: Kylin # 作者,站长名字
language: zh-Hans # 语言(此处根据NexT主题的设置要求设置为zh-Hans:中文)
timezone: # 时区(可以不设置)

1.2 URL设置

URL的设置如下所示:

1
2
3
4
5
6
# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://jemgeek.com # 网站链接
root: / # 主路径
permalink: archives/:year/:title.html # 永久链接,下文详细说明
permalink_defaults:

这里要说明的是permalink属性,这个属性的含义是永久链接,可以点击查看官方文档。在Hexo中,每篇文章都是MarkDown文档写成的,那么Hexo需要将你的MD文档解析成HTML文件,然后才可以在网页中访问。MD文档一般是在/source/_posts/文件路径中存储的,当Hexo解析之后会按照permalink的属性规则去存储HTML文件,同时在你Web中访问的时候,也会根据这个URL进行访问。这个属性你可以使用默认的属性,也可以根据官方文档提供的语法规则去修改,我这里是为了减少层级和URL长度进行了修改。

1.3 主题及部署

设置主题以及设置部署路径在上一篇博客Hexo搭建个人博客之基础篇????说明,配置如下:

1
2
3
4
5
6
7
8
9
10
11
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: next

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: ssh://git@github.com/jemgeek/jemgeek.github.io.git
branch: master

1.4 插件的安装及配置

Hexo中有很多插件可供我们使用,利用这些插件可以让我们更好的使用Hexo。插件的信息在/package.json文件中。如下是我安装的所有插件:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
{
"name": "hexo-site",
"version": "0.0.0",
"private": true,
"hexo": {
"version": "3.2.2"
},
"dependencies": {
"hexo": "^3.2.0",
"hexo-all-minifier": "0.0.14",
"hexo-deployer-git": "^0.2.0",
"hexo-generator-archive": "^0.1.4",
"hexo-generator-baidu-sitemap": "^0.1.2",
"hexo-generator-category": "^0.1.3",
"hexo-generator-feed": "^1.2.0",
"hexo-generator-index": "^0.2.0",
"hexo-generator-search": "^1.0.4",
"hexo-generator-sitemap": "^1.1.2",
"hexo-generator-tag": "^0.2.0",
"hexo-renderer-ejs": "^0.2.0",
"hexo-renderer-marked": "^0.2.10",
"hexo-renderer-stylus": "^0.3.1",
"hexo-server": "^0.2.0",
"hexo-wordcount": "^2.0.1"
}
}

文件中dependencies下的内容就是插件的名字以及版本号,缺少哪个插件就使用下面的命令在Git bash中安装即可。以安装hexo-deployer-git插件为例,此插件用来使用Git进行部署的插件,安装了此插件才可以将你的博客内容提交到Github上面。

1
npm install hexo-deployer-git --save

二、NexT主题详细配置

三、自定义域名

四、其他

James wechat
欢迎您扫一扫上面的微信公众号,订阅我的博客!
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!