├── README.md ├── media ├── custome-resume-theme.jpg ├── custome-resume-theme.png ├── mdince.png ├── overview.png ├── resumd.t9t.io.png ├── resume-template-setting-1.png ├── resume-template-setting-2.png ├── resume-template-setting-3.png ├── resume-template-setting-4.png ├── resume-template-setting-5.png └── resume-template.jpeg ├── resume-template-mdnice.pdf ├── resume-template-resumd.t9t.io.pdf ├── resume-template.html ├── resume-template.md ├── resume-template.pdf └── resume.css /README.md: -------------------------------------------------------------------------------- 1 | 这是一个 Markdown 版本的简历模板，可以拿来参考或者直接使用。 2 | 3 | **效果如下**： 4 | 5 | 6 | 7 | ## 如何使用？ 8 | 9 | 由于现在 Typora 需要收费，因此很多人现在已经不用 Typora了。这里个人建议选择其他在线 Markdown 简历排版工具，然后结合我提供的简历模板去导出一份适合自己的简历。 10 | 11 | 例如，**https://resumd.t9t.io/** 这个在线排版工具。 12 | 13 | 直接将 [Markdown 格式的简历内容](./resume-template.md)复制过去，选择 “Github 主题”，然后下载 PDF 格式即可。 14 | 15 | ![](./media/resumd.t9t.io.png) 16 | 17 | **https://mdnice.com/** 这种 Markdown 排版工具也可以，但需要自己调整一下正文字体大小。 18 | 19 | ![](./media/mdince.png) 20 | 21 | 如果你有 Typora 的话，也可以按照下面的方式到处简历。 22 | 23 | **1、下载 [Typora](https://typora.io/)** 24 | 25 | **2、将文件夹下的 `resume.css`移动到 Typora 自带的主题文件夹** 26 | 27 | ![](./media/resume-template-setting-1.png) 28 | 29 | ![](./media/resume-template-setting-2.png) 30 | 31 | ![](./media/resume-template-setting-3.png) 32 | 33 | **3、 打开 `resume-template.md`，然后选择我们的自定义主题即可** 34 | 35 | 自定义主题添加完之后，重启 Typora 你就可以看到我们自定义的主题了。 36 | 37 | ![](./media/custome-resume-theme.png) 38 | 39 | **4、导出 HTML** 40 | 41 | ![](./media/resume-template-setting-4.png) 42 | 43 | 建议导出 HTML，直接导出 PDF 会出现一些小问题。 44 | 45 | **5、本地打开 HTML，然后使用 Ctrl+P(Win)/Command+P（Mac） 将 HTML 另存为 PDF。** 46 | 47 | 不要勾选页眉页脚。 48 | 49 | ![](media/resume-template-setting-5.png) 50 | 51 | 52 | 53 | -------------------------------------------------------------------------------- /media/custome-resume-theme.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingDocs/typora-markdown-resume/5e59b6f79308f3a56b42a829af89cb0579f7c23f/media/custome-resume-theme.jpg -------------------------------------------------------------------------------- /media/custome-resume-theme.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingDocs/typora-markdown-resume/5e59b6f79308f3a56b42a829af89cb0579f7c23f/media/custome-resume-theme.png -------------------------------------------------------------------------------- /media/mdince.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingDocs/typora-markdown-resume/5e59b6f79308f3a56b42a829af89cb0579f7c23f/media/mdince.png -------------------------------------------------------------------------------- /media/overview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingDocs/typora-markdown-resume/5e59b6f79308f3a56b42a829af89cb0579f7c23f/media/overview.png -------------------------------------------------------------------------------- /media/resumd.t9t.io.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingDocs/typora-markdown-resume/5e59b6f79308f3a56b42a829af89cb0579f7c23f/media/resumd.t9t.io.png -------------------------------------------------------------------------------- /media/resume-template-setting-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingDocs/typora-markdown-resume/5e59b6f79308f3a56b42a829af89cb0579f7c23f/media/resume-template-setting-1.png -------------------------------------------------------------------------------- /media/resume-template-setting-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingDocs/typora-markdown-resume/5e59b6f79308f3a56b42a829af89cb0579f7c23f/media/resume-template-setting-2.png -------------------------------------------------------------------------------- /media/resume-template-setting-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingDocs/typora-markdown-resume/5e59b6f79308f3a56b42a829af89cb0579f7c23f/media/resume-template-setting-3.png -------------------------------------------------------------------------------- /media/resume-template-setting-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingDocs/typora-markdown-resume/5e59b6f79308f3a56b42a829af89cb0579f7c23f/media/resume-template-setting-4.png -------------------------------------------------------------------------------- /media/resume-template-setting-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingDocs/typora-markdown-resume/5e59b6f79308f3a56b42a829af89cb0579f7c23f/media/resume-template-setting-5.png -------------------------------------------------------------------------------- /media/resume-template.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingDocs/typora-markdown-resume/5e59b6f79308f3a56b42a829af89cb0579f7c23f/media/resume-template.jpeg -------------------------------------------------------------------------------- /resume-template-mdnice.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingDocs/typora-markdown-resume/5e59b6f79308f3a56b42a829af89cb0579f7c23f/resume-template-mdnice.pdf -------------------------------------------------------------------------------- /resume-template-resumd.t9t.io.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingDocs/typora-markdown-resume/5e59b6f79308f3a56b42a829af89cb0579f7c23f/resume-template-resumd.t9t.io.pdf -------------------------------------------------------------------------------- /resume-template.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | resume-template 896 | 897 |
898 |

