一、前言

在我们日常的学习和工作中,我们经常需要进行写作。尤其对于我们程序技术人员而言,工作中的技术方案文档或者接口文档等,都是经常需要用上的。

那么如果没有一个高效的工具,去帮助我们记录和创作,这将会使我们浪费大量的时间在这些文档创作上面。

接下来我将介绍自己在平时工作中经常使用到的一套文档工具集合。

二、搭建说明

1.Typora

Typora是一款简洁的Markdown文本编辑器,能够帮助我们自动利用Markdown格式统一文章排版,而无需专门去学习Markdown的语法,从而提升我们的写作效率

下载地址:https://www.typora.io/

如果有下载困难的同学,我提供下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免费图床快速搭建,提升技术文档输出效率的更多相关文章

  1. Typora + picgo + sm.ms 图床设置笔记

    Typora + picgo + sm.ms 图床设置笔记 编辑于2020-03-26 本文部分内容在作者教程的基础上进行了二次编辑,如有重复,纯属必然 在此感谢大佬们的无私付出与分享 之前 用了 g ...

  2. Typora+PicGO+Gitee实现图床功能

    Typora+PicGO+Gitee实现图床功能 版本 typora(0.9.86) PicGo(2.3.0) 主要参考链接 出现问题就先看看这个 问题一 打开PicGo后安装github插件会一直安 ...

  3. GitHub+PicGo构建免费图床及其高效使用

    搭建免费图床全过程! 一.搭建缘由 一开始搭建博客,避免不了要用许多图片,最初使用七牛云来做博客图床,但是后来发现,七牛云只有30天的临时域名,hhhhhhh,果然啊,天下就没有免费的好事啊~后来就发 ...

  4. 解放双手,markdown文章神器,Typora+PicGo+七牛云图床实现自动上传图片

    本文主要分享使用Typora作为Markdown编辑器,PicGo为上传图片工具,使用七牛云做存储来解放双手实现图片的自动化上传与管理.提高写作效率,提升逼格.用过 Markdown 的朋友一定会深深 ...

  5. 使用Typora+PicGo配置Gitee图床

    1.图床痛点 通常我们用 Typora 写 Markdown 文档,对于文档里面的图片,如果不使用图床,图片都是存放在本地,如果把文档复制到别的地方,还得额外复制图片,特别麻烦. 为了解决这种问题,一 ...

  6. Typora+PicGo+Gitee打造图床

    前言 ​ 自己一直使用的是Typora来写博客,但比较麻烦的是图片粘贴上去后都是存储到了本地,写好了之后放到博客园等地,图片不能直接访问,但如今Typora已经支持图片上传,所以搞了一波图片上传到Gi ...

  7. 【超详细】MakeDown(Typora)+PicGo+Gitee实现图床

    [超详细]MakeDown(Typora)+PicGo+Gitee实现图床 序言:我们有时在用makedown整理笔记时想把自己的笔记上传到博客园,可是发现在上传过程中makedown中的图片显示不出 ...

  8. Typora+PicGo+GitHub实现md自带图床效果

    1 GitHub创建作为图床的仓库 1.1 在GitHub中创建一个仓库 注意仓库要是public的,不然上传的图片还是无法使用的.如果不知道怎么创建仓库,可以百度一下. 1.2 在GitHub生成一 ...

  9. GitHub+jsDelivr+PicGo 打造稳定快速、高效免费图床

    标题: GitHub+jsDelivr+PicGo 打造稳定快速.高效免费图床 作者: 梦幻之心星 347369787@QQ.com 标签: [GitHub, 图床] 目录: 图床 日期: 2019- ...

  10. 使用jsdelivr + GitHub + PicGo搭建免费图床

    前言 之前一直有开通有道云笔记会员,主要是为了会员markdown图片可以在线保存的功能,前一阵子会员到期,考虑这个功能可不可以自己单独实现,从而替代使用有道云会员. 通过网上搜索的方式,查询到了几种 ...

随机推荐

  1. .net core -利用 BsonDocumentProjectionDefinition 和Lookup 进行 join 关联 MongoDB 查询

    前序 前段时间由于项目需要用到MongoDB,但是MongoDB不建议Collection join  查询,网上很多例子查询都是基于linq 进行关联查询.但是在stackoverflow找到一个例 ...

  2. python基础之数据类型总结

    一.列表 1.作用:列表主要用于存储多个数据. 2.空列表表示:li=[]或者li=list() 3.列表的索引和切片:同字符串的索引和切片,索引超出范围报错,切片超出范围不报错. list3 = [ ...

  3. 7. url反向解析和静态文件

    一.代码中url出现的位置 1.模版[html]中 1.<a href='urk'>超链接点击跳转<a/> 2.<form action='url' method='po ...

  4. SQL--Case When.. Then.. end的使用

    Case  When.. Then.. end的使用场景 当字段有不同的值,根据不同的值表示不同的内容 use [数据库名] go if exists( select * from sys.views ...

  5. java学习之注解

    0x00前言 1.注解是什么: (1)可以叫做注释类型,注解是一种引用数据类型,编译后也是生成class文件 (2)提供信息给编译器: 编译器可以利用注解来探测错误和警告信息 比如 @Override ...

  6. 【笔记】CF1251E Voting 及相关

    题目传送门 贪心: 一个人 \(i\) 要投票,两种情况:花钱,或当前的人数达到了 \(m_i\). 而当前达到 \(m_i\) 的话所有 \(m_j \le m_i\) 也就达到要求了. 所以考虑将 ...

  7. windows查看端口和杀掉端口

    //执行下面命令 netstat --help 获取netstat的所有命令参数 //例如查看8080端口占用 netstat -ano | findstr 8080 //查看该端口是什么 taskl ...

  8. nginx日志切割并备份

    [root@lecode-pre55 bin]# cat nginx-log.sh #!bin/bash #auther:ansheng #desc: nginx日志备份,注意脚本中文件的路径. #备 ...

  9. 2022-11-04 Acwing每日一题

    本系列所有题目均为Acwing课的内容,发表博客既是为了学习总结,加深自己的印象,同时也是为了以后回过头来看时,不会感叹虚度光阴罢了,因此如果出现错误,欢迎大家能够指出错误,我会认真改正的.同时也希望 ...

  10. Go语言书籍推荐

    附录: 其他书籍的介绍:https://github.com/golang/go/wiki/Books Go程序设计语言 (圣经) 作者 艾伦 A.A.多诺万 Kernighan 下载地址 中文版PD ...