前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Matery -1- 主题安装

Matery -1- 主题安装

作者头像
为为为什么
发布2022-08-05 15:55:32
2530
发布2022-08-05 15:55:32
举报
文章被收录于专栏:又见苍岚又见苍岚

matery 是是一个采用 Material Design 和响应式设计的 Hexo 博客主题,本文记录主题安装使用方法。

预备环境

  • gitbash
  • node.js
  • Hexo 5.0.0 以上

安装最新版本 matery

下载最新版本 matery 仓库到 themes 目录,并将解压出的文件夹重命名为 matery

  • 在hexo 根目录执行
代码语言:javascript
复制
git clone https://github.com/blinkfox/hexo-theme-matery.git themes/matery

指定主题

如下修改 Hexo 博客目录中的 _config.yml

代码语言:javascript
复制
theme: matery  # 指定主题
language: zh-CN  # 指定语言

添加分类、归档、关于页

categories 页是用来展示所有分类的页面,如果在你的博客 source 目录下还没有 categories/index.md 文件,那么你就需要新建一个,命令如下:

代码语言:javascript
复制
hexo new page "categories"

编辑你刚刚新建的页面文件 /source/categories/index.md,至少需要以下内容:

代码语言:javascript
复制
---
title: categories
date: 2018-09-30 17:25:30
type: "categories"
layout: "categories"
---

新建标签 tags 页

tags 页是用来展示所有标签的页面,如果在你的博客 source 目录下还没有 tags/index.md 文件,那么你就需要新建一个,命令如下:

代码语言:javascript
复制
hexo new page "tags"

编辑你刚刚新建的页面文件 /source/tags/index.md,至少需要以下内容:

代码语言:javascript
复制
---
title: tags
date: 2018-09-30 18:23:38
type: "tags"
layout: "tags"
---

新建关于我 about 页

about 页是用来展示关于我和我的博客信息的页面,如果在你的博客 source 目录下还没有 about/index.md 文件,那么你就需要新建一个,命令如下:

代码语言:javascript
复制
hexo new page "about"

编辑你刚刚新建的页面文件 /source/about/index.md,至少需要以下内容:

代码语言:javascript
复制
---
title: about
date: 2018-09-30 17:25:30
type: "about"
layout: "about"
---

新建留言板 contact 页(可选的)

contact 页是用来展示留言板信息的页面,如果在你的博客 source 目录下还没有 contact/index.md 文件,那么你就需要新建一个,命令如下:

代码语言:javascript
复制
hexo new page "contact"

编辑你刚刚新建的页面文件 /source/contact/index.md,至少需要以下内容:

代码语言:javascript
复制
---
title: contact
date: 2018-09-30 17:25:30
type: "contact"
layout: "contact"
---

:本留言板功能依赖于第三方评论系统,请激活你的评论系统才有效果。并且在主题的 _config.yml 文件中,第 1921 行的“菜单”配置,取消关于留言板的注释即可。

新建友情链接 friends 页(可选的)

friends 页是用来展示友情链接信息的页面,如果在你的博客 source 目录下还没有 friends/index.md 文件,那么你就需要新建一个,命令如下:

代码语言:javascript
复制
hexo new page "friends"

编辑你刚刚新建的页面文件 /source/friends/index.md,至少需要以下内容:

代码语言:javascript
复制
---
title: friends
date: 2018-12-12 21:25:30
type: "friends"
layout: "friends"
---

同时,在你的博客 source 目录下新建 _data 目录,在 _data 目录中新建 friends.json 文件,文件内容如下所示:

代码语言:javascript
复制
[{
    "avatar": "http://image.luokangyuan.com/1_qq_27922023.jpg",
    "name": "码酱",
    "introduction": "我不是大佬,只是在追寻大佬的脚步",
    "url": "http://luokangyuan.com/",
    "title": "前去学习"
}, {
    "avatar": "http://image.luokangyuan.com/4027734.jpeg",
    "name": "闪烁之狐",
    "introduction": "编程界大佬,技术牛,人还特别好,不懂的都可以请教大佬",
    "url": "https://blinkfox.github.io/",
    "title": "前去学习"
}, {
    "avatar": "http://image.luokangyuan.com/avatar.jpg",
    "name": "ja_rome",
    "introduction": "平凡的脚步也可以走出伟大的行程",
    "url": "https://me.csdn.net/jlh912008548",
    "title": "前去学习"
}]

新建 404 页

如果在你的博客 source 目录下还没有 404.md 文件,那么你就需要新建一个

代码语言:javascript
复制
hexo new page 404

编辑你刚刚新建的页面文件 /source/404/index.md,至少需要以下内容:

代码语言:javascript
复制
---
title: 404
date: 2018-09-30 17:25:30
type: "404"
layout: "404"
description: "Oops~,我崩溃了!找不到你想要的页面 :("
---

测试

  • 此时运行hexo系列命令
代码语言:javascript
复制
hexo clean
hexo g
hexo s

我是next主题转过来的,自带一些信息,不过正常情况下也可以正常进入主题了。

参考资料

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021年8月5日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 预备环境
  • 安装最新版本 matery
  • 指定主题
  • 添加分类、归档、关于页
  • 新建标签 tags 页
  • 新建关于我 about 页
  • 新建留言板 contact 页(可选的)
  • 新建友情链接 friends 页(可选的)
  • 新建 404 页
  • 测试
  • 参考资料
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档