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

相关文章

IDEA中配置Tomcat全过程

《IDEA中配置Tomcat全过程》文章介绍了在IDEA中配置Tomcat的六步流程,包括添加服务器、配置部署选项、设置应用服务器及启动,并提及Maven依赖可能因约定大于配置导致问题,需检查依赖版本... 目录第一步第二步第三步第四步第五步第六步总结第一步选择这个方框第二步选择+号,找到Tomca

Win10安装Maven与环境变量配置过程

《Win10安装Maven与环境变量配置过程》本文介绍Maven的安装与配置方法,涵盖下载、环境变量设置、本地仓库及镜像配置,指导如何在IDEA中正确配置Maven,适用于Java及其他语言项目的构建... 目录Maven 是什么?一、下载二、安装三、配置环境四、验证测试五、配置本地仓库六、配置国内镜像地址

Python安装Pandas库的两种方法

《Python安装Pandas库的两种方法》本文介绍了三种安装PythonPandas库的方法,通过cmd命令行安装并解决版本冲突,手动下载whl文件安装,更换国内镜像源加速下载,最后建议用pipli... 目录方法一:cmd命令行执行pip install pandas方法二:找到pandas下载库,然后

SpringBoot多环境配置数据读取方式

《SpringBoot多环境配置数据读取方式》SpringBoot通过环境隔离机制,支持properties/yaml/yml多格式配置,结合@Value、Environment和@Configura... 目录一、多环境配置的核心思路二、3种配置文件格式详解2.1 properties格式(传统格式)1.

Debian系和Redhat系防火墙配置方式

《Debian系和Redhat系防火墙配置方式》文章对比了Debian系UFW和Redhat系Firewalld防火墙的安装、启用禁用、端口管理、规则查看及注意事项,强调SSH端口需开放、规则持久化,... 目录Debian系UFW防火墙1. 安装2. 启用与禁用3. 基本命令4. 注意事项5. 示例配置R

PyCharm中配置PyQt的实现步骤

《PyCharm中配置PyQt的实现步骤》PyCharm是JetBrains推出的一款强大的PythonIDE,结合PyQt可以进行pythion高效开发桌面GUI应用程序,本文就来介绍一下PyCha... 目录1. 安装China编程PyQt1.PyQt 核心组件2. 基础 PyQt 应用程序结构3. 使用 Q

Linux系统中查询JDK安装目录的几种常用方法

《Linux系统中查询JDK安装目录的几种常用方法》:本文主要介绍Linux系统中查询JDK安装目录的几种常用方法,方法分别是通过update-alternatives、Java命令、环境变量及目... 目录方法 1:通过update-alternatives查询(推荐)方法 2:检查所有已安装的 JDK方

SQL Server安装时候没有中文选项的解决方法

《SQLServer安装时候没有中文选项的解决方法》用户安装SQLServer时界面全英文,无中文选项,通过修改安装设置中的国家或地区为中文中国,重启安装程序后界面恢复中文,解决了问题,对SQLSe... 你是不是在安装SQL Server时候发现安装界面和别人不同,并且无论如何都没有中文选项?这个问题也

2025版mysql8.0.41 winx64 手动安装详细教程

《2025版mysql8.0.41winx64手动安装详细教程》本文指导Windows系统下MySQL安装配置,包含解压、设置环境变量、my.ini配置、初始化密码获取、服务安装与手动启动等步骤,... 目录一、下载安装包二、配置环境变量三、安装配置四、启动 mysql 服务,修改密码一、下载安装包安装地

Redis MCP 安装与配置指南

《RedisMCP安装与配置指南》本文将详细介绍如何安装和配置RedisMCP,包括快速启动、源码安装、Docker安装、以及相关的配置参数和环境变量设置,感兴趣的朋友一起看看吧... 目录一、Redis MCP 简介二、安www.chinasem.cn装 Redis MCP 服务2.1 快速启动(推荐)2.