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

相关文章

Jsoncpp的安装与使用方式

《Jsoncpp的安装与使用方式》JsonCpp是一个用于解析和生成JSON数据的C++库,它支持解析JSON文件或字符串到C++对象,以及将C++对象序列化回JSON格式,安装JsonCpp可以通过... 目录安装jsoncppJsoncpp的使用Value类构造函数检测保存的数据类型提取数据对json数

mac安装redis全过程

《mac安装redis全过程》文章内容主要介绍了如何从官网下载指定版本的Redis,以及如何在自定义目录下安装和启动Redis,还提到了如何修改Redis的密码和配置文件,以及使用RedisInsig... 目录MAC安装Redis安装启动redis 配置redis 常用命令总结mac安装redis官网下

最新版IDEA配置 Tomcat的详细过程

《最新版IDEA配置Tomcat的详细过程》本文介绍如何在IDEA中配置Tomcat服务器,并创建Web项目,首先检查Tomcat是否安装完成,然后在IDEA中创建Web项目并添加Web结构,接着,... 目录配置tomcat第一步,先给项目添加Web结构查看端口号配置tomcat    先检查自己的to

Servlet中配置和使用过滤器的步骤记录

《Servlet中配置和使用过滤器的步骤记录》:本文主要介绍在Servlet中配置和使用过滤器的方法,包括创建过滤器类、配置过滤器以及在Web应用中使用过滤器等步骤,文中通过代码介绍的非常详细,需... 目录创建过滤器类配置过滤器使用过滤器总结在Servlet中配置和使用过滤器主要包括创建过滤器类、配置过滤

如何安装 Ubuntu 24.04 LTS 桌面版或服务器? Ubuntu安装指南

《如何安装Ubuntu24.04LTS桌面版或服务器?Ubuntu安装指南》对于我们程序员来说,有一个好用的操作系统、好的编程环境也是很重要,如何安装Ubuntu24.04LTS桌面... Ubuntu 24.04 LTS,代号 Noble NumBAT,于 2024 年 4 月 25 日正式发布,引入了众

Ubuntu 怎么启用 Universe 和 Multiverse 软件源?

《Ubuntu怎么启用Universe和Multiverse软件源?》在Ubuntu中,软件源是用于获取和安装软件的服务器,通过设置和管理软件源,您可以确保系统能够从可靠的来源获取最新的软件... Ubuntu 是一款广受认可且声誉良好的开源操作系统,允许用户通过其庞大的软件包来定制和增强计算体验。这些软件

如何安装HWE内核? Ubuntu安装hwe内核解决硬件太新的问题

《如何安装HWE内核?Ubuntu安装hwe内核解决硬件太新的问题》今天的主角就是hwe内核(hardwareenablementkernel),一般安装的Ubuntu都是初始内核,不能很好地支... 对于追求系统稳定性,又想充分利用最新硬件特性的 Ubuntu 用户来说,HWEXBQgUbdlna(Har

在 VSCode 中配置 C++ 开发环境的详细教程

《在VSCode中配置C++开发环境的详细教程》本文详细介绍了如何在VisualStudioCode(VSCode)中配置C++开发环境,包括安装必要的工具、配置编译器、设置调试环境等步骤,通... 目录如何在 VSCode 中配置 C++ 开发环境:详细教程1. 什么是 VSCode?2. 安装 VSCo

python中poetry安装依赖

《python中poetry安装依赖》本文主要介绍了Poetry工具及其在Python项目中的安装和使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随... 目录前言1. 为什么pip install poetry 会造成依赖冲突1.1 全局环境依赖混淆:1

windows端python版本管理工具pyenv-win安装使用

《windows端python版本管理工具pyenv-win安装使用》:本文主要介绍如何通过git方式下载和配置pyenv-win,包括下载、克隆仓库、配置环境变量等步骤,同时还详细介绍了如何使用... 目录pyenv-win 下载配置环境变量使用 pyenv-win 管理 python 版本一、安装 和