Typora的自定义主题

news2024/11/28 8:32:25

Typora的自定义主题

  • 修改我们的Typora主题
    • 1. 在文件夹`C:\Users\Peter\AppData\Roaming\Typora\themes`中，加入下面的css文件即可，命名为my.css。
      • my.css内容
    • 2. 选择你的主题为my
    • 3. 效果如图
  • 注意：如果你的字体没有完全像我一样，是因为你的电脑上没有苹果字体`PingFang SC`，不过你文件里数字和英文一定会变化的，因为大家都有`Times New Roman`字体，至于中文字体的解决办法是你可以将my.css文件中的PingFang SC替换成微软雅黑。如果你希望文件的字体是苹方，想要苹果字体，可以私信我发给你。

修改我们的Typora主题

这个主题是苹果味的，主要用到的字体为PingFang SC，Times New Roman。

1. 在文件夹C:\Users\Peter\AppData\Roaming\Typora\themes中，加入下面的css文件即可，命名为my.css。

注意：Typora的默认路径是AppData\Roaming\Typora\themes下，\Users\Peter\部分会因为你用户名不同而不同。

在这里插入图片描述

my.css内容

:root {
    --side-bar-bg-color: #fafafa;
    --control-text-color: #777;
}

html {
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
	font-family: 'Times New Roman','PingFang SC';
}

body {
    font-family: 'Times New Roman','PingFang SC';
    color: rgb(51, 51, 51);
    line-height: 1.6;
}

#write {
    max-width: 860px;
  	margin: 0 auto;
  	padding: 30px;
    padding-bottom: 100px;
	font-family: 'Times New Roman','PingFang SC';
}

@media only screen and (min-width: 1400px) {
	#write {
		max-width: 1024px;
		font-family: 'Times New Roman','PingFang SC';
	}
}

@media only screen and (min-width: 1800px) {
	#write {
		max-width: 1200px;
		font-family: 'Times New Roman','PingFang SC';
	}
}

#write > ul:first-child,
#write > ol:first-child{
    margin-top: 30px;
	font-family: 'Times New Roman','PingFang SC';
}

a {
    color: #4183C4;
	font-family: 'PingFang SC';
}
h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-weight: bold;
    line-height: 1.4;
    cursor: text;
	font-family: 'Times New Roman','PingFang SC';
}
h1:hover a.anchor,
h2:hover a.anchor,
h3:hover a.anchor,
h4:hover a.anchor,
h5:hover a.anchor,
h6:hover a.anchor {
    text-decoration: none;
	font-family: 'Times New Roman','PingFang SC';
}
h1 tt,
h1 code {
    font-size: inherit;
	font-family: 'PingFang SC';
}
h2 tt,
h2 code {
    font-size: inherit;
	font-family: 'PingFang SC';
}
h3 tt,
h3 code {
    font-size: inherit;
	font-family: 'PingFang SC';
}
h4 tt,
h4 code {
    font-size: inherit;
	font-family: 'PingFang SC';
}
h5 tt,
h5 code {
    font-size: inherit;
	font-family: 'PingFang SC';
}
h6 tt,
h6 code {
    font-size: inherit;
	font-family: 'PingFang SC';
}
h1 {
    font-size: 2.25em;
    line-height: 1.2;
    border-bottom: 1px solid #eee;
	font-family: 'PingFang SC';
}
h2 {
    font-size: 1.75em;
    line-height: 1.225;
    border-bottom: 1px solid #eee;
	font-family: 'PingFang SC';
}

/*@media print {
    .typora-export h1,
    .typora-export h2 {
        border-bottom: none;
        padding-bottom: initial;
    }

    .typora-export h1::after,
    .typora-export h2::after {
        content: "";
        display: block;
        height: 100px;
        margin-top: -96px;
        border-top: 1px solid #eee;
    }
}*/

