Markdown工具集

Markdown 编辑器

1. Typora :

  • Typora 是一个流行的 Markdown 编辑器,提供实时预览功能。
  • 虽然 Typora 本身没有集成 AI 功能,但可以通过插件或外部工具实现一些 AI 功能。

安装

在这里插入图片描述
在这里插入图片描述

2. Obsidian :

  • Obsidian 是一个强大的笔记应用,支持 Markdown 编辑。
  • 通过社区插件,可以扩展其功能,包括一些 AI 辅助功能。

官网在这里插入图片描述
安装
在这里插入图片描述
使用
在这里插入图片描述

自定义主题

  1. 使用魔法,在线安装
    首先电脑开启代理,具体方法网上资源很多
    然后打开设置
    在这里插入图片描述
    管理“主题”
    在这里插入图片描述
    在这里插入图片描述

  2. 手动安装插件
    整个过程分为两大步:下载主题CSS文件与安装配置Style Settings插件。接下来,我将详细介绍每一步骤的具体操作方法。

第一步:下载主题CSS文件(手动下载)

  • 访问社区资源:
    访问Obsidian官方论坛或直接前往GitHub上的Obsidian Themes仓库浏览可用的主题,并选择符合你审美的样式。
    其实我选择是
    GitHub - Akifyss/obsidian-border:

  • 获取CSS文件:
    在选定的主题页面上,通常会有一个“Download”按钮或链接指向.css文件。点击下载并将文件保存到Obsidian仓库的theme目录

在这里插入图片描述

第二步:安装Style Settings插件及导入CSS
安装Style Settings插件
打开Obsidian设置:
启动Obsidian后,点击左下角齿轮图标进入设置界面。启用社区插件支持:
在左侧菜单栏选择“核心插件”,确保“社区插件”已被勾选。浏览并安装插件:
切换至“浏览插件”选项卡,在搜索框内输入“Style Settings”查找插件。找到结果后点击“安装”,然后重启Obsidian以完成安装。如果国内网络无法访问,将插件zip放置到Plugins目录里。image激活插件:
重启后回到设置中的“已安装插件”列表,找到“Style Settings”并开启它。
导入CSS文件
启动Style Settings:
在侧边栏找到新增加的“Style Settings”图标(通常是一个画笔图案),点击打开。image添加新json片段:
image

例如:

{
“Appearance-light@@card-layout-open-light”: true,
“Appearance-light@@accent-light”: “#2db492”,
“Appearance-light@@accent-color-override-light”: true,
“Appearance-light@@mod-left-split-background-select-light”: “mod-left-split-background-transparent-light”,
“Appearance-light@@mod-right-split-background-select-light”: “mod-right-split-background-transparent-light”,
“Appearance-light@@mod-root-split-background-select-light”: “mod-root-split-background-primary-light”,
“Appearance-light@@background-underlying-select-light”: “background-underlying-CSS-light”,
“Appearance-light@@background-underlying-CSS-light”: “radial-gradient(100% 100% at 49% 83%, rgb(78, 179, 222) 0%, rgb(141, 224, 166) 100%), radial-gradient(100% 100% at 70% 31%, rgb(242, 124, 124) 0%, rgb(141, 224, 166) 100%), radial-gradient(100% 100% at 18% 44%, rgb(141, 224, 166) 0%, rgb(222, 82, 140) 100%), linear-gradient(161deg, rgb(141, 224, 166) 0%, rgb(78, 179, 222) 12%, rgb(78, 179, 222) 15%, rgb(78, 179, 222) 21%, rgb(222, 82, 140) 28%, rgb(141, 224, 166) 43%), linear-gradient(161deg, rgb(242, 124, 124) 0%, rgb(222, 82, 140) 33%, rgb(252, 240, 159) 51%), linear-gradient(161deg, rgb(141, 224, 166) 0%, rgb(252, 240, 159) 30%), radial-gradient(100% 100% at 38% 59%, rgb(252, 240, 159) 0%, rgb(252, 240, 159) 100%)”,
“Appearance-light@@background-underlying-CSS-blend-mode-light”: “screen, difference, color-burn, difference”,
“Appearance-light@@indicator-remove”: true,
“Appearance-light@@Active-states-file-explorer-select-light”: “activated-file-tab-style-light”
}
image

调整设置:
文件成功加载后,你可以通过提供的选项对主题进行微调,如修改颜色、字体等。不断尝试直到获得满意的效果。
效果:
image

image

缺点

代码的编辑显示风格不太友好,未能找到将代码块背景设置为暗色的方法
快捷键需要手动设置

3. Mark Text :

  • Mark Text 是一个开源的 Markdown 编辑器,提供简洁的界面和实时预览。
  • 没有内置 AI 功能,但可以通过集成其他工具实现。

集成 AI 功能的工具

1. Notion :

  • Notion 是一个多功能的笔记和项目管理工具,支持 Markdown 语法。
  • 最近推出了 AI 功能,可以帮助生成内容、总结信息等。

2. Craft :

  • Craft 是一个现代化的笔记应用,支持 Markdown。
  • 集成了 AI 功能,可以帮助用户进行内容生成和优化。

3. Roam Research :

  • Roam Research 是一个用于知识管理的工具,支持 Markdown。
  • 通过集成外部 AI 工具,可以实现一些智能化功能。
### 下载并安装Markdown编辑工具 对于希望下载和设置Markdown编辑工具的需求,可以从多个途径获取适合的工具。如果目标是从零构建一个自定义化的Markdown编辑器环境,则可以考虑基于已有的开源项目进行扩展。 #### 使用现有的在线或桌面Markdown编辑器 有许多成熟的Markdown编辑器可供选择,这些编辑器提供了丰富的功能集以及良好的用户体验: - **Typora**: 提供即时预览模式,支持多种平台(Windows, macOS, Linux),拥有简洁直观的操作界面。 - **Visual Studio Code (VSCode)**: 结合特定插件如`Markdown All in One`可实现强大的Markdown编写能力,并且具备优秀的代码高亮特性[^1]。 #### 构建个人专属的Markdown编辑器 若倾向于创建个性化的Markdown编辑解决方案,可以通过集成JavaScript库来增强HTML页面的功能。例如,在Angular项目中引入Editor.md这一流行的富文本编辑组件时,需按照如下方式处理静态资源路径配置[^4]: ```json { ... "projects": { "your-project-name": { ... "architect": { "build": { ... "options": { ... "assets": [ "src/assets" ], "styles": [], "scripts": [ "node_modules/jquery/dist/jquery.js", "src/assets/md_editor/js/editormd.min.js", "src/assets/md_editor/lib/marked.min.js", "src/assets/md_editor/lib/prettify.min.js" ] } } } } } } ``` 此方法允许开发者利用现成的技术栈快速搭建起基础框架,再依据实际需求逐步完善各项特性和优化性能表现。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

赤胜骄阳

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值