欢迎光临
我的个人博客网站

Typora样式改造


基于vue.css样式改造
作为平时写文档必不可少的利器typora,自然就得要好看一点的皮肤啦,这里分享一下自己改造后的主题,可以相互借鉴下😇

这里对vue主题的一些样式做了修改,大家也可以根据自己的喜好自作修改,这里仅仅是参考,觉得可以的话,希望推荐下
样式展示:


Typora样式改造


代码:

在typora主题官网下载vue主题=>编辑vue.css追加我的自定义代码

如果觉得可以的话,请点个推荐吧😊

/*自定义*/  /*强调*/ #write code, tt {     padding: 2px 6px;     border-radius: 4px;     font-size: 1rem;     color: #FFFFCC;     background-color: #009966; }  /*代码块*/ #write .md-fences {     border: 2px solid #c6e5d9;     -webkit-font-smoothing: initial;     margin: 0.8rem 0 !important;     padding: 0.3rem 0 !important;     line-height: 1.43rem;     background-color: #F8F8F8 !important;     border-radius: 2px;     /*font-family: var(--font-monospace);*/     font-size: 0.85rem;     word-wrap: normal; }  /*图片背景*/ p .md-image:only-child{ 	display: inline-block;      width: auto;     text-align: left;     border: 7px solid #eee;     /* padding: 1px; */     background: #eee; }  hr {     height: 2px;     padding: 0;     margin: 16px 0;     background-color: #FF9966;     border: 0 none;     overflow: hidden;     box-sizing: content-box; }  blockquote {     border-left: 5px solid #00996663;     border-left-style: outset;     padding: 10px 15px;     color: #777;     background-color: #ffffcc24;     border-radius: 7px; } 
赞(0) 打赏
未经允许不得转载:张拓的天空 » Typora样式改造
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