前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >这款Typora主题惊艳到了我

这款Typora主题惊艳到了我

作者头像
徐建国
发布2021-12-22 11:50:38
1.3K0
发布2021-12-22 11:50:38
举报
文章被收录于专栏:个人路线个人路线

这是我写的一个Typora主题,也是借鉴了嘉然 主题,在这儿要感谢庆哥和作者,

使用方法

  1. 在GitHub下载此主题,嫌弃速度慢的话,可以在我公众号后台私信我。
  2. 打开Typora主题文件夹,点开下载的jg.cssjg2.css两个文件
  3. 重启Typora 将主题切换为jg

image-20211218160822404

前言

typora相信大家都用过,很多人习惯了typora默认的github主题,但我今天看到一个主题。说实话激起了我要设计自己的一款主题的欲望。就有了今天的这个主题。

以下是实际笔记效果:

字体

首先因为我感觉字体有点小,就把正文换成了17号字体。

代码语言:javascript
复制
html {
    font-size: 18px;
}

然后修改了一下字体(如果是Mac用户的话,可以把下面第二行注释掉,因为自带的苹方字体就很好看)。

代码语言:javascript
复制
body {
    font-family: "Vollkorn", Palatino, Times;
    /* font-family: 'Source Han SerifCN', Georgia, Times, 'SimSun', serif!important; */
    color: var(--mid-13);
}

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

标题

我认为标题可以说是整个样式中最重要的一部分,因为正文基本上都差不多。

一级标题一般对应一本书中的Chapter,故居中表示。一般来说一个md文档中最好只有一个一级标题,如果有内容包含多个章节的话,则应该拆成多个md文档。

二级标题对应section,因此带着一条长长的横线用来分隔。

三级标题是最常用的小标题subsection,微信中只支持到三级标题,在实际的短篇写作中一般也到此为止了。因此不宜花里胡哨,要做到又显目又低调,又精致又普通(

四五六级标题一般用不到,随便糊弄一下就好了。

文本样式

对于行内公式,为了醒目和易于查找修改,我特意调成了蓝色(导出时依然是黑色)。

行间代码块如下:

因为中文的斜体作用几乎为0,因此我把它改成了「显示红色」的效果。

引用块则是大块的淡红色。

列表与表格

把列表和表格都改成了符合主题的红色(不知道为什么,大部分笔记软件默认主题都是红色,例如Notion)。

下一个版本预告

下一个版本会出黑夜模式。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2021-12-19,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 坚果前端 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 使用方法
  • 前言
  • 字体
  • 一级标题
    • 二级标题
      • 三级标题
    • 标题
      • 文本样式
        • 列表与表格
          • 下一个版本预告
          领券
          问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档