重磅来袭！Typora官方主题+自定义主题完美整合

一、邂逅Typora

如果小伙伴们了解过markdown语法，想必大家都用过许多markdown编辑器，当然也包括Typora。作为一名程序员，像Typora这样优秀的一款程序员工具是必不可少的。下面我简单地介绍一个Typora。

Typora官方网站

Typora功能简介

• 可读可写

看到这个功能，可能有的小伙伴不淡定了，这可读可写的功能有啥好说，其他的软件也有这功能啊。下面看一下详细的介绍吧！
Typora给你一个无缝的体验作为一个读者和一个作家。它删除了预览窗口、模式切换器、markdown源代码的语法符号和所有其他不必要的干扰。相反，它提供了一个真正的实时预览功能，以帮助您专注于内容本身。

我们下面来看一下Typora官网给出的一个实时预览功能的gif。

• 简单但功能强大
  
• 使用方便性

你只需专注于内容，Typora帮助你完成剩下的工作。

好了，我下面介绍一下Typora自定义主题。

二、Typora官方主题

在自定义Typora主题之前，我们也可以使用官方网站给我们提供的一些主题。

Typora官方主题地址

目前，Typora官网为我们提供了46款主题

那么我们应该如何安装这些主题呢？

• 点击进入相应的主题，然后点击Download，例如：
  
• 按照下图打开主题文件夹
  
• 抽取对应主题下的.css文件
  
• 重启Typora，选择对应的主题即可。
  

三、Typora自定义主题

Typora自定义主题是建立在官方主题之上的。我们在Typora文档中右键选择检查元素，我们可以看到如下的界面。通过观察我们发现，这其实就是一个html页面再加上css样式。

正如古人云“授人以鱼不如授人以渔”。既然我们知道主题样式就和一个网页的页面相似，我们就可以通过修改主题对应的css文件来自定义我们自己想要的主题样式。

例如：我们可以为主题添加背景图片和背景颜色、修改侧边栏颜色、自定义表格样式、自定义代码的风格、自定义高亮颜色等等。

下面是我自定义github.css主题样式后的界面。






最后，附上我的自定义github.css文件地址，有需要的小伙伴可以自行下载哦。

github.css主题样式文件

本博客对应的b站视频地址重磅来袭！Typora官方主题+自定义主题完美整合