Skip to content

样式与颜色

TIP

该功能自 3.1.0 版本支持

暗色主题

要启用暗色主题,须在站点主题配置中设置以下字段:

yaml
function:
    ...:
    darkmode: true

由于技术性问题,现disqusdisqusjslivere均不适配暗色主题

自定义配色方案

Nexmoe为各位预备了一套完备的配色方案,但如果各位有自定义配色的需求,可以在站点主题配置中设置。

yaml
color: # 配色方案,从first到seventh为优先级为1-7的颜色,默认为彩虹配色
    first: # 同时作为主题色
        r: ... 
        g: ...
        b: ...
    second:
    ...
    seventh:

这里的firstseventh分别是使用优先级1——7的颜色,原配色为红橙黄绿青蓝紫,各位可以根据这几个颜色的出现频率配色,特别注意first是主题色。各项下的rgb项分别填写颜色的r,g,b值。

用户自定义样式

如果有想自定义但配置中未提供的样式,可以通过启用用户自定义样式自定义。

先在站点主题配置中设置以下字段:

yaml
customstyle: true

再在博客根目录下的source文件夹中新建custom.css,并在此文件中编写用户想要自定义的css样式。