前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >修改Markdown神器[Typora]的主题样式

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

作者头像
悟空聊架构
发布2020-08-26 10:05:56
3.1K0
发布2020-08-26 10:05:56
举报
文章被收录于专栏:悟空聊架构 | 公众号

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

Typora是一款专注写作的工具,基于markdown标记语言来完成写作。出于以下原因决定替换主题样式: 1.自带的样式比较low,想替换一款高大上的; 2.用微信公众号发的文章样式和typora不一样,两边的效果需要保持一致,方便在typora预览效果; 3.能自己DIY一些东西,也是比较有意思的一件事。

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

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

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

1.1.1 下载主题

http://theme.typora.io/

Typora官网主题
Typora官网主题

我比较喜欢这两款

  • Vue

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

mark
mark
  • 橙心

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

橙心主题
橙心主题

1.1.2 配置官网主题样式

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

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

Typora工具的theme目录
Typora工具的theme目录

我下载的Vue主题样式文件

Vue样式文件
Vue样式文件

然后重启Typora

导航栏切换主题为Vue

导航栏切换主题
导航栏切换主题

修改后的效果:

Vue主题
Vue主题

1.2 从mdnice上获取样式

mdnice是在线写markdown的神器

1.2.1 mdnice导航栏 选择主题CSS区域

选择主题CSS区域
选择主题CSS区域

1.2.2 选择全栈蓝样式

选择全栈蓝
选择全栈蓝

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

nicemd.css
nicemd.css

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-08-25 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 修改Markdown神器[Typora]的主题样式
  • 一、主题样式从哪里获取?
    • 1.1 可以从Typora的官网下载样式
      • 1.1.1 下载主题
      • 1.1.2 配置官网主题样式
    • 1.2 从mdnice上获取样式
      • 1.2.1 mdnice导航栏 选择主题CSS区域
      • 1.2.2 选择全栈蓝样式
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档