OneLight Theme For Typora

简体中文 | English

1.概览

Tip

这里有两篇文章使用OneLight主题，可点击查看主题详细效果展示

1. OneLight
2. 计算机网络

---

展开查看更多截图

一体化菜单界面

---

2.如何使用

2.1 下载文件（推荐）

Important

1. 下载 主题文件压缩包
2. 在typora中选择 文件 → 偏好设置 → 外观 → 打开主题文件夹
3. 将下载的压缩包解压，将css文件和文件夹粘贴到typora的主题文件夹中
4. 重启Typora然后在菜单栏切换主题，大功告成

2.2 克隆

Caution

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

git clone --single-branch https://github.com/caolib/typora-onelight-theme.git

---

3.关于字体

在onelight.css文件开头设置了默认字体，可以自行修改，字体文件在fonts文件夹下

---

4.背景图片

Important

背景图片在onelight/img文件夹下，文件夹下有几张准备好的图片，你也可以添加自己的图片（最好使用透明背景的图片），然后在css文件中搜索 background-image找到下面代码替换图片路径

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

---

5.其他

⭐ 如果喜欢主题的话，请给一个star吧，感谢🙏！

✅ 一体化模式下主题效果更佳✨

❓ 有问题可以在 Issues 提问，欢迎各种意见

📄 docs文件夹中有示例文章的markdown文件📄

🖼️ img文件夹中有主题的背景图片，如果不需要可以直接删除