更新README.md

This commit is contained in:
blinkfox 2019-02-02 16:05:51 +08:00
parent 74d385b48d
commit 7f4dd94117
2 changed files with 23 additions and 7 deletions

View File

@ -12,10 +12,10 @@
## Install ## Install
1. [Download](https://codeload.github.com/blinkfox/typora-vue-theme/zip/master) this theme from Github, then you can get the `vue.css` file and the `vue` folder. 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. 2. Open typora. Click "**Open Theme Folder**" button from `Preference Panel``Apperance` section.
3. Put `vue.css` and `vue` folder into the opened folder, make sure your css files are directly under that directory. 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` from the menu bar. 4. Close and reopen Typora and select `Theme``Vue` or `Vue Dark` from the menu bar.
## Screenshots ## Screenshots
@ -24,3 +24,11 @@
![Screenshot 2](http://static.blinkfox.com/typora_vue_theme_screen_02.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) ![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).

View File

@ -12,10 +12,10 @@
## 安装主题 ## 安装主题
1. 下载本主题中的`vue.css`文件和包含字体的`vue`文件夹; 1. 下载本主题中的`vue.css`、`vue-dark.css`文件和包含字体的`vue`文件夹;
2. 打开 Typora点击“**偏好设置**” => “**打开主题文件夹**”按钮,将弹出 Typora 的主题文件夹; 2. 打开 Typora点击“**偏好设置**” => “**打开主题文件夹**”按钮,将弹出 Typora 的主题文件夹;
3. 将下载好的`vue.css`文件和包含字体的`vue`文件夹放到 Typora 的主题文件夹中; 3. 将下载好的`vue.css`和`vue-dark.css`文件和包含字体的`vue`文件夹放到 Typora 的主题文件夹中;
4. 关闭并重新打开 Typora从菜单栏中选择 “**主题**” => “**Vue**” 即可。 4. 关闭并重新打开 Typora从菜单栏中选择 “**主题**” => “**Vue**” 或者 “**Vue Dark**” 即可。
## 效果图 ## 效果图
@ -24,3 +24,11 @@
![vue主题效果图2](http://static.blinkfox.com/typora_vue_theme_screen_02.png) ![vue主题效果图2](http://static.blinkfox.com/typora_vue_theme_screen_02.png)
![vue主题效果图3](http://static.blinkfox.com/typora_vue_theme_screen_03.png) ![vue主题效果图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)
> **感谢**: 本主题中的`vue-dark.css`来自[typora-vue-dark-theme](https://github.com/MamoruDS/typora-vue-dark-theme).