h3 {
    font-size: 1.5em;
    line-height: 1.43;
	font-family: 'PingFang SC';
}
h4 {
    font-size: 1.25em;
	font-family: 'PingFang SC';
}
h5 {
    font-size: 1em;
	font-family: 'PingFang SC';
}
h6 {
   font-size: 1em;
    color: #777;
	font-family: 'PingFang SC';
}
p,
blockquote,
ul,
ol,
dl,
table{
    margin: 0.8em 0;
	font-family: 'Times New Roman','PingFang SC';
}
li>ol,
li>ul {
    margin: 0 0;
	font-family: 'Times New Roman','PingFang SC';
}
hr {
    height: 2px;
    padding: 0;
    margin: 16px 0;
    background-color: #e7e7e7;
    border: 0 none;
    overflow: hidden;
    box-sizing: content-box;
	font-family: 'Times New Roman','PingFang SC';
}

li p.first {
    display: inline-block;
	font-family: 'Times New Roman','PingFang SC';
}
ul,
ol {
    padding-left: 30px;
	font-family: 'Times New Roman','PingFang SC';
}
ul:first-child,
ol:first-child {
    margin-top: 0;
	font-family: 'Times New Roman','PingFang SC';
}
ul:last-child,
ol:last-child {
    margin-bottom: 0;
	font-family: 'Times New Roman','PingFang SC';
}
blockquote {
    border-left: 4px solid #dfe2e5;
    padding: 0 15px;
    color: #777777;
	font-family: 'Times New Roman','PingFang SC';
}
blockquote blockquote {
    padding-right: 0;
	font-family: 'Times New Roman','PingFang SC';
}
table {
    padding: 0;
	font-family: 'Times New Roman','PingFang SC';
    word-break: initial;
}
table tr {
    border: 1px solid #dfe2e5;
	font-family: 'Times New Roman','PingFang SC';
    margin: 0;
    padding: 0;
}
table tr:nth-child(2n),
thead {
    background-color: #f8f8f8;
	font-family: 'Times New Roman','PingFang SC';
}
table th {
    font-weight: bold;
    border: 1px solid #dfe2e5;
    border-bottom: 0;
    margin: 0;
    padding: 6px 13px;
	font-family: 'Times New Roman','PingFang SC';
}
table td {
    border: 1px solid #dfe2e5;
    margin: 0;
    padding: 6px 13px;
	font-family: 'Times New Roman','PingFang SC';
}
table th:first-child,
table td:first-child {
    margin-top: 0;
	font-family: 'Times New Roman','PingFang SC';
}
table th:last-child,
table td:last-child {
    margin-bottom: 0;
	font-family: 'Times New Roman','PingFang SC';
}

.CodeMirror-lines {
    padding-left: 4px;
	font-family: 'Times New Roman','PingFang SC';
}

.code-tooltip {
    box-shadow: 0 1px 1px 0 rgba(0,28,36,.3);
    border-top: 1px solid #eef2f2;
	font-family: 'Times New Roman','PingFang SC';
}

.md-fences,
code,
tt {
    border: 1px solid #e7eaed;
    background-color: #f8f8f8;
    border-radius: 3px;
    padding: 0;
    padding: 2px 4px 0px 4px;
    font-size: 0.9em;
	font-family: 'Times New Roman','PingFang SC';
}

code {
    background-color: #f3f4f4;
    padding: 0 2px 0 2px;
	font-family: 'Times New Roman','PingFang SC';
}

.md-fences {
    margin-bottom: 15px;
    margin-top: 15px;
    padding-top: 8px;
    padding-bottom: 6px;
	font-family: 'Times New Roman','PingFang SC';
}


.md-task-list-item > input {
  margin-left: -1.3em;
  font-family: 'Times New Roman','PingFang SC';
}

@media print {
    html {
        font-size: 13px;
		font-family: 'Times New Roman','PingFang SC';
    }
    table,
    pre {
        page-break-inside: avoid;
		font-family: 'Times New Roman','PingFang SC';
    }
    pre {
        word-wrap: break-word;
		font-family: 'Times New Roman','PingFang SC';
    }
}

.md-fences {
	background-color: #f8f8f8;
	font-family: 'Times New Roman','PingFang SC';
}
#write pre.md-meta-block {
	padding: 1rem;
    font-size: 85%;
    line-height: 1.45;
    background-color: #f7f7f7;
    border: 0;
    border-radius: 3px;
    color: #777777;
    margin-top: 0 !important;
	font-family: 'Times New Roman','PingFang SC';
}

