Typroa自定义主题

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

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

步骤

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

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

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

      Typroa自定义主题_第1张图片

  2. 下载好之后得到如下文件,我们只需vue.cssvue-dark.css文件和包含字体的vue文件夹这3个。
    Typroa自定义主题_第2张图片

  3. 打开 Typora,点击“文件” => “偏好设置” => “打开主题文件夹”按钮,将打开 Typora 的主题文件夹;
    Typroa自定义主题_第3张图片

  4. 将下载好的vue.cssvue-dark.css文件和包含字体的vue文件夹放到 Typora 的主题文件夹中;
    Typroa自定义主题_第4张图片

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

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

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

  • 原图(无边框)
    Typroa自定义主题_第5张图片
  • 加了自定义样式后(这里我们加一个自定义的样式来演示)
    Typroa自定义主题_第6张图片

操作很简单,还是在刚才的主题文件夹中,新建一个base.user.css的文件,添加下列css代码即可。
在这里插入图片描述

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

你可能感兴趣的:(闲聊)