zuokangbo / My-Typora-Themes

A CSS style for Typora

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

My-Typora-Themes

这是我写的一个Typora主题,基本上是由 pieursine-polar 修改而来,使用方法请参看Typora的帮助手册。

shadow-MD_CSS

首先因为我个人偏爱 TimesNew 字体,所以文中的英文字体全换成了 TimesNew 字体,然后感觉字体有点小,就把正文换成了17号字体。

其实主要修改的就是标题的样式,我写完4级标题的样式后,一直苦恼5级和6级标题的样式该怎么写,后来我想了一下,我一般用LaTeX也顶多是用到\subsubsection,也就是刚好4级,所以就基本上不需要考虑后面的情况了。可以看到我把4级标题设成了一个框,也就是希望把它作为最小的标题。

shadow-f14

这就是标题样式的CSS代码,其中--main-6pie主题 设置的主颜色,因为我是在它的基础上修改的,就干脆直接拿过来用了。

h1 {
    text-align: center;
    padding-bottom: 0.3em;
    font-size: 2.2em;
    line-height: 1.2;
    margin: 2.4em auto 1.2em;
    color: var(--main-10);
  }

h1:after {
  content: '';
  display: block;
  margin: 0.2em auto 0;
  width: 100px;
  height: 2px;
  border-bottom: 2px solid var(--main-6);
}

h2 {
    margin: 2em auto 1.4em;
    padding-left: 10px;
    line-height: 1.4;
    font-size: 2em;
    border-left: 9px solid var(--main-6);
    border-bottom: 1px solid var(--main-6);
  }

h3 {
    font-size: 1.6rem;
    line-height: 1.43;
    margin: 1.6em auto 1.2em;
    padding-left: 9px;
    border-left: 5px solid var(--main-6);
}

然后是稍微修改了一下引用和行间代码,因为中文的斜体作用几乎为0,因此我把它改成了「显示红色」的效果,然后就是代码块的显示,稍微修改了一点点,就显得很清爽。

shadow-f2

看到下面这个红红的 列表 了么?没错,就是我从 ursine-polar 偷过来的😆。

shadow-f3

而图片的阴影效果是从pie 那偷来的,我只是稍微加强了一下阴影效果。

只需要在图片的名称前带上shadow 就能开启阴影效果,例如:

![shadow-f3](https://github.com/Theigrams/My-Typora-Themes/blob/master/figure/f3.png)

然后稍微修改了一下表格的样式,既然追求又红又专,那就贯彻到底喽。

最后,里面应该还有很多可改进的地方,欢迎大家来使用或修改。


图中列表环境缩进过大、图片与表格没对齐的原因找到了,是因为我设置了首行缩进。。。

另外,如果觉得行内数学公式太小,可以在 C:\Program Files\Typora\resources\app\style\base.css 中进行修改:把 zoom:90%; 改成 zoom:100%; 即可。

About

A CSS style for Typora


Languages

Language:CSS 100.0%