my-typora-vue-theme/README.md

# typora-vue-theme

[![HitCount](http://hits.dwyl.io/blinkfox/typora-vue-theme.svg)](http://hits.dwyl.io/blinkfox/typora-vue-theme) [![GitHub issues](https://img.shields.io/github/issues/blinkfox/typora-vue-theme.svg)](https://github.com/blinkfox/typora-vue-theme/issues) [![GitHub license](https://img.shields.io/github/license/blinkfox/typora-vue-theme.svg)](https://github.com/blinkfox/typora-vue-theme/blob/master/LICENSE) [![GitHub forks](https://img.shields.io/github/forks/blinkfox/typora-vue-theme.svg)](https://github.com/blinkfox/typora-vue-theme/network) [![GitHub stars](https://img.shields.io/github/stars/blinkfox/typora-vue-theme.svg)](https://github.com/blinkfox/typora-vue-theme/stargazers)

[中文](README_CN.md)

> This is a typora theme inspired by [Vue](http://vuejs.org/) document style.

## Introduction

[Typora](https://www.typora.io/) is a markdown editor and reader that supports real-time preview. It supports `Windows`, `macOS`, `Linux` platforms. Typora is a qualified Markdown editor that supports images, lists, tables, codes, formulas, catalogs, etc. At the same time, typora also supports (one-click) dynamic preview function, so that everything becomes so clean and pure. And there are various theme templates. **[typora-vue-theme](https://github.com/blinkfox/typora-vue-theme) inspired by [Vue](https://vuejs.org/) document style**.

## Install

1. [Download](https://codeload.github.com/blinkfox/typora-vue-theme/zip/master) this theme from Github, then you can get the `vue.css`, `vue-dark.css` files and the `vue` folder.
2. Open typora. Click "**Open Theme Folder**" button from `Preference Panel` → `Apperance` section.
3. Put `vue.css`, `vue-dark.css` and `vue` folder into the opened folder, make sure your css files are directly under that directory.
4. Close and reopen Typora and select `Theme` → `Vue` or `Vue Dark` from the menu bar.

## Screenshots

![Screenshot 1](http://static.blinkfox.com/typora_vue_theme_screen_01.png)

![Screenshot 2](http://static.blinkfox.com/typora_vue_theme_screen_02.png)

![Screenshot 3](http://static.blinkfox.com/typora_vue_theme_screen_03.png)

### Vue 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)

> **Thanks**: This `vue-dark.css` by [typora-vue-dark-theme](https://github.com/MamoruDS/typora-vue-dark-theme).
初始化提交vue.css和README.md文件 2018-05-30 17:16:48 +08:00			`# typora-vue-theme`

修改README文件，增加一些badges 2018-05-30 23:25:39 +08:00			[![HitCount](http://hits.dwyl.io/blinkfox/typora-vue-theme.svg)](http://hits.dwyl.io/blinkfox/typora-vue-theme) [![GitHub issues](https://img.shields.io/github/issues/blinkfox/typora-vue-theme.svg)](https://github.com/blinkfox/typora-vue-theme/issues) [![GitHub license](https://img.shields.io/github/license/blinkfox/typora-vue-theme.svg)](https://github.com/blinkfox/typora-vue-theme/blob/master/LICENSE) [![GitHub forks](https://img.shields.io/github/forks/blinkfox/typora-vue-theme.svg)](https://github.com/blinkfox/typora-vue-theme/network) [![GitHub stars](https://img.shields.io/github/stars/blinkfox/typora-vue-theme.svg)](https://github.com/blinkfox/typora-vue-theme/stargazers)

新增英文的README.md文件 2018-06-02 15:24:54 +08:00			`[中文](README_CN.md)`
初始化提交vue.css和README.md文件 2018-05-30 17:16:48 +08:00
新增英文的README.md文件 2018-06-02 15:24:54 +08:00			`> This is a typora theme inspired by [Vue](http://vuejs.org/) document style.`
写了少许README.md的该主题介绍的内容和效果 2018-05-31 00:31:35 +08:00
新增英文的README.md文件 2018-06-02 15:24:54 +08:00			`## Introduction`
写了少许README.md的该主题介绍的内容和效果 2018-05-31 00:31:35 +08:00
修复一处README.md中的链接 2018-06-02 15:29:00 +08:00			[Typora](https://www.typora.io/) is a markdown editor and reader that supports real-time preview. It supports `Windows`, `macOS`, `Linux` platforms. Typora is a qualified Markdown editor that supports images, lists, tables, codes, formulas, catalogs, etc. At the same time, typora also supports (one-click) dynamic preview function, so that everything becomes so clean and pure. And there are various theme templates. [typora-vue-theme](https://github.com/blinkfox/typora-vue-theme) inspired by [Vue](https://vuejs.org/) document style.
写了少许README.md的该主题介绍的内容和效果 2018-05-31 00:31:35 +08:00
新增英文的README.md文件 2018-06-02 15:24:54 +08:00			`## Install`
写了少许README.md的该主题介绍的内容和效果 2018-05-31 00:31:35 +08:00
更新README.md 2019-02-02 16:05:51 +08:00			1. [Download](https://codeload.github.com/blinkfox/typora-vue-theme/zip/master) this theme from Github, then you can get the `vue.css`, `vue-dark.css` files and the `vue` folder.
新增英文的README.md文件 2018-06-02 15:24:54 +08:00			2. Open typora. Click "Open Theme Folder" button from `Preference Panel` → `Apperance` section.
更新README.md 2019-02-02 16:05:51 +08:00			3. Put `vue.css`, `vue-dark.css` and `vue` folder into the opened folder, make sure your css files are directly under that directory.
			4. Close and reopen Typora and select `Theme` → `Vue` or `Vue Dark` from the menu bar.
写了少许README.md的该主题介绍的内容和效果 2018-05-31 00:31:35 +08:00
新增英文的README.md文件 2018-06-02 15:24:54 +08:00			`## Screenshots`
更新README中的效果图 2018-06-02 12:03:37 +08:00
新增英文的README.md文件 2018-06-02 15:24:54 +08:00			`![Screenshot 1](http://static.blinkfox.com/typora_vue_theme_screen_01.png)`
更新README中的效果图 2018-06-02 12:03:37 +08:00
新增英文的README.md文件 2018-06-02 15:24:54 +08:00			`![Screenshot 2](http://static.blinkfox.com/typora_vue_theme_screen_02.png)`

修复一处README.md中的链接 2018-06-02 15:29:00 +08:00			`![Screenshot 3](http://static.blinkfox.com/typora_vue_theme_screen_03.png)`
更新README.md 2019-02-02 16:05:51 +08:00
			`### Vue 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)`

			> Thanks: This `vue-dark.css` by [typora-vue-dark-theme](https://github.com/MamoruDS/typora-vue-dark-theme).