wordpress 导入模板-简单又好看,你的 Markdown 文稿也能加上个性化主题

Markdown 简单实用,可以快速得到一篇布局简单的文章。 但导出文档时相同的主题也让人感觉单调。

这时候我们就可以通过CSS(Cascading Style Sheets)来定制文章的样式,获得个性化的主题。 许多 Markdown 编辑器都附带 CSS 模板,您可以下载第三方主题来扩展它们。 即使你根本不懂CSS语法,你仍然可以一秒钟创建一篇好看的文章。

应用CSS前后对比

本文将带您了解常见的 Markdown 编辑器如何使用 CSS,并提供一些好看的现成主题供下载。

在哪里下载 CSS 主题

一些 Markdown 编辑器自带 CSS 主题wordpress 导入模板,但一般只有几个。 我们在哪里可以下载更多 CSS 模板? 从本节介绍的网站中,您可以下载许多精美的模板。

Typora 的主题

Typora 附带了几个简单的 CSS 主题,并提供了官方主题下载界面,您可以在这里找到您喜欢的主题。 引人注目的是,在众多英文特有的 CSS 中,我们还看到了一个为汉字设计的主题——汉,其链接高亮颜色为相当优雅的青绿色。

汉族主题效果

需要注意的是,某些 Typora 主题可能带有字体附件,这些字体附件可能不会在 Typora 以外的 Markdown 编辑器中显示。 使用这些特殊的CSS主题时需要特别注意。

> Typora 主题下载

在这里标记

Markdownhere是李笑来制作的一套CSS主题。 它已在 GitHub 上开源。 对中文有友好的显示效果。 字符间距和行间距比直接应用英文模板更自然。 是为数不多的高质量中文CSS主题之一。

Markdownhere主题效果

> Markdownhere 主题下载

wordpress 导入模板_导入模板格式不正确_导入模板怎么使用

少数民族经典题材

说起好看的中文CSS模板,小众的经典模板是不能错过的。 也许老读者还记得我学校早期的主题,偶尔点缀一些小众的红色标题和链接,点缀得恰到好处。

少数民族主题效应

Minority CSS没有附件,可以直接在支持CSS的编辑器中使用。

>少数经典CSS下载

MWeb主题

MWeb主题

如果你想要一个更酷、更极客的主题,MWeb 自己的模板是一个不错的选择。 您可以直接下载下面的文件,其中包含5个主题。

>MWeb主题下载

尤利西斯专用主题

Ulysses的主题不是标准的CSS格式,因此其他编辑器无法直接使用它们,但如果您正在使用Ulysses,请不要错过官方图库中丰富的主题。

尤利西斯丰富的主题

很多Ulysses都是用户自己创建和上传的,其中很多模仿经典网页或应用程序的主题,例如GitHub、Byword、Terminal等,配色方案看起来非常酷。 然而,大多数《尤利西斯》对中文的适应度并不好wordpress 导入模板,令人惊叹的英文模板放在汉字环境中就会大打折扣。

导入模板怎么使用_wordpress 导入模板_导入模板格式不正确

如何使用 CSS 模板

下载CSS模板后,如何使用它们?

每个人都有自己最喜欢的编辑器,幸运的是,其中许多编辑器都支持 CSS,并且像 Ulysses 这样的写作工具带有丰富的专用主题。 下面我就以几种常见的Markdown编辑器为例来谈谈如何使用CSS。

Typora 直接预览 CSS

Typora 将 Markdown 语法的简单性与富文本编辑器的“所见即所得”功能相结合。 您可以在书写界面直接看到最终的布局效果——包括CSS主题的效果。

Typora可以直接预览CSS

如果需要导出带有 CSS 样式的文档(例如 PDF),只需按 Typora 中的快捷键 ⌘Command-P 即可打印。 如果您想添加自定义模板,可以通过以下步骤进行(以macOS下操作为例):

wordpress 导入模板_导入模板怎么使用_导入模板格式不正确

打开“首选项-常规-打开主题文件夹”; 将CSS主题文件放入其中并重新启动Typora; 在“菜单栏-主题”中选择新主题。

Typora 添加主题

此外,Typora 同时支持 Windows、Linux 和 macOS,在任何平台上应用 CSS 同样简单。

使用 nvALT 应用主题

如果您的编辑器不幸不支持 CSS,您还可以下载免费的 nvALT 来向文章添加主题。 它的使用比较简单:

将你想要的CSS主题文件放在/Users/apple/Library/Application Support/nvALT目录下; 将CSS文件重命名为custom.css,重新启动nvALT; 使用快捷键 ⌃Control - ⌘Command - P 打开 nvALT 即可在预览界面看到效果; 如果需要导出文件,点击右下角第三个打印机图标进行打印。

nvALT 使用 CSS