不同的主题标题和图片的效果不一样,我们有些时候遇到喜欢的主题,但是这个主题中的图片或者标题又是默认居左的,而我们又想要它居中显示,所以出个教程解决一下这个问题。
标题居中
有些主题的一级标题也是居左显示,想让其居中显示,解决方法:
Typora中支持html语法,故可以使用html语句设置标题居中,直接复制以下代码到文档中:
<h1 align = "center">居中标题</h1>
实现效果如下:
居中标题
Note:
- 注意是直接复制,不是添加代码块
- 可以按照自己的需求修改该代码,此处的h1对等markdown中的一级标题(h1 - h6)
- 使用时将需要居中的标题替换标签内的文本即可
- 或者可以使用 ctrl + / 打开源代码模式,输入代码,然后 ctrl + / 退出代码模式,同样能实现标题居中效果
图片居中
有些主题的渲染方式图片不是居中显示,想要居中显示,解决方案如下:
- 方法一:在Typora图片标签处添加
<style="float:center">
标签
缺点:每一张图片都需要进行如此操作,很麻烦,不推荐
- 方法二:修改主题样式文件(.css文件)
1. 打开typora的主题样式文件夹:typora --> 偏好设置 --> 外观 --> 打开主题文件夹
2. 选择需要修改的主题的样式文件(此处以orangeheart主题为例),用文本编辑器打开
3. 在文件末尾添加如下代码:
.md-image:only-child{
width: auto;
text-align: center;
}
4. 保存文件,重启typora
优点:一劳永逸,推荐