前面为大家介绍了博客的基本框架搭建:【Hexo搭建(一)】
下面让我们接着上一篇文章挖下的坑,把博客主题更换为Matery主题吧!
Matery主题是由blinkfox开源的一款响应式主题,其优秀的交互方式以及内置多种优秀的交互功能,深受极客的喜爱
Matery 主题下载
打开你的博客文件夹,找到themes
文件,打开Git Bash
命令窗后输入 (必须要把主题文件放在这个文件夹下喔)
git clone https://github.com/blinkfox/hexo-theme-matery.git
你也可以直接网页下载然后在themes
文件夹下解压,主题下载链接
下载完成后在博客根目录的_config.yml
文件中修改配置,把主题theme
修改为hexo-theme-matery
,应用主题
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: hexo-theme-matery
并把全局中的相关信息更改
# Site
title: 博客名称
subtitle: 'subtitle'
description: '个性签名'
keywords:
author: '作者名字'
language: 'zh-CN'
timezone: 'Asia/Shanghai'
# URL
## Set your site url here. For example, if you use GitHub Page, set url as 'https://username.github.io/project'
url: '你的博客域名,例如我的是:http://ViktorChen06.github.io'
permalink: :year/:month/:day/:title/
permalink_defaults:
pretty_urls:
trailing_index: true # Set to false to remove trailing 'index.html' from permalinks
trailing_html: true # Set to false to remove trailing '.html' from permalinks
完成以上配置后记得保存
新建页面
在hexoblog
文件下Git Bash
,新建以下页面
标签页面
hexo new page "tags"
生成后编辑新建的/source/tags/index.md文件
--- title: tags date: 2023-04-27 19:37:07 type: "tags" layout: "tags" ---
下面的其它页面也是按照这个格式进行初始化配置,按照这个模板填入信息后保存即可
分类页面
hexo new page "categories"
--- title: categories date: 2023-04-27 19:37:07 type: "categories" layout: "categories" ---
关于页面
hexo new page "about"
--- title: about date: 2023-04-27 19:37:07 type: "about" layout: "about" ---
留言板
hexo new page "contact"
--- title: contact date: 2023-04-27 19:37:07 type: "contact" layout: "contact" ---
友情链接
hexo new page "friends"
--- title: friends date: 2023-04-27 19:37:07 type: "friends" layout: "friends" ---
为了让友情页面有数据,配置完友情链接这个页面后,在博客根目录下的source文件夹新建 _data 目录,并在_data目录新建一个friends.json文件,把一些网页链接填写配置,来让这个页面有链接可以跳转,配置示例如下:
[{
"avatar": "http://image.luokangyuan.com/4027734.jpeg",
"name": "BlinkFox",
"introduction": "blinkfox闪烁之狐的博客",
"url": "http://blinkfox.com",
"title": "前往学习"
}, {
"avatar": "http://image.luokangyuan.com/4027734.jpeg",
"name": "Viktor",
"introduction": "Viktor的博客",
"url": "https://viktorchen06.github.io/",
"title": "前往学习"
}]
# 你可以拓展开来,但一定要按照以上的格式进行填写
# avatar:图标
# name:标签名字
# introduction:链接简介
# url: 链接
# title:按键上的描述
完成所有配置后别忘记保存,接着在根目录下Git Bash
,直接使用hexo三件套: hexo cl && hexo g && hexo s
,然后在服务器中输入我们的本地主机,可以发现我们的主题已经更换啦
接着我们回到主题的_config.yml文件进行配置
注意!!!是主题文件/themes/hexo-theme-matery路径下的_config.yml配置文件,而不是全局根目录下的那个配置文件喔
配置文件内有着读者大量的中文备注,你可以对着说明进行修改,并没有什么特别困难的,如果有需要的话后面再出一篇配置相关的帖子 又给自己挖坑了(新建文件夹)
Waline评论系统也已完成搭建,可在我的博客找到相关的文章:【用Waline+Vercel搭建评论系统】