.mathjax-block>.code-tooltip {
	font-family: 'Times New Roman','PingFang SC';
	bottom: .375rem;
}

.md-mathjax-midline {
	font-family: 'Times New Roman','PingFang SC';
    background: #fafafa;
}

#write>h3.md-focus:before{
	font-family: 'Times New Roman','PingFang SC';
	left: -1.5625rem;
	top: .375rem;
}
#write>h4.md-focus:before{
	font-family: 'Times New Roman','PingFang SC';
	left: -1.5625rem;
	top: .285714286rem;
}
#write>h5.md-focus:before{
	font-family: 'Times New Roman','PingFang SC';
	left: -1.5625rem;
	top: .285714286rem;
}
#write>h6.md-focus:before{
	font-family: 'Times New Roman','PingFang SC';
	left: -1.5625rem;
	top: .285714286rem;
}
.md-image>.md-meta {
	font-family: 'Times New Roman','PingFang SC';
    /*border: 1px solid #ddd;*/
    border-radius: 3px;
    padding: 2px 0px 0px 4px;
    font-size: 0.9em;
    color: inherit;
}

.md-tag {
	font-family: 'Times New Roman','PingFang SC';
    color: #a7a7a7;
    opacity: 1;
}

.md-toc { 
	font-family: 'Times New Roman','PingFang SC';
    margin-top:20px;
    padding-bottom:20px;
}

.sidebar-tabs {
	font-family: 'Times New Roman','PingFang SC';
    border-bottom: none;
}

#typora-quick-open {
	font-family: 'Times New Roman','PingFang SC';
    border: 1px solid #ddd;
    background-color: #f8f8f8;
}

#typora-quick-open-item {
	font-family: 'Times New Roman','PingFang SC';
    background-color: #FAFAFA;
    border-color: #FEFEFE #e5e5e5 #e5e5e5 #eee;
    border-style: solid;
    border-width: 1px;
}

/** focus mode */
.on-focus-mode blockquote {
	font-family: 'Times New Roman','PingFang SC';
    border-left-color: rgba(85, 85, 85, 0.12);
}

header, .context-menu, .megamenu-content, footer{
    font-family: 'Times New Roman','PingFang SC';
}

.file-node-content:hover .file-node-icon,
.file-node-content:hover .file-node-open-state{
    visibility: visible;
}

.mac-seamless-mode #typora-sidebar {
    background-color: #fafafa;
    background-color: var(--side-bar-bg-color);
}

.md-lang {
	font-family: 'Times New Roman','PingFang SC';
    color: #b4654d;
}

/*.html-for-mac {
    --item-hover-bg-color: #E6F0FE;
}*/

#md-notification .btn {
	font-family: 'Times New Roman','PingFang SC';
    border: 0;
}

.dropdown-menu .divider {
	font-family: 'Times New Roman','PingFang SC';
    border-color: #e5e5e5;
    opacity: 0.4;
}

.ty-preferences .window-content {
	font-family: 'Times New Roman','PingFang SC';
    background-color: #fafafa;
}

.ty-preferences .nav-group-item.active {
	font-family: 'Times New Roman','PingFang SC';
    color: white;
    background: #999;
}

.menu-item-container a.menu-style-btn {
	font-family: 'Times New Roman','PingFang SC';
    background-color: #f5f8fa;
    background-image: linear-gradient( 180deg , hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0)); 
}

2. 选择你的主题为my

在这里插入图片描述

3. 效果如图

在这里插入图片描述

注意：如果你的字体没有完全像我一样，是因为你的电脑上没有苹果字体PingFang SC，不过你文件里数字和英文一定会变化的，因为大家都有Times New Roman字体，至于中文字体的解决办法是你可以将my.css文件中的PingFang SC替换成微软雅黑。如果你希望文件的字体是苹方，想要苹果字体，可以私信我发给你。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/537718.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

学习RHCSA的day.03

