typora使用--极客工具
typora使用--极客工具
T-newcomer 发表于3个月前
typora使用--极客工具
  • 发表于 3个月前
  • 阅读 35
  • 收藏 1
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

摘要: 颜值既正义的时代编写文档也要演示,markdown应运而生,但是许多的markdown的编辑器不是这样就是那样的问题,其中最大的问题就是我们大部分人是windows系统而非Mac,笔者查看了很多的博客都没有提及如何解决这些问题,这使得笔者有理由相信没人去翻看typora的官方文档,所以笔者自己尝试着总结了一下,我们不谈如何使用markdown语法,网上有很多这样的教程。

1.0:markdown语法链接:

    http://www.jianshu.com/p/43f52f1d5f75

    这是翻译后的中文简化版,一般也够用了

    http://support.typora.io/Markdown-Reference/#inline-math

    这是官方文档的,有兴趣的读者可以看一下,比之翻译后的要全面一些

1.1:官方模板的使用

    typora官方文档提供了一些模板方便使用

(虽说通常是使用GitHub,newprint两种模式)

但是烦人的是在当你下载之后Windows版本的typora也不会自动加载

办法是file->preferences->open theme folder

将下载的包放在所打开的文件夹,解压将里面的 .css 文件拷贝到Theme目录才能识别,

1.2:部分功能介绍(preference)

    windows Style:

    File->preference->System native(有菜单栏,较为友好),Unibody(清爽干净,笔者较喜欢这个模式)

image insert:typora这两个选项请勾选上,如果你以前接触过markdown你就能体会每次截图都需要自己去上传到图床工具在截取URL的痛苦,typora和ipic联手,解决了这个问题,而你只需要勾选一下两个选项。这里有个小bug,在Sourc code mode, Focus model, Typewritter mode中不能使用拖拽本地插入图片。

View->Sourc code mode, Focus model, Typewritter mode(很人性化的设计,用来提高注意力,和保护颈椎的,具体看个人爱好设置与否)

    http://www.jianshu.com/p/602f6ecf48fd

这篇文章有详细的介绍。

2.0:私人定制

安装目录下这个文件夹里有各种文档,读者可以自行查看

    2.1:模板工具

        你没有听错,typora是支持私人定制的,尽管官方文档里面说了,不建议这样干,但是在这个颜值既正义的时代,自己看着爽才是最好的

http://theme.typora.io/doc/Write-Custom-Theme/(官方文档修改的规定) 

    笔者在这里尝试着演示一部分例如:修改字体,添加背景图片,让文字居中等等

(http://support.typora.io/Custom-Font/)

typora的开发者们还是很了解广大程序员的审美要求的,所以提供了一个工具来规范修改样式,还有每个文件的作用(当然不用也可以,笔者也没有用,虽然下载了)

首先:字体,笔者比较喜欢pixyll模式的字体,但是又想要GitHub的样式(请忽略我的审美)

接下来修改代码,重前面下载官方样式聪明的读者应该看出来在哪里修改了

笔者打开了这两个模式的 .css 文件,开头第一眼就发现font-family真好,看来就是在这里改?保险起见看看官方文档怎么说

看来是写在body里,看来还不能乱猜,还是老老实实看文档怎么说吧!

替换成功,接下来我们重启typora看看效果。

接下来尝试居中,有时候要用到,可以看到都是css渲染出来的效果,那么我们可以推断把h6改了

重启typora,测试成功。

修改背景:http://support.typora.io/Backgound/

这里没找到合适的图片,我想尝试一下可不可以使用HTML5的canvas来做一个特效页面,像这个博客一样

http://www.cnblogs.com/ning-blogs/p/4654844.html 
 

共有 人打赏支持
粉丝 7
博文 20
码字总数 19534
×
T-newcomer
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: