typora样式修改

最新推荐文章于 2024-04-26 09:45:47 发布

原创最新推荐文章于 2024-04-26 09:45:47 发布 · 2.7k 阅读

4 ·

CC 4.0 BY-SA版权

本文介绍如何通过修改Typora编辑器的主题文件，实现页面大小调整、文字加粗变红及标题样式的个性化定制。具体操作包括更改max-width属性、设置strong标签颜色以及调整各级标题的字体大小和权重。

1. 修改页面大小

D:\Program Files\Typora\resources\app\style\themes\github.css

修改对应的主题文件如github.css
max-width 原值820px 改成95%

#write {
    max-width: 95%;
  	margin: 0 auto;
  	padding: 30px;
    padding-bottom: 100px;
}

2. 加粗变红

strong {
	color:red;
}

3. title样式修改


h1 {
	padding-bottom: .3em;
	font-size: 1.3em;
	line-height: 1;
	font-weight: bold;
	//border-bottom: 1px solid #eee;
}
h2 {
   padding-bottom: .3em;
	font-size: 1.1em;
	line-height: 1;
	font-weight: bold;
	//border-bottom: 1px solid #eee;
}
h3 {
	font-size: 1em;
	line-height: 1;
	font-weight: normal;
}
h4 {
	font-size: 1em;
	font-weight: normal;
}
h5 {
	font-size: 1em;
	font-weight: normal;
}
h6 {
   font-size: 1em;
   color: #777;
   font-weight: normal;
}