温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

如何修改Markdown神器Typora的主题样式

发布时间:2021-12-14 17:05:02 来源:亿速云 阅读:290 作者:柒染 栏目:大数据

本篇文章为大家展示了如何修改Markdown神器Typora的主题样式,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

修改Markdown神器[Typora]的主题样式  

Typora是一款专注写作的工具,基于markdown标记语言来完成写作。出于以下原因决定替换主题样式:

1.自带的样式比较low,想替换一款高大上的;

2.用微信公众号发的文章样式和typora不一样,两边的效果需要保持一致,方便在typora预览效果;

3.能自己DIY一些东西,也是比较有意思的一件事。

 

一、主题样式从哪里获取?

自己写样式不太现实,也太花时间。

 

1.1 可以从Typora的官网下载样式

 

1.1.1 下载主题

http://theme.typora.io/

如何修改Markdown神器Typora的主题样式  
Typora官网主题

我比较喜欢这两款

  • Vue

http://theme.typora.io/theme/Vue/

如何修改Markdown神器Typora的主题样式  
mark
  • 橙心

http://theme.typora.io/theme/OrangeHeart/

如何修改Markdown神器Typora的主题样式  
橙心主题
 

1.1.2 配置官网主题样式

将下载好的样式文件拷贝到Typora工具的theme目录下

C:\Users\<user name>\AppData\Roaming\Typora\themes

如何修改Markdown神器Typora的主题样式  
Typora工具的theme目录

我下载的Vue主题样式文件

如何修改Markdown神器Typora的主题样式  
Vue样式文件

然后重启Typora

导航栏切换主题为Vue

如何修改Markdown神器Typora的主题样式  
导航栏切换主题

修改后的效果:

如何修改Markdown神器Typora的主题样式  
Vue主题
 

1.2 从mdnice上获取样式

mdnice是在线写markdown的神器

 

1.2.1 mdnice导航栏 选择主题CSS区域如何修改Markdown神器Typora的主题样式

 

1.2.2 选择全栈蓝样式

如何修改Markdown神器Typora的主题样式  
选择全栈蓝

将右边的css样式保存到Typora的themes文件夹,这里我将文件命名为nicemd.css,大家可以起名字,注意不要用中文。

如何修改Markdown神器Typora的主题样式  
nicemd.css

然后打开重启Typora,主题菜单栏里面就可以看到新增加的Nicemd主题了。


如何修改Markdown神器Typora的主题样式    


上述内容就是如何修改Markdown神器Typora的主题样式,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI