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

相关文章

Spring配置扩展之JavaConfig的使用小结

《Spring配置扩展之JavaConfig的使用小结》JavaConfig是Spring框架中基于纯Java代码的配置方式,用于替代传统的XML配置,通过注解(如@Bean)定义Spring容器的组... 目录JavaConfig 的概念什么是JavaConfig?为什么使用 JavaConfig?Jav

Spring Boot Interceptor的原理、配置、顺序控制及与Filter的关键区别对比分析

《SpringBootInterceptor的原理、配置、顺序控制及与Filter的关键区别对比分析》本文主要介绍了SpringBoot中的拦截器(Interceptor)及其与过滤器(Filt... 目录前言一、核心功能二、拦截器的实现2.1 定义自定义拦截器2.2 注册拦截器三、多拦截器的执行顺序四、过

springboot的controller中如何获取applicatim.yml的配置值

《springboot的controller中如何获取applicatim.yml的配置值》本文介绍了在SpringBoot的Controller中获取application.yml配置值的四种方式,... 目录1. 使用@Value注解(最常用)application.yml 配置Controller 中

springboot中配置logback-spring.xml的方法

《springboot中配置logback-spring.xml的方法》文章介绍了如何在SpringBoot项目中配置logback-spring.xml文件来进行日志管理,包括如何定义日志输出方式、... 目录一、在src/main/resources目录下,也就是在classpath路径下创建logba

C++多线程开发环境配置方法

《C++多线程开发环境配置方法》文章详细介绍了如何在Windows上安装MinGW-w64和VSCode,并配置环境变量和编译任务,使用VSCode创建一个C++多线程测试项目,并通过配置tasks.... 目录下载安装 MinGW-w64下载安装VS code创建测试项目配置编译任务创建 tasks.js

Nginx概念、架构、配置与虚拟主机实战操作指南

《Nginx概念、架构、配置与虚拟主机实战操作指南》Nginx是一个高性能的HTTP服务器、反向代理服务器、负载均衡器和IMAP/POP3/SMTP代理服务器,它支持高并发连接,资源占用低,功能全面且... 目录Nginx 深度解析:概念、架构、配置与虚拟主机实战一、Nginx 的概念二、Nginx 的特点

2025最新版Android Studio安装及组件配置教程(SDK、JDK、Gradle)

《2025最新版AndroidStudio安装及组件配置教程(SDK、JDK、Gradle)》:本文主要介绍2025最新版AndroidStudio安装及组件配置(SDK、JDK、Gradle... 目录原生 android 简介Android Studio必备组件一、Android Studio安装二、A

前端Visual Studio Code安装配置教程之下载、汉化、常用组件及基本操作

《前端VisualStudioCode安装配置教程之下载、汉化、常用组件及基本操作》VisualStudioCode是微软推出的一个强大的代码编辑器,功能强大,操作简单便捷,还有着良好的用户界面,... 目录一、Visual Studio Code下载二、汉化三、常用组件1、Auto Rename Tag2

SpringBoot18 redis的配置方法

《SpringBoot18redis的配置方法》本文介绍在SpringBoot项目中集成和使用Redis的方法,包括添加依赖、配置文件、自定义序列化方式、使用方式、实际使用示例、常见操作总结以及注意... 目录一、Spring Boot 中使用 Redis1. 添加依赖2. 配置文件3. Redis 配置类

JAVA Log 日志级别和使用配置示例

《JAVALog日志级别和使用配置示例》本文介绍了Java中主流的日志框架,包括Logback和Log4j2,并详细解释了日志级别及其使用场景,同时,还提供了配置示例和使用技巧,如正确的日志记录方... 目录一、主流日志框架1. Logback (推荐)2. Log4j23. SLF4J + Logback