//SVG 图标绘画
正在载入中...

如果你安装了 Reimu 主题后又不想要东方的元素了,可以看看这篇文章。

目录

1. 背景图片修改
———— 1.1 头图修改
———— 1.2 给单独的文章配图
2. 更改太极图图标 (重点)
———— 2.1 边栏图标更改
———— 2.2 加载界面图标更改
3. 更改文字
———— 3.1 更改加载界面 “少女祈祷中”
———— 3.2 更改 “404” 界面

背景图片修改

头图修改

头图的位置在

1
/themes/reimu/source/images/banner.jpg

您找到合适的图片之后直接更换即可。
如果您的网站速度很慢,不适合在本地存放头图,您可以更改主题目录的 _config.yml 中的:

1
banner: "/images/banner.jpg" # themes/reimu/source/images/banner.jpg

部分,将内容更改为:

1
banner: "https://xxx.url.org/banner.jpg" # themes/reimu/source/images/banner.jpg

给单独的文章配图

只需您在文章的页眉添加

1
2
3
4
5
6
7
8
9
cover: 指向图片的 URL

// 示例:
---
title: 123456
date: 1999-12-31 06:01:13
tags: XX
cover: https://xxx.url.org/bd3.png
---

就可以给文章配上图片了。

更改太极图图标

边栏图标更改

请您进入 /themes/reimu/source/images/ 目录,使用矢量图绘画工具打开 taichi.svg 文件。
然后在上面进行绘画操作即可。

画完之后保存,Hexo 刷新一遍就可以了。

加载界面图标更改

在执行上面的操作之后,您会发现,加载界面仍然是太极图。
莫慌。您先复制一份 taichi.svg 文件的副本,使用矢量图绘画工具打开它并进行绘画。绘画完成后不要删除,右键通过 Microsoft Visual Studio Code 或其他文本软件打开。
记住这些路径名称:

如果发现 ellipse 和 path 开头的一段,请复制它们。
然后打开 /themes/reimu/layout/_partial/loader.ejs 文件
将这一段删除:

然后将您刚才复制的 SVG 代码粘贴到此处。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
// 示例:小星星(和本站一样)

<path
sodipodi:type="star"
style="opacity:0.967273;fill:#ffbec0;fill-opacity:0.94581282;stroke:#000000;stroke-width:13.65542089;stroke-dasharray:none"
id="path1"
inkscape:flatsided="false"
sodipodi:sides="5"
sodipodi:cx="117.15254"
sodipodi:cy="121.49152"
sodipodi:r1="281.59967"
sodipodi:r2="140.79984"
sodipodi:arg1="0.98279372"
sodipodi:arg2="1.6111123"
inkscape:rounded="0"
inkscape:randomized="0"
d="M 273.35594,355.79661 111.4776,262.17695 -57.415336,342.45403 -18.400902,159.56852 -146.93973,23.748776 39.050851,4.3389758 128.50242,-159.87933 204.43649,11.010274 388.25943,45.337523 249.19868,170.3629 Z"
inkscape:transform-center-x="-5.2622667"
inkscape:transform-center-y="-35.297319"
transform="matrix(1.5003757,0,0,1.4999156,340.69227,376.01307)" />

效果:

更改文字

更改加载界面_少女祈祷中

打开主题目录的 _config.yml 文件,滑动到下面,找到 preloader 字符:

1
2
3
4
preloader:
enable: true
text: 正在载入中...
# text: Loading...

更改_404_界面

打开 /themes/reimu/languages/zh-CN.yml 文件,找到 not_found 字符:

1
2
3
not_found:
title: 4 0 4 (゚⊿゚)ツ
subtitle: 満 身 創 痍