学习RHCSA的day.03

目录 2.6 Linux系统的目录结构 2.7 目录操作命令 2.8 文件操作命令 2.6 Linux系统的目录结构 1、Linux目录结构的特点 分区加载于目录结构： 使用树形目录结构来组织和管理文件。整个系统只有一个位于根分区的一个根目录（树根）、一棵树。…
阅读更多...
chatgpt赋能Python-mac版python教程

chatgpt赋能Python-mac版python教程

了解Mac版Python教程 Python编程语言越来越受欢迎，是由其简单易学、使用广泛的特点所得。Mac用户也喜欢使用Python进行编程，因为Python在macOS中得到良好的支持。在本篇文章中，我们将介绍一些最受欢迎的Mac版Python教程，并提供一…
阅读更多...
chatgpt赋能Python-a____python

chatgpt赋能Python-a____python

理解Python的a[:]语法 Python是一门高级编程语言，它被广泛应用于数据分析、机器学习、人工智能等领域。在Python编程中，有一个很重要的语法就是a[:]。 在本文中，我们将介绍这个语法的含义、作用和用法，并帮助读者更好地理解这个语…
阅读更多...
动态规划算法：解决复杂问题的利器

动态规划算法：解决复杂问题的利器

文章目录 摘要引言动态规划的基本原理动态规划的应用场景动态规划的实际代码示例总结与展望 动态规划算法的优缺点优点：缺点： 总结： 摘要 动态规划（Dynamic Programming）是一种高效解决复杂问题的算法方法&#xff0c…
阅读更多...
如何学习网络安全？

如何学习网络安全？

近半年我一直在整理网络安全相关资料，对于网络安全该怎么入门我谈谈我的看法，网络安全一直处于法律的边缘，学的不好或者剑走偏锋一下子人就进去了，所以我建议入门前先熟读《网络安全法》，除此之外还有《互联网安全产品…
阅读更多...
AVL树（平衡二叉搜索树）

AVL树（平衡二叉搜索树）

如果BST树插入的顺序是有序的，那么BST树就会退化成一个双链表结构，查询的速率就会很慢， 所以有了AVL树的意义。 AVL树的定义： 是具有下列性质的二叉搜索树 1、它的左子树和右子树都是AVL树 2、左子树和右子树的高度之差的绝对值…
阅读更多...
Java --- redis7之redisson的使用

Java --- redis7之redisson的使用

目录 一、自研分布式锁核心 二、redlock红锁算法 Distributed locks with redis 2.1、设计理念 2.2、容错公式 2.3、单机案例实现 三、redisson源码分析 四、多机案例 4.1、启动三台docker的redis7 4.2、进入redis 一、自研分布式锁核心 1、按照JUC里面java.util.conc…
阅读更多...
linux kernel pwn

linux kernel pwn

基础知识 内核概述 内核架构 通常来说我们可以把内核架构分为两种：宏内核和微内核，现在还有一种内核是混合了宏内核与微内核的特性，称为混合内核。 宏内核（Monolithic kernel），也译为集成式内核、单体…
阅读更多...
工信部认可！ 开源网安“源码级软件开发安全解决方案”成功入选优秀方案

工信部认可！ 开源网安“源码级软件开发安全解决方案”成功入选优秀方案

日前，开源网安“源码级软件开发安全解决方案”成功入选工信部网络安全产业发展中心“2022年信息技术应用创新解决方案”，成为经工业部认可的优秀解决方案。 据悉，由工业和信息化部网络安全产业发展中心（工业和信息化部信息中心&am…
阅读更多...
【Leetcode刷题】算法：罗马数字转整数

【Leetcode刷题】算法：罗马数字转整数

