Skip to content

Latest commit

 

History

History
100 lines (64 loc) · 4.37 KB

README.md

File metadata and controls

100 lines (64 loc) · 4.37 KB
Raw

Typora-Theme-Alto

简体中文 / English

Note

请不要直接在上面下载该项目！请阅读下面的 安装 和 配置 部分！

Please do not download the project directly! Please read the README-EN

简介 Introduction

Alto 为更优雅的 Typora 界面而生，她不改动原主题的基础样式，而是对 Typora 界面进行了重新设计，使其更加简洁、美观、灵动。

Alto 是个 css 文件，以引用其他主题的文件来为其提供更好的 Typora 界面支持。

预览 Preview

以下预览是以 Lapis 和 Spring 为 母主题的 Alto 界面。

Alto on Spring theme

Alto on Lapis theme

安装 Installation

该项目主体是 alto.css ，上面的预览所内置的主题是 Lapis ( YiNNx ) 和 Spring ( SprInec ) ，他们以子模块的形式放在了文件夹 alto 中，所以如果你直接下载的该项目的 zip 文件，这两个模块并不会一起下载下来，你需要单独下载，或者采用我下面给出的方式。

  1. 方式一：克隆该项目及其子模块【推荐】

    1. 确保你安装了 Git 。

    2. 在 typora 主题文件夹 中打开终端，输入以下命令：

      git clone --recurse-submodules https://github.com/Seeridia/typora-theme-alto.git temp_folder

Get-ChildItem -Path 'temp_folder' -Force | ForEach-Object {
    $destination = Join-Path -Path '.' -ChildPath $_.Name
    if (Test-Path $destination) {
        Remove-Item -Path $destination -Recurse -Force
    }
    Move-Item -Path $_.FullName -Destination '.' -Force
}

Remove-Item -Path 'temp_folder' -Recurse -Force

  2. 方式二：从该项目的 releases 下载 zip 文件，然后解压到 Typora 的主题文件夹中

    releases 里的打包好的文件一般会包含 Lapis 和 Spring

配置 Configuration

  1. 在 偏好设置 > 外观 > 窗口样式 为 “一体化” 模式，关闭 Typora

  2. 打开文件 alto.css

  3. 配置 Alto

    1. @import "alto/lapis/lapis.css"; 配置主题

      • 对 Lapis 和 Spring ，默认位置为 alto/xxx/xxx.css
      • 对 Typora 主题 或其他你已经下载好的主题，位置为 xxx.css

    2. :root 配置颜色

      • 目前有几组推荐颜色，已经放在 alto.css 的注释中，你可以根据自己的喜好选择，也可以自己添加更多颜色，更欢迎你为配色贡献代码！

      • 而对于 Lapis 和 Spring 给出了以下颜色推荐

        /* Blue 蓝 : Lapis */
--alto-accent-color: #487dac;
--alto-main-color: #e8f4ff;

/* Green 绿 : Spring */
--alto-accent-color: #077123;
--alto-main-color: #f2fff6;

  4. Enjoy Alto!

说明 Notes

  • 给我个 star🌟 呗！
  • 如果你喜欢原主题，也希望能回去给他们一个 star🌟
  • 主题默认配置为 Lapis 以及 蓝色 主题，你可以根据自己的喜好进行配置。（再次强调，直接下载该项目的 zip 文件，并不会自动下载 Lapis 和 Spring 主题，你需要单独下载）
  • 其他第三方主题请自行下载替换代码，不一定能完全适配，不过大部分都可以了，请自行测试。也可以提交 issue 请求适配，或者发起 PR 贡献代码。
  • 感谢 YiNNx 和 SprInec 的主题，他们的审美为 Alto 提供了灵感。