Hexo搭建(二)--Matery主题配置


前面为大家介绍了博客的基本框架搭建:【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搭建评论系统】


文章作者: Viktor Chen
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 Viktor Chen !
评论
  目录