Typroa自定义主题

在下载完Typroa后，默认的主题有如下几种：Github、Newsprint、Night、Pixyll和Whitey这五种。

我们可以自己添加更多主题，操作如下：

步骤

1. 首先我们去Typora官网下载一款想要添加的主题

   • 网址：http://theme.typora.io/

   • 这里我们以Vue这款的风格为例
     如果下载不下来，可以用我这个：点我下载

     

2. 下载好之后得到如下文件，我们只需vue.css、vue-dark.css文件和包含字体的vue文件夹这3个。
   

3. 打开 Typora，点击“文件” => “偏好设置” => “打开主题文件夹”按钮，将打开 Typora 的主题文件夹；
   

4. 将下载好的vue.css和vue-dark.css文件和包含字体的vue文件夹放到 Typora 的主题文件夹中；
   

5. 关闭并重新打开 Typora，从菜单栏中选择 “主题” => “Vue” 或者 “Vue Dark” 即可。

除此之外，我们还可以自定义一些样式。

比如给图片添加一个边框，我们先看下对比图，然后再来讲操作方法。

• 原图（无边框）
  
• 加了自定义样式后（这里我们加一个自定义的样式来演示）
  

操作很简单，还是在刚才的主题文件夹中，新建一个base.user.css的文件，添加下列css代码即可。

/* img 添加边框 */
img {
    background: white;
    border-radius: .2rem;
    padding: 0.3rem;
    box-shadow: 1px 2px 4px gray;
    text-align: center;
}