更新README.md
This commit is contained in:
parent
74d385b48d
commit
7f4dd94117
14
README.md
14
README.md
@ -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).
|
14
README_CN.md
14
README_CN.md
@ -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).
|
Loading…
Reference in New Issue
Block a user