# typora-yogile-theme

**Repository Path**: Yogile/typora-yogile-theme

## Basic Information

- **Project Name**: typora-yogile-theme
- **Description**: typora-yogile-theme
- **Primary Language**: CSS
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-07-15
- **Last Updated**: 2022-07-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# typora-yogile-theme

[![](https://img.shields.io/badge/Author-Yogile-orange.svg)](https://gitee.com/Yogile) [![fork](https://gitee.com/Yogile/typora-yogile-theme/badge/fork.svg?theme=dark)](https://gitee.com/Yogile/typora-yogile-theme) [![star](https://gitee.com/Yogile/typora-yogile-theme/badge/star.svg?theme=dark)](https://gitee.com/Yogile/typora-yogile-theme) 

[English](README.md)

> 这是 Typora Markdown 编辑器的类似 Vue 文档风格的自定义主题。

## 简介

[Typora](https://www.typora.io/) 是一款支持实时预览的 Markdown 编辑器和阅读器，支持`Windows`、`macOS`、`Linux`三大平台。Typora 作为一款合格的 Markdown 编辑器，支持图片、列表、表格、代码、公式、目录等功能，同时这款软件还支持（一键）动态预览功能，让一切都变得如此干净、纯粹。并且有多种主题模板。
**[typora-yogile-theme](https://gitee.com/Yogile/typora-yogile-theme) 就是参考了[Vue](https://vuejs.org/) 文档和 [typora-vue-theme](https://github.com/blinkfox/typora-vue-theme) 风格而开发的一个 Typora 自定义主题**。

## 安装主题

1. 下载本主题中的 `yogile.css` 、 `yogile-dark.css` 文件和包含字体的 `yogile` 文件夹；
2. 打开 Typora，点击“**偏好设置**” => “**打开主题文件夹**”按钮，将弹出 Typora 的主题文件夹；
3. 将下载好的 `yogile.css` 和 `yogile-dark.css` 文件和包含字体的 `yogile` 文件夹放到 Typora 的主题文件夹中；
4. 关闭并重新打开 Typora，从菜单栏中选择 “**主题**” => “**Yogile**” 或者 “**Yogile Dark**” 即可。

## 效果图

### Yogile

<img src="assets/typora_yogile_theme_screen_01.png" alt="yogile主题效果图示例1" style="zoom:50%;" />

<img src="assets/typora_yogile_theme_screen_02.png" alt="yogile主题效果图示例2" style="zoom:50%;" />

<img src="assets/typora_yogile_theme_screen_03.png" alt="yogile主题效果图示例3" style="zoom:50%;" />

### Yogile Dark

> 暂未自定义。

![Screenshot 4](https://github.com/MamoruDS/typora-vue-theme/raw/master/screenshots/screenshot_01.png)

![Screenshot 5](https://github.com/MamoruDS/typora-vue-theme/raw/master/screenshots/screenshot_02.png)

> **感谢**: 本主题中的 `yogile.cs` 和 `yogile-dark.css` 绝大部分代码来自 [typora-vue-theme](https://github.com/blinkfox/typora-vue-theme) 。