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使用国内镜像加速pip安装的方法讲解

《Python使用国内镜像加速pip安装的方法讲解》在Python开发中,pip是一个非常重要的工具,用于安装和管理Python的第三方库,然而,在国内使用pip安装依赖时,往往会因为网络问题而导致速... 目录一、pip 工具简介1. 什么是 pip?2. 什么是 -i 参数?二、国内镜像源的选择三、如何

Python安装时常见报错以及解决方案

《Python安装时常见报错以及解决方案》:本文主要介绍在安装Python、配置环境变量、使用pip以及运行Python脚本时常见的错误及其解决方案,文中介绍的非常详细,需要的朋友可以参考下... 目录一、安装 python 时常见报错及解决方案(一)安装包下载失败(二)权限不足二、配置环境变量时常见报错及

SpringBoot+MyBatis-Flex配置ProxySQL的实现步骤

《SpringBoot+MyBatis-Flex配置ProxySQL的实现步骤》本文主要介绍了SpringBoot+MyBatis-Flex配置ProxySQL的实现步骤,文中通过示例代码介绍的非常详... 目录 目标 步骤 1:确保 ProxySQL 和 mysql 主从同步已正确配置ProxySQL 的

Spring Boot整合log4j2日志配置的详细教程

《SpringBoot整合log4j2日志配置的详细教程》:本文主要介绍SpringBoot项目中整合Log4j2日志框架的步骤和配置,包括常用日志框架的比较、配置参数介绍、Log4j2配置详解... 目录前言一、常用日志框架二、配置参数介绍1. 日志级别2. 输出形式3. 日志格式3.1 PatternL

配置springboot项目动静分离打包分离lib方式

《配置springboot项目动静分离打包分离lib方式》本文介绍了如何将SpringBoot工程中的静态资源和配置文件分离出来,以减少jar包大小,方便修改配置文件,通过在jar包同级目录创建co... 目录前言1、分离配置文件原理2、pom文件配置3、使用package命令打包4、总结前言默认情况下,

MySQL8.2.0安装教程分享

《MySQL8.2.0安装教程分享》这篇文章详细介绍了如何在Windows系统上安装MySQL数据库软件,包括下载、安装、配置和设置环境变量的步骤... 目录mysql的安装图文1.python访问网址2javascript.点击3.进入Downloads向下滑动4.选择Community Server5.

CentOS系统Maven安装教程分享

《CentOS系统Maven安装教程分享》本文介绍了如何在CentOS系统中安装Maven,并提供了一个简单的实际应用案例,安装Maven需要先安装Java和设置环境变量,Maven可以自动管理项目的... 目录准备工作下载并安装Maven常见问题及解决方法实际应用案例总结Maven是一个流行的项目管理工具

MySql9.1.0安装详细教程(最新推荐)

《MySql9.1.0安装详细教程(最新推荐)》MySQL是一个流行的关系型数据库管理系统,支持多线程和多种数据库连接途径,能够处理上千万条记录的大型数据库,本文介绍MySql9.1.0安装详细教程,... 目录mysql介绍:一、下载 Mysql 安装文件二、Mysql 安装教程三、环境配置1.右击此电脑

在 Windows 上安装 DeepSeek 的完整指南(最新推荐)

《在Windows上安装DeepSeek的完整指南(最新推荐)》在Windows上安装DeepSeek的完整指南,包括下载和安装Ollama、下载DeepSeekRXNUMX模型、运行Deep... 目录在www.chinasem.cn Windows 上安装 DeepSeek 的完整指南步骤 1:下载并安装

VScode连接远程Linux服务器环境配置图文教程

《VScode连接远程Linux服务器环境配置图文教程》:本文主要介绍如何安装和配置VSCode,包括安装步骤、环境配置(如汉化包、远程SSH连接)、语言包安装(如C/C++插件)等,文中给出了详... 目录一、安装vscode二、环境配置1.中文汉化包2.安装remote-ssh,用于远程连接2.1安装2