印象笔记终于说会支持Markdown了。可能这原本不是大象的初衷吧,只是群众的呼声太高,才在中国化后推出了这个功能。不然像为知等已经能将MD发布到博客这么强大,怕大家弃坑啊。

只是印象的编辑功能实在太弱,我一般只建立纯文本,再加上加粗、高亮这些。收集回来的格式,万一有个回车,就变得掺不忍睹了。

还是使用Typora吧。

下载开始使用,中文的效果也太差了吧。也就勉强Night的主题还行,不过要将字体设置改换一下。

1、增加中文字体

文件——偏好设置——打开主题文件夹——找到相应的主题样式文件(如night.css)——搜索“font-family”,增加 “Microsoft YaHei”,即微软雅黑字体,也可以是其他字体。

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;

PS. 注意不能使用 “微软雅黑”,好像不认识中文,并且引号及逗号需使用英文半角;

2、更改字体大小

好像默认主题的字体大小都比较小,也可以更改一个默认字体大小:

  html {font-size: 18px; }

h1、h2的字体大小,可以找到相应的代码,更改字体大小倍数:

  h1 {    font-size: 1.8rem;  
  h2 {    font-size: 1.3rem;
换成微软雅黑及更改字段大小为18px后的效果,如图: Typora设置(中文字体、颜色、行距、内边距等)-半竹博客

3、更换其他主题:

我们也可以在在官方找到一些其他主题,将下载后的主题放入步骤1的主题文件夹(文件——偏好设置——打开主题文件夹)当中。

如图,我下载了3款主题:

一款catfish主题,对应的有一个文件夹catfish和一个catfish.css文件; 一款quartz主题,对应一个文件夹quartz和两个quartz.css文件(黑白两色主题); 一款han主题,没有文件夹,只有一个quartz.css文件(依托其他官方主题,只需将css文件置入即可)

由此,主题的安装方法,只需将在网络上的找到的主题,复制进来,重启一个Typora软件即可。

4、Catfish主题

经过尝试,此款主题中文显示效果灰常的不错,内置了思源黑体。显示方式在源代码模式下为黑色主题,非源代码模式下为白色主题。

  This theme provides a comfortable display of CJK characters by using source-han-sans and source-han-serif.
  Code Fence uses theme ported from material.css.
  无衬线字体,衬线字体和等宽字体分别采用思源黑体,思源宋体, mononoki ,在 Windows 下有良好的中文呈现效果。代码高亮使用 Material 配色。
  screenshots:

字体就不用操心了。

5、其他颜色、行距、宽度、内边距设置

将字体大小改为18px;标题颜色这些也可以更改一下,就挺好用的了。另外正文的行高比较小,可以设置得更宽松;如果想要将码字区域改窄一些,可以设置一下宽度。

① 正文、标题字体颜色更改:

  body { color: #666;
  标题H1 H2 H3……
  h1 { color:#165f60;

② 正文字体的行高:

  write {  line-height: 1.8;

③ 正文区域宽度设置

  write { max-width: 914px;

适当加一些内边距,在手机上查看HTML格式时就会在左右有适当的留白:

  write {  padding: 10px;

如下图,就是调整了一下行距(1.8)、字体大小(18px)、h1(1.8em、#165f60)、h2(1.4)的效果。

PS. 代码块需要在右下角设置了代码格式,才会显示高亮。

以上做为对Typora的设置笔记,记录一下。印象笔记收集资料后,可以通过markdown来整理归档。