📜  rig (1)

📅  最后修改于: 2023-12-03 15:04:54.405000             🧑  作者: Mango

Rig主题介绍

Rig是一个适用于Hexo静态博客的主题,它基于Bootstrap4和Font Awesome5,并拥有灵活的布局以及对更改颜色和字体的简单配置。

主题特色
  • 简介美观,具有响应式布局
  • 内置多个页面布局模板
  • 丰富的配置选项,可轻松更改字体、颜色等样式
  • 使用pug构建页面模板,提高可扩展性
  • 集成对阅读时间、社交分享、字数统计等插件的支持
安装

在Hexo博客目录下执行以下命令:

$ git clone https://github.com/artchen-ruo/Rig.git themes/Rig

然后在_config.yml文件中修改theme字段:

theme: Rig
配置

Rig主题支持多项配置,以下列出了一些常用选项:

# 页面
menu:
  Home: /
  Archives: /archives
rss: /atom.xml

# 侧边栏
sidebar: right
widgets:
- category
- tag
- tagcloud
- recent_posts
- archives
- recent_comments
- links

# 社交链接
social:
  GitHub: https://github.com/username
  Twitter: https://twitter.com/username

# 位于页脚的版权声明
footer:
  copyright:

## 样式
# 颜色
accent_color: '#007bff'

# 字体
font:
  family: Roboto
  size: 16px

# 头部图像
header:
  image: /images/header.jpeg
  image_type: cover
  height: 75vh
  opacity: 0.8
  gradient:
    enable: true
    start: '#4b6cb7'
    end: '#182848'
页面和文章

Rig主题支持多个不同风格的页面,例如:默认首页,归档、关于等页面。除此之外,您还可以给每篇文章添加一个特色图像,以提高文章可视性。

以下是如何添加特色图片和页面布局模板的示例:

title: Hello World
date: 2022-01-01 12:00:00
categories: [Tech, Hexo]
tags: [hello-world, hexo]
feature_img: /images/hello-world.jpeg
layout: post

同时,如果您需要创建一个新页面,只需在Hexo博客的根目录下运行以下命令:

$ hexo new page about

然后在source/about/index.md中添加以下内容:

---
title: About
date: 2022-01-01 12:00:00
layout: about
---

themes/Rig/layout文件夹中,您可以找到与页面类型对应的模板。

插件

Rig主题支持多个Hexo插件,例如:

结论

Rig主题是一个功能强大、易于配置且美观的主题,为您的Hexo博客带来更好的阅读体验。希望这篇介绍能帮助您了解并使用它。