feat: add new color scheme "github"

This commit is contained in:
ZhenShuo Leo
2025-10-18 15:21:53 +08:00
parent 8642fc75cf
commit be89d0e2b3
5 changed files with 141 additions and 52 deletions
@@ -21,7 +21,6 @@ npx blowfish-tools
```
{{< /alert >}}
Blowfish 中的配置文件中包含了主题需要的所有可能的设置选项。但默认情况下大多数设置都是被注释的,你只需要取消注释就可以激活或者修改设定选项。
## 基础设置
@@ -64,7 +63,7 @@ links = [
## 颜色方案
Blowfish 主题中包含了数个颜色方案,这些方案可以快速使用。如果需要修改方案,只需要简单的设置 `colorScheme` 参数即可。`colorScheme` 可选的值有`blowfish` (默认)、`avocado``fire``ocean``forest``princess``neon``bloody``terminal``marvel``noir``autumn``congo``slate`
Blowfish 主题中包含了数个颜色方案,这些方案可以快速使用。如果需要修改方案,只需要简单的设置 `colorScheme` 参数即可。`colorScheme` 可选的值有`blowfish` (默认)、`avocado``fire``ocean``forest``princess``neon``bloody``terminal``marvel``noir``autumn``congo``slate``github`
```toml
# config/_default/params.toml
@@ -74,48 +73,66 @@ colorScheme = "blowfish"
Blowfish 定义了一种由三种主色调构成的配色方案,每种主色调包含了10种子色调,10个色调是借鉴 [Tailwind](https://tailwindcss.com/docs/customizing-colors#color-palette-reference) 中的定义。Blowfish 中定义了多个预置的三色主题,以便在整个主题中使用。
#### Blowfish(默认)
### Blowfish(默认)
{{< swatches "#64748b" "#3b82f6" "#06b6d4" >}}
#### Avocado
### Avocado
{{< swatches "#78716c" "#84cc16" "#10b981" >}}
#### Fire
### Fire
{{< swatches "#78716c" "#f97316" "#f43f5e" >}}
#### Ocean
### Ocean
{{< swatches "#64748b" "#3b82f6" "#06b6d4" >}}
#### Forest
### Forest
{{< swatches "#658c86" "#3bf5df" "#06d45c" >}}
#### Princess
### Princess
{{< swatches "#8c658c" "#f53bf2" "#7706d4" >}}
#### Neon
### Neon
{{< swatches "#8338ec" "#ff006e" "#3a86ff" >}}
#### Bloody
### Bloody
{{< swatches "#d90429" "#8d99ae" "#457b9d" >}}
#### Terminal
### Terminal
{{< swatches "#004b23" "#38b000" "#1a759f" >}}
#### Marvel
### Marvel
{{< swatches "#2541b2" "#d81159" "#ffbc42" >}}
#### Noir
### Noir
{{< swatches "#5c6b73" "#9db4c0" "#00a5cf" >}}
#### Autumn
### Autumn
{{< swatches "#0a9396" "#ee9b00" "#bb3e03" >}}
#### Congo
### Congo
{{< swatches "#71717a" "#8b5cf6" "#d946ef" >}}
#### Slate
### Slate
{{< swatches "#6B7280" "#64748b" "#6B7280" >}}
### Github
{{< swatches "#64748b" "#0092ff" "#f54728" >}}
这些是内置的配色方案,你也可以去自定义这一部分,请参阅 [高级自定义]({{< ref "advanced-customisation#colour-schemes" >}}) 。
## 整理内容
@@ -269,4 +286,3 @@ Blowfish 还支持在文章和列表中使用背景图。为了使与缩略图
## 详细配置
上面的步骤介绍了最基本的配置。如果你现在运行 `hugo server`,你将会看到一个空白的 Blowfish 网站。更加详细的内容在[配置]({{< ref "configuration" >}})中介绍。