文章目录 一、问题二、代码理解 一、问题 二、代码理解 class Solution:def romanToInt(self, s: str) -> int:answer0length len(s)d{I:1,V:5,X:10, L:50,C:100, D:500,M:1000}for i in range(length-1):if d[s[i1]]>d[s[i]]:answeranswer-d[s[i]]else:answeranswerd[…
阅读更多...
2023年市场规模将超147亿美元，中国人工智能产业的“风口”来了吗？

2023年市场规模将超147亿美元，中国人工智能产业的“风口”来了吗？

2023年IDC中国ICT市场趋势论坛于5月10日召开，会议重点探讨了人工智能、工业互联网、网络安全、大数据、云计算等领域，并强调了智能终端、智慧城市和半导体等行业的前景。 IDC预计，中国人工智能市场规模在2023年将超过147亿美元，到…
阅读更多...
Day2 排序子序列、倒置字符串

Day2 排序子序列、倒置字符串

✨个人主页： 北 海 🎉所属专栏： C/C相关题解 🎃操作环境： Visual Studio 2019 版本 16.11.17 文章目录 选择题1.字符串/C指针2.计算机组成原理 编程题1.排序子序列2.倒置字符串 选择题 1.字符串/C指针 题目&#xff…
阅读更多...
【网络协议详解】——数据链路层协议（学习笔记）

【网络协议详解】——数据链路层协议（学习笔记）

📖 前言：数据链路层是 OSI 模型中的第二层，位于物理层之上，是通信网络中的重要组成部分之一。数据链路层协议负责将网络层传输的数据分组封装成帧，传输到物理层，并通过物理介质进行传输。同时，数…
阅读更多...
为什么有些同事昨天还干的好好地，今天就离职了老板都留不住？

为什么有些同事昨天还干的好好地，今天就离职了老板都留不住？

HR时常会遭遇员工突发申请离职，对于一些核心岗位员工的离职，甚至没有时间去挽留。 但从心理学的角度来说，人的行为与意识是相互反应、互加映衬的。 也就是说，员工离职意识的产生与发展， 与他近期的行为息息相关。 与…
阅读更多...
零基础学软件测试怎么样？ 完好就业吗

零基础学软件测试怎么样？ 完好就业吗

在当今数字化快速发展的社会中，软件行业已经成为了一个具有巨大潜力和广阔前景的行业。而软件测试作为软件开发过程中不可或缺的一部分，也因此成为了备受瞩目的职业之一。 对于零基础的人来说，学习软件测试是一项非常实用的技能，…
阅读更多...
PyQt5开发入门到IP查询工具实现

PyQt5开发入门到IP查询工具实现

1 基本介绍 1.1 简介 ,QT 是最强大的 GUI 库之一，PyQt 是 Python 绑定 QT 应用的框架,是最强大和流行的跨平台 GUI 库之一。 PyQt 兼容所有流行的操作系统，包括 Windows、Linux 和 Mac OS。 它是双重许可的，可在 GPL 和商业许可下使用。新…
阅读更多...
stm32f407单片机上通过HAL库实现can总线数据的收发

stm32f407单片机上通过HAL库实现can总线数据的收发

最近在使用can总线，由于这个以前接触的比较少，所以调试代码的时候直接是下载的正点原子的例程，在这个基础上修改调试的。现在将调试中遇到的问题，总结一下，避免以后踩坑。目前写了一个查询方式的，一个中断方…
阅读更多...
Kubernetes第4天

Kubernetes第4天

第六章 Pod控制器详解 本章节主要介绍各种Pod控制器的详细使用。 Pod控制器介绍 Pod是kubernetes的最小管理单元，在kubernetes中，按照pod的创建方式可以将其分为两类： 自主式pod：kubernetes直接创建出来的Pod，这种p…
阅读更多...
Nginx的原理

Nginx的原理

Nginx的原理 1、mater 和 worker2、worker 如何进行工作的3、一个 master 和多个 woker 有好处4、设置多少个 woker 合适5、连接数 worker_connection 1、mater 和 worker 2、worker 如何进行工作的 3、一个 master 和多个 woker 有好处 （1）可以使用 ng…
阅读更多...
Kubernetes第5天

Kubernetes第5天

第七章 Service详解 本章节主要介绍kubernetes的流量负载组件：Service和Ingress。 Service介绍 ​ 在kubernetes中，pod是应用程序的载体，我们可以通过pod的ip来访问应用程序，但是pod的ip地址不是固定的，这也就意味着…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023