首页 > 其他 > 详细

typora自定义样式

时间:2021-05-17 22:38:19      阅读:18      评论:0      收藏:0      [点我收藏+]

typora自定义样式

显示效果

img模仿mac shadow

img {
    left: -2em;
    position: relative;
    box-shadow: -1px 8px 16px 0px black;
    width: 60%;
    height: auto;
    border-radius: 16px;
    box-shadow: 1px 10px 39px #4c4c4c;
}

技术分享图片

代码框样式 code-fence

#write .md-fences {
    font-size: 1rem;
    padding: 0.5rem !important;
    font-family: consolas !important;
    word-wrap: normal;
    background-color: #2b2b2b;
    color: #A9B7C6;
    margin-left: 2px;
    margin-right: 2px;
    box-shadow: 1px 6px 14px #00000085;
    border-radius: 11px;
}

技术分享图片

内容字体大小

#write .md-plain{
	font-size: 15px;	
}

auto-numbering

参考typora官方css

第三个, 为大纲设置自动数字标号复制codethemes下的 base.user.css文件中 (如没有则新建)

?? 这个大纲标号只是显示效果,没有实际插入到文章中, 打印也不会显示

关于markdown标号,可查看deadline拯救者:定制Typora主题,论文一键排版

typora自定义样式

原文:https://www.cnblogs.com/martin-1/p/14777965.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!