个性化配置
约
2
分钟阅读
(
454
个字
)
阅读
切换到原始 Markdown 内容
顶部 Logo
在站点根目录编辑（如果没有，则需要新建一个）_config.linen.yml 文件，然后在文件中加入如下格式的内容：
_config.linen.yml1
2
3
4
| logo:
src: /img/linen-logo.svg
width: 225
height: 42
|
请将 src、width、height 替换为对应 logo 图片文件的路径和尺寸。
顶部导航菜单
在 _config.linen.yml 中加入如下格式的内容：
_config.linen.yml1
2
3
| navItems:
- name: 归档
path: /archives/
|
站点信息
在 _config.linen.yml 中加入如下格式的内容：
_config.linen.yml1
2
3
4
5
| info:
site_desc: 一个简约的 Hexo 主题.
avatar: https://xxx.xxx/xx.jpg
siteCardBg: https://xxx.xxx/xx.jpg
registration: 火星ICP备22222222
|
比如如果需要设置头像图片，添加/修改 info 里的 avatar 字段即可。可以在 https://unsplash.com/s/illustrations/avatar?license=free 上找到一些不错的头像图片。
siteCardBg 是分享网站时展示的封面图片。
懒加载配置
在 _config.linen.yml 中加入如下格式的内容：
_config.linen.yml1
2
3
4
5
6
7
8
9
| lazyload:
enable: true,
loadingImage: "/linen-theme/img/lazyload/loading.svg", // 自定义的 loading 图片
errorTipImage: "/linen-theme/img/lazyload/error-tip.svg", // 自定义的 Error 图片
intersectionRatio: 0.25, // 触发加载的图片比例
placeholderRatio: 3 / 2, // 默认的占位图比例
showTransition: true, // 是否需要过度动画
showAltText: true, // 是否展示 Alt 文字到图片下方
preloadCount: 5 // 预加载的图片数量
|
以上参数为默认值，可根据实际需要进行修改。
追加 CSS、脚本到 heads
在 _config.linen.yml 中加入如下格式的内容：
_config.linen.yml1
2
3
| heads:
- <script src="/path-to/your-js.js"></script>
- <link rel="stylesheet" href="/path-to/your-css.css">
|
用途：统计代码、添加自定义 CSS。
中英域名
在 _config.linen.yml 中加入如下格式的内容：
_config.linen.yml1
2
3
| siteOriginLocaleMap:
zh-CN: https://test.cn
en: https://test.com
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
| ---
title: 个性化配置
date: 2026-03-28 23:58
excerpt: 配置您站点的个性化设置。
categories: 快速开始
cover: /img/vinicius-amnx-amano-17NCG_wOkMY-unsplash.jpg
coverInfo:
author: Markus Winkler
url: https://unsplash.com/photos/a-close-up-of-a-street-sign-on-the-ground-newg0EE_rxw
series: 用户指南
appendRawMarkdown: true
tocType: flat
translations: ['en']
---
## 顶部 Logo
在站点根目录编辑（如果没有，则需要新建一个）`_config.linen.yml` 文件，然后在文件中加入如下格式的内容：
```yaml _config.linen.yml
logo:
src: /img/linen-logo.svg
width: 225
height: 42
```
请将 src、width、height 替换为对应 logo 图片文件的路径和尺寸。
## 顶部导航菜单
在 `_config.linen.yml` 中加入如下格式的内容：
```yaml _config.linen.yml
navItems:
- name: 归档
path: /archives/
```
## 站点信息
在 `_config.linen.yml` 中加入如下格式的内容：
```yaml _config.linen.yml
info:
site_desc: 一个简约的 Hexo 主题.
avatar: https://xxx.xxx/xx.jpg
siteCardBg: https://xxx.xxx/xx.jpg
registration: 火星ICP备22222222
```
比如如果需要设置头像图片，添加/修改 `info` 里的 `avatar` 字段即可。可以在 https://unsplash.com/s/illustrations/avatar?license=free 上找到一些不错的头像图片。
`siteCardBg` 是分享网站时展示的封面图片。
## 懒加载配置
在 `_config.linen.yml` 中加入如下格式的内容：
```yaml _config.linen.yml
lazyload:
enable: true,
loadingImage: "/linen-theme/img/lazyload/loading.svg", // 自定义的 loading 图片
errorTipImage: "/linen-theme/img/lazyload/error-tip.svg", // 自定义的 Error 图片
intersectionRatio: 0.25, // 触发加载的图片比例
placeholderRatio: 3 / 2, // 默认的占位图比例
showTransition: true, // 是否需要过度动画
showAltText: true, // 是否展示 Alt 文字到图片下方
preloadCount: 5 // 预加载的图片数量
```
以上参数为默认值，可根据实际需要进行修改。
## 追加 CSS、脚本到 heads
在 `_config.linen.yml` 中加入如下格式的内容：
```yaml _config.linen.yml
heads:
- <script src="/path-to/your-js.js"></script>
- <link rel="stylesheet" href="/path-to/your-css.css">
```
用途：统计代码、添加自定义 CSS。
## 中英域名
在 `_config.linen.yml` 中加入如下格式的内容：
```yaml _config.linen.yml
siteOriginLocaleMap:
zh-CN: https://test.cn
en: https://test.com
```
|
