【Gmeek进阶】亮暗主题配置方式

[Meekdai]

这篇文章详细说一下目前Gmeek支持的亮暗主题配置方式，以及后续待改进之处。

手动模式（默认）

这种模式就是当访问者第一次打开博客页面时，呈现的是亮主题。访问者可以通过页面右上角的按钮随意切换（亮/暗/跟随系统），当切换过后，会自动在浏览器存储目前的选择，之后访问者用同一浏览器再打开博客任何页面，则自动为上次选择的模式。

"themeMode":"manual",
"dayTheme":"light",
"nightTheme":"dark",

固定模式

设置themeMode为fix，dayTheme定义的就是想要固定的主题，可以定义为light则永远为亮主题，用户无法切换，定义为dark则永远为暗主题。而nightTheme定义的就是utterances评论框的永久固定主题。

固定亮主题

"themeMode":"fix",
"dayTheme":"light",
"nightTheme":"github-light",

固定暗主题

"themeMode":"fix",
"dayTheme":"dark",
"nightTheme":"dark-blue",

这里提到的亮暗主题可以查看github官方支持的主题，这里都支持

• 亮主题：light light_high_contrast light_colorblind light_tritanopia
• 暗主题：dark dark_high_contrast dark_colorblind dark_tritanopia dark_dimmed

而utterances评论框的主题选择有

github-light
github-dark
preferred-color-scheme
github-dark-orange
icy-dark
dark-blue
photon-dark
boxy-light
gruvbox-dark

其他

目前做到的就是这些功能，可以定义的主题模式有限，但还是有一些选择的。可以优化的地方还有很多，如果有其他主题方面的需求或者建议欢迎一起讨论和完善。

1、固定跟随系统切换目前还没有实现
2、手动模式目前访问者第一次打开页面是亮主题，是否需要实现第一次打开是暗主题或者是跟随系统？

[jaycabin]

hi

[Ae1autumn]

像这样改就行了

"themeMode":"manual",
    "dayTheme":"dark",
    "nightTheme":"dark-blue",

但是这样一进去右上角是太阳，点击亮主题并变成月亮，这样还算合理，要是能把跟随系统删除了就好了，实测根本没有用(也有可能是我的问题？)，而且撕裂了也不好看

[Meekdai]

@Ae1autumn 你这个建议使用

"themeMode":"fix",

[Ae1autumn]

我的意思是首次进去为暗主题，不是固定

…

________________________________ From: Meekdai ***@***.***> Sent: Friday, July 19, 2024 10:43:42 AM To: Meekdai/meekdai.github.io ***@***.***> Cc: Ae1autumn ***@***.***>; Mention ***@***.***> Subject: Re: [Meekdai/meekdai.github.io] 【Gmeek进阶】亮暗主题配置方式 (Issue #52) @Ae1autumn<https://github.com/Ae1autumn> 你这个建议使用 "themeMode":"fix", ― Reply to this email directly, view it on GitHub<#52 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/BIQ55SEH6Q4456JPCTZ5JMTZNB4N5AVCNFSM6AAAAABFXJQTQOVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDEMZXHE3TCMZVGY>. You are receiving this because you were mentioned.Message ID: ***@***.***>

[Meekdai]

目前没有这个功能，其实也就是第一次进入，切换一下暗主题就行，之后再进入就都是暗主题了，只要浏览器不清除。

[Ae1autumn]

嘶，我试过了，这么改是可以的

…

________________________________ From: Meekdai ***@***.***> Sent: Friday, July 19, 2024 11:02:10 AM To: Meekdai/meekdai.github.io ***@***.***> Cc: Ae1autumn ***@***.***>; Mention ***@***.***> Subject: Re: [Meekdai/meekdai.github.io] 【Gmeek进阶】亮暗主题配置方式 (Issue #52) 目前没有这个功能 ― Reply to this email directly, view it on GitHub<#52 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/BIQ55SDYIU2UROSZGNOF5I3ZNB6TFAVCNFSM6AAAAABFXJQTQOVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDEMZXHE4DONBWGU>. You are receiving this because you were mentioned.Message ID: ***@***.***>