个人信息

教育经历

学校学历，专业时间GPA
北京理工大学硕士，软件工程2019.09 - 2022.013.7/4.0 (TOP 5%）
湖南大学学士，应用化学2015.09 ~ 2019.063.8/4.0

技能清单

下面是一些比较基本的 Java 后端开发技能（根据你自身的情况调整，切勿完全照搬）：

还有一些工作招聘有一些特殊的要求比如：

工作经历/实习经历

899 |
快手（2018 年 6 月 ~ 2020 年 9 月 ）
900 |
Java 后端开发工程师
901 |

  1. 负责快手APP的评论、弹幕，搜索业务的功能迭代与稳定性建设。

  2. 负责解决部门技术债，包括统一编码规范、提高测试覆盖率、重构支付业务等工作。

  3. 主讲了10场技术Session，公司内部平台输出了23篇技术博文。

 

项目经历

902 |
项目名称（2017 年 6 月 ~ 2017 年 9 月 ）
903 |
Java 后端开发工程师
904 |

 

905 |
快鸭云盘（2017 年 6 月 ~ 2017 年 9 月 ）
906 |
Java 后端开发工程师
907 |

项目描述 : 一款面向个人和团队的在线云存储系统，稳定可靠的储存任何文件，支持文件分享，精细权限设置，性能优秀。

技术栈 ：Spring Boot + Mybatis-plus + Spring Security + MySQL + Redis + Elasticsearch + MinIO

工作内容/个人职责 :

  1. 基于 SpringSecurity + JWT 实现了登录认证，实现了同端互斥登录和强制下线功能。

  2. 权限模型使用业界主流的 RBAC，引入了 VIP 用户机制，VIP 用户上传下载速度不受限制。

  3. 开发文件上传模块，基于 MinIO 实现了文件的分片上传、断点续传以及极速秒传功能。

  4. 基于 CompletableFuture+ 线程池实现大文件的多线程下载，可自定义线程数。相同带宽下测试，多线程下载速度可达单线程下载的 5 倍。

  5. ......

参考资料：网盘项目通用的介绍模板、优化思路以及面试知识点考察分析

荣誉奖项（可选）

如果你有含金量比较高的竞赛（比如ACM、阿里的天池大赛）的获奖经历的话，荣誉奖项这块内容一定要写一下！并且，你还可以将荣誉奖项这块内容适当往前放，放在一个更加显眼的位置。

开源项目（可选）

如果有觉得比较有价值的个人或者自己参与过开源项目的话，可以放在这里。

校园经历（可选）

如果有比较亮眼的校园经历的话就简单写一下，没有就不写！

个人评价

我是 XXX

 

感谢您花时间阅读我的简历，期待能与您共事！

908 | 909 | -------------------------------------------------------------------------------- /resume-template.md: -------------------------------------------------------------------------------- 1 | ## 个人信息 2 | 3 | - 张秀儿/男/1996/湖北/英语6级 | 手机：11164201049 , 邮箱：guidege666@163.com 4 | - 博客：（没有东西的话就不要放上来），Github： （没有东西的话就不要放上来） 5 | - 求职意向：Java后端开发 | 期望城市：上海/苏州/杭州 6 | 7 | ## 教育经历 8 | 9 | | 学校 | 学历，专业 | 时间 | GPA | 10 | | ------------ | -------------- | ----------------- | ----------------- | 11 | | 北京理工大学 | 硕士，软件工程 | 2019.09 - 2022.01 | 3.7/4.0 (TOP 5%） | 12 | | 湖南大学 | 学士，应用化学 | 2015.09 ~ 2019.06 | 3.8/4.0 | 13 | 14 | ## 技能清单 15 | 16 | 下面是一些比较基本的 Java 后端开发技能（根据你自身的情况调整，切勿完全照搬）： 17 | 18 | - **计算机基础** ：熟练掌握计算机网络、数据结构和算法、操作系统 19 | - **Java**：熟悉 Java 语言，具备 JVM 调优和问题排查经验 20 | - **开发工具** ：熟练使用 Maven/Gradle、Git、IDEA 、Docker 等开发工具，有 Linux 开发和部署经验 21 | - **数据库**：熟练掌握 MySQL、Redis、Elasticsearch使用及常见优化手段 22 | - **框架** ：熟练掌握 Spring、Spring MVC、SpringBoot、MyBatis 等开发框架， 23 | - **分布式** ：熟练掌握分布式相关理论（如 CAP、Raft）以及解决方案（如分布式ID、分布式事务），熟练使用Spring Cloud Alibaba 全家桶（如 Dubbo、Nacos、Sentinel） 24 | - **前端**：熟练掌握 HTML、CSS、Javascript、React、Vue 等前端技术，前后端分离架构开发经验丰富 25 | 26 | 还有一些工作招聘有一些特殊的要求比如： 27 | 28 | - **Devops** : 熟练掌握 Jenkins，搭建过持续集成环境。 29 | - **云原生** ：熟练掌握 Kubernetes 以及周边生态/ServiceMesh 30 | 31 | ## 工作经历/实习经历 32 | 33 |
34 |
快手（2018 年 6 月 ~ 2020 年 9 月 ）
35 |
Java 后端开发工程师
36 |
37 | 1. 负责快手APP的评论、弹幕，搜索业务的功能迭代与稳定性建设。 38 | 2. 负责解决部门技术债，包括统一编码规范、提高测试覆盖率、重构支付业务等工作。 39 | 3. 主讲了10场技术Session，公司内部平台输出了23篇技术博文。 40 | 41 | 42 | 43 | ## 项目经历 44 | 45 |
46 |
项目名称（2017 年 6 月 ~ 2017 年 9 月 ）
47 |
Java 后端开发工程师
48 |
49 | **项目描述**：简单描述项目是做什么的，尽量压缩在三行之内。 50 | 51 | **技术栈** ：用了什么技术（如 Spring Boot + MySQL + Redis + Mybatis-plus + Spring Security + Oauth2） 52 | 53 | **工作内容/个人职责**：分条描述，看着会清晰一些。一定要尽量结合具体的业务场景去写，不要只是单纯介绍技术是干什么的。介绍要具体（技术+场景+效果），避免模糊描述，也要注意精简语言（避免堆砌技术词，省略不必要的描述），一条工作描述尽量不要超过两行，对于大的功能模块可适当分多个子条。另外，还应该要避免过于书面化的介绍。 54 | 55 | 56 | 57 |
58 |
快鸭云盘（2017 年 6 月 ~ 2017 年 9 月 ）
59 |
Java 后端开发工程师
60 |
61 | 62 | **项目描述** : 一款面向个人和团队的在线云存储系统，稳定可靠的储存任何文件，支持文件分享，精细权限设置，性能优秀。 63 | 64 | **技术栈** ：Spring Boot + Mybatis-plus + Spring Security + MySQL + Redis + Elasticsearch + MinIO 65 | 66 | **工作内容/个人职责** : 67 | 68 | 1. 基于 SpringSecurity + JWT 实现了登录认证，实现了同端互斥登录和强制下线功能。 69 | 2. 权限模型使用业界主流的 RBAC，引入了 VIP 用户机制，VIP 用户上传下载速度不受限制。 70 | 3. 开发文件上传模块，基于 MinIO 实现了文件的分片上传、断点续传以及极速秒传功能。 71 | 4. 基于 `CompletableFuture`+ 线程池实现大文件的多线程下载，可自定义线程数。相同带宽下测试，多线程下载速度可达单线程下载的 5 倍。 72 | 5. ...... 73 | 74 | 参考资料：[网盘项目通用的介绍模板、优化思路以及面试知识点考察分析](https://mp.weixin.qq.com/s/OIDl6ABLnBRvSSHngRvh5A) 75 | 76 | ## 荣誉奖项（可选） 77 | 78 | 如果你有含金量比较高的竞赛（比如ACM、阿里的天池大赛）的获奖经历的话，荣誉奖项这块内容一定要写一下！并且，你还可以将荣誉奖项这块内容适当往前放，放在一个更加显眼的位置。 79 | 80 | ## 开源项目（可选） 81 | 82 | 如果有觉得比较有价值的个人或者自己参与过开源项目的话，可以放在这里。 83 | 84 | ## 校园经历（可选） 85 | 86 | 如果有比较亮眼的校园经历的话就简单写一下，没有就不写！ 87 | 88 | ## 个人评价 89 | 90 | 我是 XXX 91 | 92 | 93 | 94 |

感谢您花时间阅读我的简历，期待能与您共事！

95 | 96 |
-------------------------------------------------------------------------------- /resume-template.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingDocs/typora-markdown-resume/5e59b6f79308f3a56b42a829af89cb0579f7c23f/resume-template.pdf -------------------------------------------------------------------------------- /resume.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --side-bar-bg-color: #fafafa; 3 | --control-text-color: #777; 4 | --monospace: "Jetbrains Mono", "思源黑体 CN"; 5 | } 6 | 7 | .title-text { 8 | font-size: 14px; 9 | } 10 | 11 | body, .title-text { 12 | background-color: white; 13 | font-family: "Inter", "思源黑体 CN"; 14 | color: rgb(12, 12, 12); 15 | line-height: 1.6; 16 | letter-spacing: 2px; 17 | line-height: 1.75em; 18 | } 19 | 20 | #write { 21 | max-width: 960px; 22 | margin: 0 auto; 23 | padding: 50px; 24 | padding-bottom: 30px; 25 | } 26 | 27 | #write>ul:first-child, #write>ol:first-child { 28 | margin-top: 30px; 29 | } 30 | 31 | a.md-inner-link { 32 | color: #3b78e7; 33 | } 34 | 35 | h1 { 36 | font-family: "Inter", "思源黑体 CN"; 37 | padding-bottom: .1em; 38 | font-size: 22px; 39 | line-height: 20px; 40 | text-align: center; 41 | } 42 | 43 | h2{ 44 | min-height: 32px; 45 | line-height: 20px; 46 | color: rgb(12, 12, 12); 47 | display: inline-block; 48 | border-bottom-width: 1px; 49 | border-bottom-style: solid; 50 | border-color: rgb(12, 12, 12); 51 | padding-top: 3px; 52 | padding-right: 0.5em; 53 | padding-left: 0.5em; 54 | margin-bottom: -3px; 55 | font-size: 18px; 56 | margin:1em auto; 57 | padding: 0.5em 0; 58 | text-align: center; 59 | width: 85%; 60 | display: flex; 61 | flex-direction: column; 62 | justify-content: center; 63 | } 64 | 65 | h3{ 66 | margin: 1.2em 0 1em; 67 | font-size: 18px; 68 | padding: 0; 69 | color:rgb(12, 12, 12); 70 | padding-left: 10px; 71 | border-left: 2px solid rgb(12, 12, 12); 72 | } 73 | 74 | h4{ 75 | font-size: 16px; 76 | } 77 | 78 | h1, h2, h3, h4, h5, h6 { 79 | position: relative; 80 | margin-top: 1rem; 81 | margin-bottom: 1rem; 82 | font-weight: bold; 83 | line-height: 1.4; 84 | cursor: text; 85 | font-feature-settings: "tnum"; 86 | } 87 | 88 | 89 | 90 | .md-toc { 91 | font-weight: 500; 92 | line-height: 1.2; 93 | margin-top: 1rem; 94 | margin-bottom: 1rem; 95 | cursor: pointer; 96 | font-feature-settings: "tnum"; 97 | } 98 | 99 | h1:hover a.anchor, h2:hover a.anchor, h3:hover a.anchor, h4:hover a.anchor, h5:hover a.anchor, h6:hover a.anchor { 100 | text-decoration: none; 101 | } 102 | 103 | h1 tt, h1 code { 104 | font-size: inherit; 105 | } 106 | 107 | h2 tt, h2 code { 108 | font-size: inherit; 109 | } 110 | 111 | h3 tt, h3 code { 112 | font-size: inherit; 113 | } 114 | 115 | h4 tt, h4 code { 116 | font-size: inherit; 117 | } 118 | 119 | h5 tt, h5 code { 120 | font-size: inherit; 121 | } 122 | 123 | h6 tt, h6 code { 124 | font-size: inherit; 125 | } 126 | 127 | 128 | h1 strong { 129 | font-weight: 800; 130 | } 131 | 132 | li.active { 133 | background-color: #000; 134 | color: #fff; 135 | } 136 | 137 | 138 | p, blockquote, ul, ol, dl, table { 139 | margin: 0.8em 0; 140 | } 141 | 142 | li>ol, li>ul { 143 | margin: 0 0; 144 | } 145 | 146 | hr { 147 | height: 2px; 148 | padding: 0; 149 | margin: 16px 0; 150 | background-color: #e7e7e7; 151 | border: 0 none; 152 | overflow: hidden; 153 | box-sizing: content-box; 154 | } 155 | 156 | li p.first { 157 | display: inline-block; 158 | } 159 | 160 | ul, ol { 161 | padding-left: 30px; 162 | } 163 | 164 | ul:first-child, ol:first-child { 165 | margin-top: 0; 166 | } 167 | 168 | ul:last-child, ol:last-child { 169 | margin-bottom: 0; 170 | } 171 | 172 | a>span>code { 173 | color: #3b78e7!important; 174 | text-decoration: none!important; 175 | } 176 | 177 | blockquote { 178 | border-radius: 4px; 179 | padding: 12px 16px; 180 | background-color: #f4f7f8; 181 | font-family: '思源宋体 CN', serif; 182 | color: #252d34; 183 | } 184 | 185 | blockquote code { 186 | background-color: transparent; 187 | } 188 | 189 | h2:hover:before, h1:hover:before, h3:hover:before { 190 | content: "#"; 191 | width: 0px; 192 | position: absolute; 193 | left: -24px; 194 | opacity: 0.1; 195 | } 196 | 197 | blockquote blockquote { 198 | padding-right: 0; 199 | } 200 | 201 | table { 202 | padding: 0; 203 | word-break: initial; 204 | } 205 | 206 | table tr { 207 | border-top: 1px solid #dfe2e5; 208 | margin: 0; 209 | padding: 0; 210 | } 211 | 212 | table tr:nth-child(2n), thead { 213 | background-color: #f8f8f8; 214 | } 215 | 216 | table tr th { 217 | font-weight: bold; 218 | border: 1px solid #dfe2e5; 219 | border-bottom: 0; 220 | margin: 0; 221 | padding: 6px 13px; 222 | } 223 | 224 | table tr td { 225 | border: 1px solid #dfe2e5; 226 | margin: 0; 227 | padding: 6px 13px; 228 | } 229 | 230 | table tr th:first-child, table tr td:first-child { 231 | margin-top: 0; 232 | } 233 | 234 | table tr th:last-child, table tr td:last-child { 235 | margin-bottom: 0; 236 | } 237 | 238 | .CodeMirror-lines { 239 | line-height: 1.5rem!important; 240 | padding-left: 6px; 241 | } 242 | 243 | .code-tooltip { 244 | border-radius: 4px; 245 | background-color: white; 246 | box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, .22), 0 4.8px 14.4px 0 rgba(0, 0, 0, .18)!important; 247 | } 248 | 249 | code, tt { 250 | border-radius: 4px; 251 | padding: 2px 4px 0px 4px; 252 | font-size: 0.9em; 253 | font-family: 'Jetbrains Mono', '思源黑体 CN'; 254 | } 255 | 256 | code { 257 | color: #37474f; 258 | font-weight: 600; 259 | background-color: #f4f7f8; 260 | padding-left: 4px; 261 | padding-right: 4px; 262 | padding-top: 2px; 263 | padding-bottom: 2px; 264 | } 265 | 266 | 267 | mark { 268 | border-radius: 4px; 269 | color: #141001; 270 | font-weight: inherit; 271 | background-color: #ffde67; 272 | padding-left: 4px; 273 | padding-right: 4px; 274 | padding-top: 2px; 275 | padding-bottom: 2px; 276 | margin-left: 2px; 277 | margin-right: 2px; 278 | } 279 | 280 | del { 281 | border-radius: 4px; 282 | color: #d4d4d4; 283 | font-weight: inherit; 284 | background-color: #d4d4d430; 285 | padding-left: 4px; 286 | padding-right: 4px; 287 | padding-top: 2px; 288 | padding-bottom: 2px; 289 | margin-left: 2px; 290 | margin-right: 2px; 291 | text-decoration-color: #d4d4d4; 292 | } 293 | 294 | .md-fences { 295 | margin-bottom: 15px; 296 | margin-top: 15px; 297 | padding-top: 8px; 298 | padding-bottom: 6px; 299 | line-height: 1.25rem; 300 | } 301 | 302 | .md-task-list-item>input { 303 | margin-left: -1.3em; 304 | } 305 | .md-br-content .md-raw-inline{ 306 | opacity: 0.5; 307 | } 308 | 309 | @media print { 310 | html { 311 | font-size: 13px; 312 | background-color: white; 313 | line-height: 3!important; 314 | } 315 | body { 316 | margin-top: 24px!important; 317 | margin-bottom: 24px!important; 318 | } 319 | table, pre { 320 | page-break-inside: avoid; 321 | } 322 | pre { 323 | word-wrap: break-word; 324 | } 325 | ol { 326 | border: none; 327 | } 328 | a>span>code, a>code, a code { 329 | background-color: #3b78e718!important; 330 | } 331 | a { 332 | color: #3b78e7!important; 333 | text-decoration: none!important; 334 | } 335 | .md-plain { 336 | line-height: 3!important; 337 | } 338 | .page-break { 339 | page-break-after: always; 340 | break-after: page; 341 | } 342 | .page-break:before { 343 | content: none 344 | } 345 | code { 346 | font-variant-ligatures: common-ligatures!important; 347 | } 348 | } 349 | 350 | .page-break:before { 351 | background-color: #05685b; 352 | } 353 | 354 | .page-break:before { 355 | content: "Page Break" 356 | } 357 | 358 | .md-toc-inner { 359 | margin: 2px; 360 | } 361 | 362 | .md-toc-h1 { 363 | margin-top: 16px; 364 | } 365 | 366 | .md-toc-h2 { 367 | margin-top: 8px; 368 | } 369 | 370 | .md-p a, a.md-toc-inner { 371 | color: #3b78e7!important; 372 | text-decoration: none!important; 373 | border-bottom: 2px solid #3b78e700; 374 | transition: all 0.16s; 375 | } 376 | 377 | .md-p a:hover, a.md-toc-inner:hover { 378 | color: #3b78e7!important; 379 | text-decoration: none!important; 380 | border-bottom: 2px solid #3b78e7; 381 | transition: all 0.16s; 382 | } 383 | 384 | .md-content.md-url { 385 | color: #05685b!important; 386 | text-decoration: none!important; 387 | font-family: 'Jetbrains Mono'; 388 | } 389 | 390 | a>span>code, a>code, a code { 391 | color: #3b78e7!important; 392 | text-decoration: none!important; 393 | background-color: #3b78e718!important; 394 | } 395 | 396 | .md-link { 397 | text-decoration: none!important; 398 | border-bottom: 2px solid #3b78e700; 399 | transition: all .2s; 400 | } 401 | 402 | .md-link:hover { 403 | border-bottom: 2px solid #3b78e7ff; 404 | transition: all .2s; 405 | } 406 | 407 | .md-fences { 408 | background-color: #f4f7f8; 409 | border-radius: 4px; 410 | padding: 12px; 411 | font-size: 0.9em; 412 | font-family: 'Jetbrains Mono', '思源黑体 CN'; 413 | } 414 | 415 | #write pre.md-meta-block { 416 | padding: 1rem; 417 | font-size: 85%; 418 | line-height: 1.45; 419 | background-color: #f7f7f7; 420 | border: 0; 421 | border-radius: 3px; 422 | color: #777777; 423 | margin-top: 0 !important; 424 | } 425 | 426 | .mathjax-block>.code-tooltip { 427 | bottom: .2rem; 428 | } 429 | 430 | .md-mathjax-midline { 431 | background: #fafafa; 432 | } 433 | 434 | #write>h3.md-focus:before { 435 | left: -1.5625rem; 436 | top: .375rem; 437 | } 438 | 439 | #write>h4.md-focus:before { 440 | left: -1.5625rem; 441 | top: .285714286rem; 442 | } 443 | 444 | #write>h5.md-focus:before { 445 | left: -1.5625rem; 446 | top: .285714286rem; 447 | } 448 | 449 | #write>h6.md-focus:before { 450 | left: -1.5625rem; 451 | top: .285714286rem; 452 | } 453 | 454 | .md-image>.md-meta { 455 | /*border: 1px solid #ddd;*/ 456 | border-radius: 3px; 457 | padding: 2px 0px 0px 4px; 458 | font-size: 0.9em; 459 | color: inherit; 460 | } 461 | 462 | .md-tag { 463 | color: #a7a7a7; 464 | opacity: 1; 465 | } 466 | 467 | .md-toc { 468 | margin-top: 20px; 469 | padding-bottom: 20px; 470 | } 471 | 472 | .sidebar-tabs { 473 | border-bottom: none; 474 | } 475 | 476 | #typora-quick-open { 477 | border: 1px solid #ddd; 478 | background-color: #f8f8f8; 479 | } 480 | 481 | #typora-quick-open-item { 482 | background-color: #FAFAFA; 483 | border-color: #FEFEFE #e5e5e5 #e5e5e5 #eee; 484 | border-style: solid; 485 | border-width: 1px; 486 | } 487 | 488 | /** focus mode */ 489 | 490 | .on-focus-mode blockquote { 491 | border-left-color: rgba(85, 85, 85, 0.12); 492 | } 493 | 494 | header, .context-menu, .megamenu-content, footer { 495 | font-family: "Inter", "思源黑体 CN"; 496 | } 497 | 498 | .file-node-content:hover .file-node-icon, .file-node-content:hover .file-node-open-state { 499 | visibility: visible; 500 | } 501 | 502 | .mac-seamless-mode #typora-sidebar { 503 | background-color: #fafafa; 504 | background-color: var(--side-bar-bg-color); 505 | } 506 | 507 | .md-lang { 508 | color: #b4654d; 509 | } 510 | 511 | .html-for-mac .context-menu { 512 | --item-hover-bg-color: #E6F0FE; 513 | } 514 | 515 | #md-notification .btn { 516 | border: 0; 517 | } 518 | 519 | .dropdown-menu .divider { 520 | border-color: #e5e5e5; 521 | } 522 | 523 | .ty-preferences .window-content { 524 | background-color: #fafafa; 525 | } 526 | 527 | .ty-preferences .nav-group-item.active { 528 | color: white; 529 | background: #00000010; 530 | } 531 | 532 | .CodeMirror-linenumber { 533 | color: rgba(20, 20, 20, 0.3); 534 | } 535 | 536 | .CodeMirror-gutters { 537 | border-right: none; 538 | /* border-right: 1.08px solid rgba(20, 20, 20, 0.3); */ 539 | } 540 | 541 | .context-menu { 542 | border: none!important; 543 | backdrop-filter: saturate(180%) blur(20px) brightness(1.1); 544 | background-color: #ffffffd0; 545 | box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, .22), 0 4.8px 14.4px 0 rgba(0, 0, 0, .18)!important; 546 | } 547 | 548 | .divider { 549 | background-color: #00000020!important; 550 | border: none!important; 551 | } 552 | 553 | .ty-footer, .sidebar-footer { 554 | backdrop-filter: saturate(180%) blur(20px) brightness(1.1); 555 | border: none!important; 556 | background: none; 557 | background-color: #ffffff70; 558 | box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, .22), 0 4.8px 14.4px 0 rgba(0, 0, 0, .18); 559 | } 560 | 561 | #sidebar-files-menu { 562 | border-radius: 4px; 563 | border: none!important; 564 | background-color: #ffffff; 565 | box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, .22), 0 4.8px 14.4px 0 rgba(0, 0, 0, .18); 566 | } 567 | 568 | @media (min-width: 1000px) { 569 | footer.ty-footer { 570 | background-color: #ffffff70; 571 | border: none!important; 572 | right: 0!important; 573 | backdrop-filter: saturate(180%) blur(20px) brightness(1.1); 574 | } 575 | } 576 | 577 | @media (max-width: 1000px) { 578 | footer.ty-footer { 579 | background-color: #ffffff70; 580 | border: none!important; 581 | backdrop-filter: saturate(180%) blur(20px) brightness(1.1); 582 | box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, .22), 0 4.8px 14.4px 0 rgba(0, 0, 0, .18); 583 | } 584 | } 585 | 586 | .code-tooltip.md-tooltip-hide.md-hover-tip { 587 | box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, .22), 0 4.8px 14.4px 0 rgba(0, 0, 0, .18); 588 | } 589 | 590 | .md-rawblock-control.md-rawblock-after { 591 | margin-bottom: 12px; 592 | } 593 | 594 | #typora-sidebar { 595 | background-color: #fafafa!important; 596 | border: none!important; 597 | box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, .132), 0 1.2px 3.6px 0 rgba(0, 0, 0, .108)!important; 598 | } 599 | 600 | .file-node-title { 601 | color: #0f0f0f; 602 | } 603 | 604 | #footer-word-count-info, #spell-check-panel { 605 | border: none!important; 606 | background-color: #ffffff!important; 607 | box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, .22), 0 4.8px 14.4px 0 rgba(0, 0, 0, .18)!important; 608 | } 609 | 610 | content { 611 | bottom: 4px; 612 | } 613 | 614 | @font-face { 615 | font-family: 'FontAwesome2'; 616 | src: url('fluent/fontawesome-webfont.eot?v=4.7.0'); 617 | src: url('fluent/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fluent/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fluent/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fluent/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fluent/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); 618 | font-weight: normal; 619 | font-style: normal; 620 | } 621 | 622 | .MetaInfo-Author { 623 | opacity: 0.6; 624 | margin-top: -6px 625 | } 626 | 627 | .MetaInfo-Deadline { 628 | display: none; 629 | opacity: 0 630 | } 631 | 632 | .cm-keyword, .cm-variable-3, .cm-tag { 633 | color: #3b78e7!important 634 | } 635 | 636 | .cm-def, .cm-attribute { 637 | color: #9c27b0!important 638 | } 639 | 640 | .cm-comment { 641 | color: #d81b60!important; 642 | font-style: oblique!important; 643 | font-variant-ligatures: common-ligatures!important; 644 | font-variation-settings: 'slnt' -9; 645 | } 646 | 647 | .cm-string { 648 | color: #0d904f!important; 649 | font-style: italic!important; 650 | font-variant-ligatures: common-ligatures!important; 651 | } 652 | 653 | .cm-tag:not(.cm-bracket) { 654 | font-weight: 700; 655 | } 656 | 657 | .cm-operator { 658 | color: #d81b60!important; 659 | } 660 | 661 | .cm-number { 662 | color: #d81b60!important; 663 | } 664 | 665 | .cm-meta { 666 | color: #9c27b0!important; 667 | font-weight: 700!important; 668 | } 669 | 670 | .cm-builtin { 671 | font-style: italic!important; 672 | } 673 | 674 | .file-tree-node.active>.file-node-background { 675 | background-color: var(--active-file-bg-color); 676 | border-left: 4px solid #3b78e7!important; 677 | border-color: #3b78e7!important; 678 | background-color: #3b78e718!important; 679 | } --------------------------------------------------------------------------------