首页 > 编程知识 正文

重磅来袭Typora主题 自定义主题完美整合

时间:2023-05-05 10:26:07 阅读:276722 作者:1599

一、邂逅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官方主题+自定义主题完美整合

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。