vscode打造笔记系统
foam + markdown all in one为核心的双链笔记
安装插件
- foam.foam-vscode
- yzhang.markdown all in one
- telesoho.vscode-markdown-paste-image
- goessner.mdmath
- DavidAnson.vscode-markdownlint (optional)
- Spades.vs-picgo (optional)
首先按照foam 的教程创建一个工作区。
注意 foam 里面推荐的 ban.spellright 建议不装,不适合中文用户。mushan.vscode-paste-image 也不装,换一个 telesoho.vscode-markdown-paste-image 个人感觉更好用。
- markdown all in one - 不多介绍。
- foam - 提供类似双链笔记,日记管理等更多用法
- paste image - 主要功能:粘贴图片到markdown。在 mushan.vscode-paste-image 的基础上扩展了许多功能。
- mdmath - 更棒的数学支持,需关闭 markdown all in one 中原有的数学支持
- markdownlint - 这个是 markdown 的语法检查,规则见markdownlint rule,但是里面有几条个人觉得过于严格,后面章节会介绍关闭小部分规则。
- picgo - 图床,不多介绍。
插件设置
首先修改工作区的设置,打开 .vscode/settings.json
,覆盖为一下内容。
1 | { |
然后全局设置ctrl+','
里面打开markdown all in one,关闭 basic math support。
打开markdownlint中的config项,以下是我的配置:
1 | { |
markdown样式
foam里面附的assets/css/style.scss
是markdown样式,可以自己改改。但是注意scss不能直接用,所以复制一份改名为style.css
,修改其内容为:
1 | .markdown-body { |
效果为个人喜欢,读者可根据自己喜好修改。上面样式的效果为:
vscode打造笔记系统