![1c41956d3654599dd103dfa11c7c0f6b.png](https://img-blog.csdnimg.cn/img_convert/1c41956d3654599dd103dfa11c7c0f6b.png)
deadline拯救者:定制Typora主题,论文一键排版
前言
自从用了Typora和Markdown,写各种实验报告、随笔、博客都方便快速了许多。然而当我想要(wang xiang)直接用Typora导出各种课程论文时,却发现效果不尽如人意。主要有这么几点:
- 已有的各种英文主题对中文支持不佳,默认字体单调,不够美观;
- 标题缺少自动编号,文章结构不清晰;
- 看到的页宽和导出为pdf的页宽不一致;
- ……
用来发表/投稿的论文自然是要使用
要说明的是,这个主题主要是方便最后导出为PDF的排版。我并不是在这个主题下生产学术垃圾写作——毕竟这个主题对于一个Markdown编辑器仍然有些粗糙。下面是效果图:
效果图
![3bde5732655e3a8fa4076697879feafa.png](https://img-blog.csdnimg.cn/img_convert/3bde5732655e3a8fa4076697879feafa.png)
特点
- 各级标题选取合适字体,更加美观
- 标题自动编号,又有了不必打开Word的理由
- 图表下方自动编号,专业严谨
- 表格采用三线表,简洁清晰
- A4页面设定,编辑器内所见即所得
- 提供.md格式的封面模板,写作->排版->导出PDF全过程一处进行
下载
后面的内容主要是讲:
我,一个css入门选手,如何摸爬滚打拼凑出了这个仍然很简陋的主题。
如果你对这个过程不感兴趣的话,可以直接下载安装试用。
- Github项目地址
- 下载页面
如何在Typora使用自定义主题
在Typora上方工具栏点击“帮助”选项卡-Custom Themes。
或者点击此处查看帮助文档页面。
不想看英文/太长不看:
- 打开Typora偏好设置。(Ctrl +,)
- 外观-主题-打开主题文件夹
- 对于不同的需求,有不同的操作:
- 自己编写/改编主题:新建一个css文件/复制现有的css并重命名,自行修改内容
- 安装主题:粘贴一个已有的主题css文件到此处
4. 重启Typora,选取你的主题
从这里开始,我会一步一步介绍我写这样一个主题的过程。主要会包括这样几部分内容:
- 各级标题/图表 自动编号
- 表格的三线表格式
- 封面的模板和页面布局
各级标题字体
这里对各级标题的大小、选取哪个字体并没有作深入的研究。我只是从某个课程老师给出的还算好看的推荐格式里截取了关于标题的部分。(只给到四级标题,我认为再往下分没有太大意义,可以直接分段/加粗来表达论点)如果你有更喜欢的格式,可以自己修改。
这里我们遇到了第一个小问题,汉字的字号并不能直接应用于font-size
属性。我的做法是通过查表,得到对应的磅数,即pt单位的大小。对于具体的换算关系,感兴趣的可以深入研究。
格式对照表
![ee8c58d03f14aaf8fc1bca145333ebef.png](https://img-blog.csdnimg.cn/img_convert/ee8c58d03f14aaf8fc1bca145333ebef.png)
给出这部分的css:
设定标题字体css
#write {
font-family:宋体;
font-size:10.5pt;
}
h1,h2,h3,h4,h5,h6 {
font-weight:bold;
}
/* 标题属性 */
h1 {
text-align:center;
font-size:16pt;
}
h2 {
font-family:仿宋;
text-align:center;
font-size:14pt;
}
h3 {
font-family:黑体;
font-size:10.5pt;
}
h4 {
text-align:center;
font-family:楷体;
font-size:10.5pt;
}
标题自动编号
给标题加上编号可以使整个文章更清晰,但是手动添加的话十分繁琐。但是Markdown本身并没有自动编号的语法。我们通过css的counter来实现。首先可以参考Typora关于自动编号的官方文档。这个文档里给出了示例的css代码,但是仅仅限于显示阿拉伯数字。要显示诸如“一、(二)”这样中文的编号,可以给counter传入一个参数:
counter(xxx,cjk-ideographic)
其实后面的参数可以取大部分list-style-type,更多的样式