惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Martin Fowler
Martin Fowler
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
雷峰网
雷峰网
J
Java Code Geeks
G
Google Developers Blog
博客园 - 司徒正美
The GitHub Blog
The GitHub Blog
L
LangChain Blog
人人都是产品经理
人人都是产品经理
GbyAI
GbyAI
Vercel News
Vercel News
S
SegmentFault 最新的问题
Engineering at Meta
Engineering at Meta
H
Hackread – Cybersecurity News, Data Breaches, AI and More
云风的 BLOG
云风的 BLOG
F
Fortinet All Blogs
Y
Y Combinator Blog
博客园_首页
Last Week in AI
Last Week in AI
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
罗磊的独立博客
A
About on SuperTechFans
B
Blog
Microsoft Security Blog
Microsoft Security Blog

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
简单又好看,你的 Markdown 文稿也能加上个性化主题 - 少数派
2018-04-02 · via 少数派

Markdown 简单实用,可以很快获得一份排版简约的文章,不过导出文稿时千篇一律的主题也让人感到单调。

这时,我们就可以通过 CSS(Cascading Style Sheets,层叠样式表)来自定义文章的样式,获得个性化的主题。许多 Markdown 编辑器都自带了 CSS 模板,还能下载第三方主题来扩充,即使你完全不懂 CSS 语法,也能一秒排出好看的文章。

套用 CSS 前后对比

这篇文章就带你了解常见 Markdown 编辑器如何使用 CSS,并提供一些好看、现成的主题供下载。

去哪里下载 CSS 主题

有的 Markdown 编辑器自带 CSS 主题,但一般只有寥寥数款,我们去哪里下载更多的 CSS 模板呢?在这一节里介绍的网站中,你可以下载到许多美观的模板。

Typora 的主题

Typora 自带了几款简约的 CSS 主题,并且提供了一个官方主题下载界面,你可以在里面找到自己喜欢的主题。令人眼前一亮的是,在众多英文专用 CSS 中,我们还看到了一款为汉字设计的主题——Han,青绿色的链接高亮配色颇为素雅。

Han 主题效果

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

> Typora 主题下载

Markdownhere

Markdownhere 是李笑来制作的一套 CSS 主题,已开源在 GitHub 上,对于中文的显示效果比较友好,字距、行距比直接套用英文模板更加自然,是为数不多的优质中文 CSS 主题。

Markdownhere 主题效果

> Markdownhere 主题下载

少数派经典主题

说起好看的中文 CSS 模板,少数派的经典模板是不能错过的。也许老读者还记得我派早期的主题,间或一抹少数派红的标题、链接,点缀得恰到好处。

少数派主题效果

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

少数派经典 CSS 下载

MWeb 主题

MWeb 主题

如果你想要一套比较酷、比较有 Geek 气质的主题,MWeb 自带的模板是一个不错的选择。你可以直接下载下面的文件,它包含了 5 种主题。

MWeb 主题 下载

Ulysses 专用主题

Ulysses 的主题并不是标准 CSS 格式,所以其他编辑器不能直接使用它们,但如果你正在使用 Ulysses,不要错过官方 Gallery 中的丰富主题。

Ulysses 丰富的主题

许多 Ulysses 是用户自己制作、上传的,其中不乏一些模仿经典网页或应用的主题,比如 GitHub、Byword、Terminal 等等,配色看起来非常酷。不过多数的 Ulysses 对中文适配不佳,英文下惊艳的模板放到汉字环境中就要打折扣。

CSS 模板怎么用

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

每个人都有自己钟爱的编辑器,幸运的是,其中有不少是支持 CSS,而 Ulysses 这样的写作工具还有丰富的专用主题。下面我会以几个常见 Markdown 编辑器为例,谈谈如何使用 CSS。

Typora 直接预览 CSS

Typora 结合了 Markdown 语法的简洁和富文本编辑器「所见即所得」的特点,你可以在写作的界面直接看到最终的排版效果——包括 CSS 主题的效果。

Typora 可以直接预览 CSS

如果你需要导出带有 CSS 样式的文稿(比如 PDF),在 Typora 中直接按下快捷键 ⌘Command - P 打印即可。如果想添加自定义模板,可以通过以下几步来实现(以 macOS 下的操作为例):

  1. 打开「偏好设置 - 通用 - 打开主题文件夹」;
  2. 把 CSS 主题文件放进去,重启 Typora;
  3. 在「菜单栏 - 主题」即可选择新主题。
Typora 添加主题

另外,Typora 同时支持 Windows、Linux 和 macOS,在任一平台上套用 CSS 都一样简单。

用 nvALT 套用主题

如果你的编辑器不幸不支持 CSS,也可以下载一个免费的 nvALT 来给文章加主题,它的使用方法比较简单:

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

延伸阅读:

> 打开即写的笔记工具,Mac 上的草稿处理中心:nvALT

小结

CSS 其实不难用,各种编辑器对于 CSS 支持加上现成的模板,让不懂 CSS 语法的人也可以使用它们,把自己的文章样式变得更有个性。

这篇文章中的用法虽然基础,但是可以很快获得预期的主题效果,希望你激起你对 CSS 的兴趣。