Typora系列之自定义主题

Custom Themes(自定义主题)

Change Themes(更换主题)

Typora has 5~6 built-in themes. Changing writing theme can be done by selecting theme under the theme menu bar. You could also download, install, modify or write your own custom theme to stylize Typora.

Typora有5-6个内置主题。可通过选择theme菜单栏下的主题来更换书写主题。你也能在Typora官网下载、安装主题,或对主题进行修改,或编写你自己的主题去装饰Typora。

Typora use CSS to stylish all contents, each theme under theme menu is one .css files under "typora's theme folder". So, briefly speaking, you could add/modify themes by adding/modifying correspond css files under "typora's theme folder".

Typora使用CSS修饰所有内容的样式,每个主题都是主题菜单栏下的一个.css文件,这些文件在Typora的'theme'文件夹下。所以,明确地说,你能通过添加/修改typora主题文件夹下的相应的css文件来添加/修改主题。

Get Typora Themes(获取Typora主题)

We have an office website Typora Theme Gallery for designers/developers to share their custom themes with others. You could download theme from there.

我们有一个官网Typora Theme Gallery 让设计者/开发者去分享他们的自定义主题。你能从这里下载主题。

Install Custom Themes(安装自定义主题)

  1. Open Theme Folder. (see instructions below)
    打开主题文件夹。(参考下方教程)
  2. Copy or move .css file and related resources, like fonts or images, into the newly opened folder.
    复制或移动.css文件和相关资源(例如字体或图片)到之前打开的文件夹(指主题文件夹)内。
  3. Restart typora, then select it from Themes menu.
    重启typora,然后从Theme菜单中选择该主题。

Open Theme Folder(打开主题文件夹)

macOS

Open preference panel by cmd+`, then click "Open Theme Folder"

通过cmd+打开偏好设置(preference)面板,然后点击打开主题文件夹

Windows/Linux

Open preference panel from FilePreference from menubar, then click "Open Theme Folder":

从菜单栏的文件偏好设置打开偏好面板,然后点击“打开主题文件夹”:

Modify Current Styles(修改当前样式)

Sometimes, you may just want to change font family for all themes, for change font-color for headings for a specific themes. In this case, you do not need to copy/modify a whole exiting css file, just Add Custom CSS is enough. In brief:

有时,你可能只想为所有主题更改字体系列,为某特定主题的标题更改字体颜色。若是这样,你无需复制/修改一整份已存在的css文件,仅需添加自定义 CSS就够了。简言之:

  • Create & write a base.user.css under theme folder, the css rules inside it will be applied to all themes.

    在主题文件夹下,创建&编写一份名为base.user.css的css文件,该文件中的css规则将被应用到所有主题中。

  • Create & write a {theme-css-name}.user.css under theme folder, the css rules inside it will only be applied to theme file {theme-css-name}.css.
    在主题文件夹下,创建&编写一份名为{theme-css-name}.user.css的css文件,该文件中的css规则将只被应用到{theme-css-name}.css主题文件中。

Please note that the built-in CSS theme files will get overwritten completely on typora version up, so, write your custom css into *.user.css, instead of the existing files, will prevent your modifications from being lost after update.

请注意:内置CSS主题文件将随着typora版本更新而被重写,因此,在*.user.css文件内编写自定义CSS,替代在已存在的文件内编写,可避免在软件更新后你的修改丢失的问题。

Write My Own Theme(编写你自己的主题)

Please refer to Write Custom Theme for Typora.

请参考 Write Custom Theme for Typora.

猜你喜欢

转载自www.cnblogs.com/YaoyiWu/p/12662641.html