https://github.com/blinkfox/typora-vue-theme

This is a typora theme inspired by Vue document style. 一个类似于 Vue 文档风格的 Typora Markdown 编辑器主题。
https://github.com/blinkfox/typora-vue-theme

typora-theme typora-themes vue vue-doc-style

Last synced: about 1 month ago
JSON representation

This is a typora theme inspired by Vue document style. 一个类似于 Vue 文档风格的 Typora Markdown 编辑器主题。

• Host: GitHub
• URL: https://github.com/blinkfox/typora-vue-theme
• Owner: blinkfox
• License: apache-2.0
• Created: 2018-05-30T09:11:39.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-06-01T14:29:37.000Z (over 1 year ago)
• Last Synced: 2024-07-04T16:17:29.884Z (5 months ago)
• Topics: typora-theme, typora-themes, vue, vue-doc-style
• Language: CSS
• Homepage: https://theme.typora.io/theme/Vue/
• Size: 332 KB
• Stars: 922
• Watchers: 16
• Forks: 181
• Open Issues: 17
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome - blinkfox/typora-vue-theme - This is a typora theme inspired by Vue document style. 一个类似于 Vue 文档风格的 Typora Markdown 编辑器主题。 (CSS)

README

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