我最喜欢的markdown编辑器--Typora

以前不是很喜欢用typora,虽然第一次发现它的时候感觉挺好用的,但是还是由于一开始对它的不了解而把它搁置下来了。 我那时很迷恋静态博客,感觉很有个性的个人网站,重要的是因为它可以部署到GitHub、gitee、coding上,免费!

静态博客有一个很重要的特点就是文章是使用markdown语法来写的,我那时候就是搜索markdown编辑搜到typora这个软件的。但是怎么感觉和我印象中的markdown不大一样?这个更像富文本编辑器,由于一开始我就是奔着markdown编辑模式去的,所以在一开始的时候还是挺嫌弃typora的。

最重要的是那时候typora的主题让我很难受,我去官网主题上看了很多次都没有合适自己的。这样我在编辑的时候由于排版不大美观,我最后准备把它卸载掉的。但是网上各个博主都说typora是最简约和最唯美的markdown编辑,所以我就暂时留着它。主要是我当时是很喜欢标准的markdown那种编辑模式:左边编辑、右边浏览

image-20201125233807481

而typaro更像一个富文本编辑器:

image-20201125234312136

主要是它的这些文本排版显示看着有一些不舒服,没有写作欲望。(只是我的个人感受)

大概是搁置了半年多吧,没想到偶然地逛了逛官网主题,还想挣扎一下typora,毕竟他也确实有着一些不可被替代地优势。我只是不满意内容排版,其他地大可还好。

没想到官网又退出了许多新主题,我就逐一地看了一遍。

我特别希望怎样地排版?

image-20201125235102587

就是能够有纸张地那种轮廓,好像有一张纸垫在桌子上地那种感觉,而不是白茫茫地一片或者黑漆漆的一片,里面再加一些文本内容。这样看起来总觉得有些不舒服,不知道读者们有没有这种感受。就是最起码要有一种轮廓将文本内容围起来。

有点抽象?

image-20201125235620720

大概就是这种阅读体验和编辑体验,选择标准的markdown编辑的编辑模式也是因为左边的预览部分能够让自己看着很舒服。

image-20201126000039006

你看,这种编辑的舒适感是不是让你的创作激情四飞?可惜这个是macdown编辑器,需要苹果的mac系统才能运行,我也没发现与之相美观的markdown编辑器,只好长叹息以掩涕兮了。

不过我在浏览typora主题的过程中,发现了一个主题:

image-20201126000521176

看到明显的纸张轮廓了吗?我想要的就是这种编辑的阅读体验感。

typora有一个优点就是开源,我们可以自定义修改一下typora编辑器的CSS样式样式就行了。

给你们看看我修改后的样子:

image-20201126000846741

额嗯…我不知道你们觉得好不好看,不过我感觉我看得挺舒服的,很有写作的欲望!

这个当然只是本地编辑的阅读样式,提交到博客后就不是这个样式了。不过也不差,博客的主题我也是挺喜欢的。我的编辑风格只要相统一就行了。

下载Typora

这个软件是开源的,不收费,如果你是大神的话还可以自定义修改它的样式。设计一套符合自己的主题。

官网地址:点击我进入官网

下载主题

主题地址:点击我进入官网主题

说明

可能你刚下载之后得到typora的样子是长这样的:

image-20201126001755160

如何设置为一体化样式?

semantic演示

可以在偏好设置中设置为一体化之后会挺美观的,不过这个也挺不错的,你可以了解一下它的编辑功能。

semantic演示

下载主题和配置主题

image-20201126002940893

image-20201126003038671

image-20201126003417064

打开主题文件夹

semantic演示

直接把那两个文件放入主题文件夹中就行了

image-20201126003743414

semantic演示

默认的主题样式是这样的:

image-20201126000521176

我不想要这个白色的背景,可以自行准备一张背景图片。该主题中的背景是一张重复网格的背景图片,我们只需要更换一个背景图片就行了。

semantic演示

需要说明的是,背景图片是那个名为light_wool.png的图片,只需要上传一张图片,把该图片的名字换成light_wool.png即可,替换掉原来的那张照片。

最终的效果图如下:

image-20201126004656233

其实关于Typora我还有很多其他想要讲的使用技巧,但是我并不想这篇文章的内容太长。我可以考虑一下后面再分享一下我使用typora的一些技巧和心得体会。

这篇文章暂时就这么多先吧。

我是NothingLin,苦逼的学生仔。

《2020/11/26》

image-20201126105007791


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!