OneLight

caolib 2024/12/18
Homepage Download

OneLight Theme For Typora

[!tip] 这里有两篇文章使用one-light主题,可点击查看主题详细效果展示


image-20241229005550600

image-20241229005801957

1.如何使用

[!caution]

  • 如果你想克隆本仓库,为了避免克隆到其他分支,请使用下面这条命令,这样只会克隆主分支

    git clone --single-branch https://github.com/caolib/typora-onelight-theme.git
    
  • 如果你想从网络导入

    @import url("https://cdn.jsdelivr.net/gh/caolib/typora-onelight-theme@onelight/dist/onelight.min.css");
    

2.关于字体

onelight.css文件开头设置了默认字体,可以自行修改

如果要使用主题中的字体,建议下载字体安装,中文字体是喵字果汁体,英文字体是Cascadia Code

3.关于背景图片

[!tip]

背景图片在onelight/img文件夹下,默认是bg.gif,可以自行替换,你也可以在css文件中搜索并替换文件

content {
     background-color: transparent;
     // 可以替换此处的图片,不想显示可以将这段整个注释掉
     background-image: url('./onelight/img/bg.gif');
     background-position: 100% 100%;
     background-repeat: no-repeat;
     // 修改图片大小
     background-size: 200px auto;
     transition: background-image .5s ease-in-out, background-size .5s ease-in-out
}

recording