2023 年, Obsidian 完全可以替代 Typora 了

Typora

缺点

• macos+intel, Typora 在所见所得的模式下, 只要内容一多, 就会开始卡顿,切换到源码模式就不卡了
  搜了下, 可能是自带 WebKit 的原因

• typora 会在换行时插入空白行, 类似的还有渲染时会忽略一些格式, 导致你在预览模式下是正常的, 但发布到博客, 或者用 vscode 打开, 会发现很多格式不规范, 例如缩进 换行 对齐

• 免费版停止在 0.98, 不会有新功能, arch 上安装旧版本也比较麻烦

优点

• 表格非常好用

• 和 picgo 整合的图片上传功能非常好用

Obsidian

优点

• 免费

• 所见所得模式下比 Typora 流畅多了

• 有丰富的插件市场

• 双链(我没用这功能)

• 把整个文件夹同步(例如放到 onedrive 里), 配置也跟着同步

• 多窗口, 多标签模式

缺点

• 像 vscode 一样, 如果是从 Typora 迁移过来, 默认初始配置会觉得不顺手

• 市场插件太多了, 有点难挑

插件

可以看下开发者的文章 两年后，我还在用的 Obsidian 插件

说下我自己在用的:

• Auto Link Title: 粘贴链接时自动获取网页标题

• Clear Unused Images Collapse All: 自动清除不再使用的图片

• Commander: 添加快捷图标, 点击时使用指定命令

• Easy Typing: 格式化类

• Excalidraw: 画图, 类似 draw, 手绘风

• Hider: 隐藏不需要的菜单

• Hover Editor: 悬浮窗口模式

• Icon Folder: 给文件夹或者文件添加图标

• Image auto upload Plugin Local Images Plus: 类似 typora 结合 picgo 上传图片

• Obsidian42 - BRAT: 安装非官方市场插件

• Pandoc Plugin: 导出其他格式

• Quiet Outline: 大纲

• Recent Files: 最近打开的文件

• Table Enhancer: 表格增强(终于接近 typora 了)

主题

当然是类似 Typora 的 Typora-vue

顺便改下, 把 h 标签 hover 选择器去掉, 把颜色改成高亮颜色, 让它常驻

.markdown-preview-view h1::before

自定义 css

给 outline 添加数字序号

/* container of first layer headings. */
.outline {
  counter-reset: rootCounter;
}

.outline .tree-item .tree-item-self .tree-item-inner::before {
  content: counters(rootCounter, ".") ". ";
  counter-increment: rootCounter;
}

/* container of the ohter headings. */
/* NOTE: It is not .outline anymore. So we need a new counter */
.tree-item-children {
  counter-reset: innerCounter;
}

.tree-item-children .tree-item .tree-item-self .tree-item-inner::before {
  content: counters(rootCounter, ".") "." counters(innerCounter, ".") ". ";
  counter-increment: innerCounter;
}