[超详细] [效能工具]Typora+PicGo+Github免费图床快速搭建,提升技术文档输出效率
一、前言
在我们日常的学习和工作中,我们经常需要进行写作。尤其对于我们程序技术人员而言,工作中的技术方案文档或者接口文档等,都是经常需要用上的。
那么如果没有一个高效的工具,去帮助我们记录和创作,这将会使我们浪费大量的时间在这些文档创作上面。
接下来我将介绍自己在平时工作中经常使用到的一套文档工具集合。
二、搭建说明
1.Typora
Typora是一款简洁的Markdown文本编辑器,能够帮助我们自动利用Markdown格式统一文章排版,而无需专门去学习Markdown的语法,从而提升我们的写作效率
如果有下载困难的同学,我提供下0.11.8免费版本的安装包
百度网盘:
链接:https://pan.baidu.com/s/1qOAPoJ3ibV4r-3tGHKeNpg
提取码:zv7h
下载完成后,直接安装。无注意点
安装完后,软件打开,如图
2.PicGo
PicGo是一款功能非常强大的图床上传工具,能够自动把本地图片上传至网络,并转换成可访问的链接。目前支持SM.MS,腾讯COS,阿里云OSS,Github,七牛云,Imgur,又拍云等多种平台。默认的是SM.MS图床平台。但我们一般喜欢用自己搭建的图床平台。
下载地址:https://github.com/Molunerfinn/PicGo/releases
如果有下载慢的同学,我提供下2.3.1版本的安装包
百度网盘
链接:https://pan.baidu.com/s/1_K0fiCy6UphW7SaLtTAN4g
提取码:mmbk
下载完成后,直接安装。无注意点,一直下一步就好。
安装完后,软件打开,如图
PicGo最大的优点就是可以和Typora结合使用,作为图片上传工具使用。与Typora配置好关联后,在进行写作时,如果需要穿插图片,只需要将图片复制粘贴到Typora的编辑区域,就可以通过PicGo自动上传到指定图床平台,并获得外网能访问的URL进行展示。
3.搭建流程
两个工具安装完成后,接下来我们开始搭建图床平台,并通过PicGo与Typora关联,实现图片自动上传图床平台
第一步、github图床平台
这里我选择github免费图床平台,白嫖不香嘛
注册github账号
这步由同学自行完成,不做过多说明
创建图床仓库
这里的仓库,就是我们最终存放图片的位置
Public必须公开,Private的无法访问
- 获取token
进入账号settings
选择'开发者设置'
创建token
复制token,请务必保存好此Token,关闭页面之后,将不会再显示,也无法查看
至此,github图床搭建工作已经完成,请保存好仓库名称和token,下一步将会使用到
第二步、PicGo配置Github图床
- 确认并设置为默认图床
- 测试上传
通过上传区,测试下本地图片上传;上传成功后,可以在左侧相册里面查看
- 配置github图床加速
默认情况下,在国内访问github是比较慢的,有时候甚至会出现根本访问不了的情况,最终会导致图片无法上传
所以我们可以借助一款免费的cdn加速器,来解决这个访问不稳定的问题
只需要将github的域名换成https://cdn.jsdelivr.net/gh即可
如图,配置在PicGo-设置自定义域名一栏
第三步、Typora关联PicGo
- 文件 -> 偏好设置
- 偏好设置 -> 图像
- 测试一下,验证是否成功
自此,关于图床的所有配置全部完成,同学们可以开始写文章,插入图片,自动上传到远端图床平台了
[超详细] [效能工具]Typora+PicGo+Github免费图床快速搭建,提升技术文档输出效率的更多相关文章
- Typora + picgo + sm.ms 图床设置笔记
Typora + picgo + sm.ms 图床设置笔记 编辑于2020-03-26 本文部分内容在作者教程的基础上进行了二次编辑,如有重复,纯属必然 在此感谢大佬们的无私付出与分享 之前 用了 g ...
- Typora+PicGO+Gitee实现图床功能
Typora+PicGO+Gitee实现图床功能 版本 typora(0.9.86) PicGo(2.3.0) 主要参考链接 出现问题就先看看这个 问题一 打开PicGo后安装github插件会一直安 ...
- GitHub+PicGo构建免费图床及其高效使用
搭建免费图床全过程! 一.搭建缘由 一开始搭建博客,避免不了要用许多图片,最初使用七牛云来做博客图床,但是后来发现,七牛云只有30天的临时域名,hhhhhhh,果然啊,天下就没有免费的好事啊~后来就发 ...
- 解放双手,markdown文章神器,Typora+PicGo+七牛云图床实现自动上传图片
本文主要分享使用Typora作为Markdown编辑器,PicGo为上传图片工具,使用七牛云做存储来解放双手实现图片的自动化上传与管理.提高写作效率,提升逼格.用过 Markdown 的朋友一定会深深 ...
- 使用Typora+PicGo配置Gitee图床
1.图床痛点 通常我们用 Typora 写 Markdown 文档,对于文档里面的图片,如果不使用图床,图片都是存放在本地,如果把文档复制到别的地方,还得额外复制图片,特别麻烦. 为了解决这种问题,一 ...
- Typora+PicGo+Gitee打造图床
前言 自己一直使用的是Typora来写博客,但比较麻烦的是图片粘贴上去后都是存储到了本地,写好了之后放到博客园等地,图片不能直接访问,但如今Typora已经支持图片上传,所以搞了一波图片上传到Gi ...
- 【超详细】MakeDown(Typora)+PicGo+Gitee实现图床
[超详细]MakeDown(Typora)+PicGo+Gitee实现图床 序言:我们有时在用makedown整理笔记时想把自己的笔记上传到博客园,可是发现在上传过程中makedown中的图片显示不出 ...
- Typora+PicGo+GitHub实现md自带图床效果
1 GitHub创建作为图床的仓库 1.1 在GitHub中创建一个仓库 注意仓库要是public的,不然上传的图片还是无法使用的.如果不知道怎么创建仓库,可以百度一下. 1.2 在GitHub生成一 ...
- GitHub+jsDelivr+PicGo 打造稳定快速、高效免费图床
标题: GitHub+jsDelivr+PicGo 打造稳定快速.高效免费图床 作者: 梦幻之心星 347369787@QQ.com 标签: [GitHub, 图床] 目录: 图床 日期: 2019- ...
- 使用jsdelivr + GitHub + PicGo搭建免费图床
前言 之前一直有开通有道云笔记会员,主要是为了会员markdown图片可以在线保存的功能,前一阵子会员到期,考虑这个功能可不可以自己单独实现,从而替代使用有道云会员. 通过网上搜索的方式,查询到了几种 ...
随机推荐
- SpringBoot(七) - Redis 缓存
1.五大基本数据类型和操作 1.1 字符串-string 命令 说明 set key value 如果key还没有,那就可以添加,如果key已经存在了,那会覆盖原有key的值 get key 如果ke ...
- HTML+CSS基础知识(4)简单的广告界面
文章目录 1.网页实例 1.1 代码 1.2 测试效果 1.网页实例 1.1 代码 css样式 /* 清除页面样式 */ *{ margin:0; padding: 0; } /* 统一页面的样式 * ...
- vue中使用分页组件、将从数据库中查询出来的数据分页展示(前后端分离SpringBoot+Vue)
文章目录 1.看实现的效果 2.前端vue页面核心代码 2.1. 表格代码(表格样式可以去elementui组件库直接调用相应的) 2.2.分页组件代码 2.3 .script中的代码 3.后端核心代 ...
- webscraper 无代码爬虫
官网:https://www.webscraper.io/web-scraper-first-time-install webscraper 简介 Web Scraper 是一款免费的,适用于普通用户 ...
- Sqlite 安装操作使用
一.什么是 SQLite 数据库 SQLite 是嵌入式SQL数据库引擎.与大多数其他 SQL 数据库不同,SQLite 没有单独的服务器进程.SQLite 直接读取和写入普通磁盘文件.具有多个表,索 ...
- 使用DOS命令运行JAVA项目
使用DOS命令运行JAVA项目 找到生成项目的文件夹: 在地址前加上cmd+空格,进入命令窗口: 输入javac 类的名称.java,生成class文件: 输入java 类的名称: 运行成功:
- hwlog----types.go
// Copyright(C) 2021. Huawei Technologies Co.,Ltd. All rights reserved.// Package hwlog provides the ...
- vue cli2安装
安装nodejs npm install -g npm npm自动更新到最新版本 node -v或者npm -v 查看nodejs是否安装成功 1 2 配置淘宝镜像 npm config set ...
- Selenium4+Python3系列(九) - 上传文件及滚动条操作
一.上传文件操作 上传文件是每个做自动化测试同学都会遇到,而且可以说是面试必考的问题,标准控件我们一般用send_keys()就能完成上传, 但是我们的测试网站的上传控件一般为自己封装的,用传统的上传 ...
- day42 6-5 springMVC调度器、ModelAndView、配置thymeleaf模板引擎 & 6-6 thymeleaf语法 & 6-7 springMVC拦截器 & 6-8 设置请求编码过滤器Filter
springMVC调度器 - DispatcherServlet - SpringMVC框架的入口 定义 DispatcherServlet成为调度器,配置在web.xml文件中,用于拦截匹配的请求. ...