Typora + PicGo + SM.MS, 全免费笔记软件+图床的安装与配置

2023-10-16 20:59

本文主要是介绍Typora + PicGo + SM.MS, 全免费笔记软件+图床的安装与配置,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

本文主要介绍 Windows 下的安装与配置过程,MacOS、Linux 下的安装与配置过程与此类似。


文章目录

  • 1. Typora 的下载与安装
  • 2. PicGo的下载与安装
  • 3. SM.MS 的注册与图床的配置
  • 4. 测试

Markdown 是一种轻量级标记语言,创始人为约翰·格鲁伯(英语:John Gruber)。它允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的 XHTML(或者 HTML)文档。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。
由于 Markdown 的轻量化、易读易写特性,并且对于图片,图表、数学式都有支持,许多网站都广泛使用 Markdown 来撰写帮助文档或是用于论坛上发表消息。 如 GitHub、Reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge、简书等,甚至还能被使用来撰写电子书。

网上有大量的 Markdown 教程,菜鸟教程也有提供:Markdown 标题 | 菜鸟教程 (runoob.com)image-20220129170910747


1. Typora 的下载与安装

Typora 是一款由 Abner Lee 开发的轻量级 Markdown 编辑器,与其他 Markdown 编辑器不同的是,Typora 没有采用源代码和预览双栏显示的方式,而是采用所见即所得的编辑方式,实现了即时预览的功能,但也可切换至源代码编辑模式。

2021年11月,据 Typora 官网,Markdown 编辑器 Typora 在长时间的免费测试之后,正式推出了 1.0 正式版,并开始收费。

虽然正式版 Typora 需要付费,但 Typora 官网至今仍提供 Beta 版 Typora 的下载。

Typora 官网:Typora — a markdown editor, markdown reader.(不使用代理可能访问速度较慢)


进入官网,点击 Download 至如下页面:
image-20220129175938024

点击 All / History Releases,进入如下页面:
image-20220129180136544

点击 Dev / Beta Releases,然后向下滑动至页面底部:
image-20220129163722162

点击 old Windows / Linux beta,进入如下页面:
image-20220129163947181

点击 Download (Windows x64),下载最后一个 Beta 版 0.11.18 的 Windows x64 版 Typora。


打开下载好的 .exe 文件,正常安装即可:
屏幕截图 2022-01-29 181920


2. PicGo的下载与安装

PicGo:一个用于快速上传图片并获取图片 URL 链接的工具

PicGo 官网:PicGo (molunerfinn.com)


进入官网:
image-20220129183058383

点击免费下载,进入如下页面(不使用代理可能访问速度较慢):
image-20220129183430987

向下滑动,找到 Latest 标记:
image-20220129183533015

继续向下滑动,找到该版本的 Assets 目录:
image-20220129183719179

点击以 -x64.exe 结尾的链接,下载最新的正式版 Windows x64 版 PicGo。


打开下载好的 .exe 文件,正常安装即可:
image-20220129193239337


3. SM.MS 的注册与图床的配置

SM.MS 是一个简单的免费图床。

SM.MS 官网:Image Upload - SM.MS - Simple Free Image Hosting


进入官网:
image-20220129193919218

点击 Register 进入如下页面:
image-20220129194437973

按要求填好信息,点击 Register ,预留的电子邮箱会收到一封确认注册邮件,点击邮件里的链接即可。
然后返回 SM.MS 官网,点击 Home,进入如下页面:
image-20220129194834196

输入名称和密码,点击 Login,登录成功后的页面如下:
image-20220129202059631


打开 PicGo:
image-20220129200646761

确认链接格式为 Markdown,点击图床设置,在下拉菜单中点击 SM.MS 图床,进入如下界面:
image-20220129200806594

返回 SM.MS 官网,点击 User,在下拉菜单中点击 Dashboard ,进入如下页面:
rBGW8XHgEZRJbF7

点击 API Token,进入如下页面:
mv9BnHVALKudgCU

点击 Generate Secret Token,复制 Secret Token 文本框中的内容至 PicGo 中的设定 Token 文本框:
image-20220129203827248

点击确定,PicGo 弹出通知:
image-20220129201134953

点击设为默认图床,PicGo 弹出通知:
image-20220129203930813


打开 Typora:
image-20220129204246830

点击文件,在下拉菜单中点击偏好设置...,进入如下界面:
image-20220129204442565

点击图像,进入如下界面:
image-20220129204923466

在插入图片时…的下拉菜单中选择上传图片,勾选对本地位置的图片应用上述规则对网络位置的图片应用上述规则
在上传服务的下拉菜单中选择 PicGo(app),将 PicGo 路径设置为 PicGo 安装路径下的 PicGo.exe 文件。
设置完成后界面如下:
image-20220129205411985

