# typora-theme-quiet

**Repository Path**: janpoem/typora-theme-quiet

## Basic Information

- **Project Name**: typora-theme-quiet
- **Description**: Typora 主题 Quiet —— 静静
- **Primary Language**: CSS
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-12-06
- **Last Updated**: 2023-02-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Typora 主题 Quiet —— 静静

这是一个绿色、静谧的 Typora 主题。

> Focus on your writing

基于 [Windi CSS](https://windicss.org/) 构建的全新版本。

效果预览：

![quiet2](images/quiet2.png)

## 使用说明

将根目录的 `quite2.css` 文件，复制到 Typora 主题目录，重启 Typora 选择对应的主题即可。

一般在系统用户目录的 `~\Typora\themes`。

Windows 在 `C:\Users\用户名\AppData\Roaming\Typora\themes`


## 开发说明

```shell
yarn install
yarn run dev-server
```

template 中已经提供 Typora UI 界面的基础 html（包括左侧文件列表、大纲、文件树形结构），有需要可以自行定制。

基于 [Windi CSS](https://windicss.org/) 后，样式书写更简单了，连 stylus 都可以不用了。

模板中的正文内容，取自：[dyzj theme demo](https://typora-dyzj-theme.vercel.app/)  [dyzj theme](https://theme.typora.io/theme/dyzj/) 

## 样式细节

分割线

![分割线](images/quiet2_hr.png)

Typography #1

![Typography-1](images/quiet2_typography1.png)

Typography #2

![Typography-2](images/quiet2_typography2.png)

侧边栏 #1

![侧边栏-1](images/quiet2_sidebar1.png)

侧边栏 #2

![侧边栏-2](images/quiet2_sidebar2.png)

源代码模式

![源代码模式](images/quiet2_source_mode.png)

图表 编辑中/正常显示

![图表](images/quiet2_diagrams1.png)