点击验证图片上传选项,Typora 会将两种尺寸的图标上传至图床以进行测试。
若上传成功,弹出窗口中会显示成功上传图片并获得新的 URL:
image-20220129205700782

与此同时,PicGo 弹出通知:
image-20220129205816488

至此,Typora、PicGo 和 SM.MS 的安装与配置全部完成。

今后,若将本地图片粘贴至 Typora 文件,该图片将会被 Typora 通过 PicGo 自动上传至 SM.MS,SM.MS 再将分配给该图片的链接通过 PicGo 返回给 Typora。所以,Typora 文件中只保存图床分配给图片的链接。


4. 测试

点击 Typora 弹出窗口中的 OK,然后点击偏好设置右侧的 X,返回 Typora 主界面。
将本地图片粘贴至此:
image-20220129215826167

PicGo 弹出通知:
image-20220129215720050

打开 PicGo,点击相册,可以看到刚刚粘贴至 Typora 主界面中的本地图片和 Typora 两种尺寸的图标已经在相册中:
image-20220129220208009

返回 SM.MS 官网,点击 Pictures,可以看到刚刚粘贴至 Typora 主界面中的本地图片和 Typora 两种尺寸的图标也已经保存在图床中:
EMLWGvg5hKuY7fS

这篇关于Typora + PicGo + SM.MS, 全免费笔记软件+图床的安装与配置的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/220749

相关文章

Python UV安装、升级、卸载详细步骤记录

《PythonUV安装、升级、卸载详细步骤记录》:本文主要介绍PythonUV安装、升级、卸载的详细步骤,uv是Astral推出的下一代Python包与项目管理器,主打单一可执行文件、极致性能... 目录安装检查升级设置自动补全卸载UV 命令总结 官方文档详见:https://docs.astral.sh/

Redis Cluster模式配置

《RedisCluster模式配置》:本文主要介绍RedisCluster模式配置,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录分片 一、分片的本质与核心价值二、分片实现方案对比 ‌三、分片算法详解1. ‌范围分片(顺序分片)‌2. ‌哈希分片3. ‌虚

SpringBoot项目配置logback-spring.xml屏蔽特定路径的日志

《SpringBoot项目配置logback-spring.xml屏蔽特定路径的日志》在SpringBoot项目中,使用logback-spring.xml配置屏蔽特定路径的日志有两种常用方式,文中的... 目录方案一:基础配置(直接关闭目标路径日志)方案二:结合 Spring Profile 按环境屏蔽关

Maven 配置中的 <mirror>绕过 HTTP 阻断机制的方法

《Maven配置中的<mirror>绕过HTTP阻断机制的方法》:本文主要介绍Maven配置中的<mirror>绕过HTTP阻断机制的方法,本文给大家分享问题原因及解决方案,感兴趣的朋友一... 目录一、问题场景:升级 Maven 后构建失败二、解决方案:通过 <mirror> 配置覆盖默认行为1. 配置示

Nexus安装和启动的实现教程

《Nexus安装和启动的实现教程》:本文主要介绍Nexus安装和启动的实现教程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、Nexus下载二、Nexus安装和启动三、关闭Nexus总结一、Nexus下载官方下载链接:DownloadWindows系统根

Springboot3+将ID转为JSON字符串的详细配置方案

《Springboot3+将ID转为JSON字符串的详细配置方案》:本文主要介绍纯后端实现Long/BigIntegerID转为JSON字符串的详细配置方案,s基于SpringBoot3+和Spr... 目录1. 添加依赖2. 全局 Jackson 配置3. 精准控制(可选)4. OpenAPI (Spri

Java SWT库详解与安装指南(最新推荐)

《JavaSWT库详解与安装指南(最新推荐)》:本文主要介绍JavaSWT库详解与安装指南,在本章中,我们介绍了如何下载、安装SWTJAR包,并详述了在Eclipse以及命令行环境中配置Java... 目录1. Java SWT类库概述2. SWT与AWT和Swing的区别2.1 历史背景与设计理念2.1.

maven私服配置全过程

《maven私服配置全过程》:本文主要介绍maven私服配置全过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录使用Nexus作为 公司maven私服maven 私服setttings配置maven项目 pom配置测试效果总结使用Nexus作为 公司maven私

springboot加载不到nacos配置中心的配置问题处理

《springboot加载不到nacos配置中心的配置问题处理》:本文主要介绍springboot加载不到nacos配置中心的配置问题处理,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑... 目录springboot加载不到nacos配置中心的配置两种可能Spring Boot 版本Nacos

安装centos8设置基础软件仓库时出错的解决方案

《安装centos8设置基础软件仓库时出错的解决方案》:本文主要介绍安装centos8设置基础软件仓库时出错的解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录安装Centos8设置基础软件仓库时出错版本 8版本 8.2.200android4版本 javas