前言:需要学习的知识太多,从一开始就在寻找一款能让我完全满意的编辑器,然而一直都没有令我满意的。在前两天Typora新版本更新后,总算是拥有了一套我认为很完美的笔记方案:使用Typora编写markdown笔记,使用Gitee作为图床,并使用Typora新版本整合的PicGo软件实现图片自动上传。

一、工具

Markdown是一门易于上手能帮助作者专心写作的文档编辑语言,它的好处太多了,建议想自己动手做笔记写博客的朋友都可以学一学,10分钟上手,从此不用在为排版烦恼。

Typora是一款优雅的markdown编辑器,所见即所得的编辑方式让我爱不释手,也推荐给大家。

Gitee是国内版的Github,功能跟Github基本一样,主要是在国内访问非常快,作为图床和笔记文件存放仓库非常合适。

PicGo实现自动上传图片并返回markdown格式的图片url,这是自动上传的,也就是在Typora中插入图片就自动帮你上传替换图片的url,对于我们用户是透明的,十分舒服。

二、安装步骤

需要注册Gitee账户跟Github一样,就不具体描述了,并创建存放笔记的仓库,比如notebook。

1)安装和配置Typora

  1. 到官网https://www.typora.io/下载安装即可。
  2. 配置图片自动上传:
    1. 偏好设置->图像->插入图片时:选择上传图片。
    2. 偏好设置->图像->上传服务:选择PicGo.app。
  3. 使用git将在Gitee上创建的存放笔记的仓库git clone到本地,使用Typora打开目录,之后就可以新增自己的*.md笔记文件,最后使用git add、commit、push上传到Gitee上保存。

2)在Gitee上创建图床仓库

  1. 在Gitee上创建存放图片的仓库,比如images4mk。
  2. 在该项目下创建一个文件夹叫imgs。
  3. 在网页上点击头像->设置->私人令牌->生成新令牌(将生成的令牌保存下来)。

3)安装PicGo

  1. 到github地址https://github.com/Molunerfinn/PicGo/releases下载PicGo软件并安装。

  2. 打开PicGo主界面,在插件设置中搜索gitee,安装gitee。安装完之后完成对应配置:

    首先复制Gitee上的图床仓库url,例如:https://gitee.com/jinchengll/images4mk

    1. url:https://gitee.com
    2. ower:填gitee的用户名(对应图床仓库url中的jinchengll)
    3. repo:图床仓库名(对应图床仓库url中的images4mk)
    4. path:imgs
    5. token:填入在2中生成的新令牌字符串。
  3. 将默认图床设置为Gitee图床。

三、测试

在Typora中新建md文件,并插入图片,看图片url是否会自动变成gitee的url。

Typora+PicGo+Gitee笔记方案的更多相关文章

  1. 你要是还学不会,请提刀来见 Typora+PicGo+Gitee + node.js 打造个人高效稳定优雅图床

    你要是还学不会,请提刀来见 Typora+PicGo+Gitee + node.js 打造个人高效稳定优雅图床 经过前面两弹的介绍,相信大家对图床都不陌生了吧, 但是小魔童觉得这样做法还是不方便,使用 ...

  2. typora+picgo+gitee 图片无法加载问题

    typora+picgo+gitee 图片无法加载问题 待解决

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

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

  4. Typora+PicGo+Gitee打造图床

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

  5. Typora + PicGo + Gitee 实现图片自动上传到图床

    1.下载并安装 Typora (windows版本) https://typora.io/#windows 2.设置图像 文件 -- 偏好设置 -- 图像 3.上步点击下载PicGo(app) 后,去 ...

  6. Typora+Picgo+Gitee实现上传图片

    下载picgo和node.js 百度网盘地址: 链接:https://pan.baidu.com/s/1QwbXn4vFuDfSFNOnZU5-Jg 取码:efgc 打开picgo,安装gitee-u ...

  7. typora+PicGo+gitee搭建免费的的床

    一.gitee 1.第一步拥有自己的gitee账号 没有的可以自己去注册gitee地址 2.使用自己的gitee账号创建仓库 创建好之后注意 记住.com/以后的地址 此处就为y***L/photo- ...

  8. Typora PicGo Gitee博客写作好搭档

    利用Gitee仓库存放图片 1.首先在Gitee上创建一个公开的仓库,我这里创建了一个名叫resources的仓库: 2.在Gitee中获取私人令牌(个人设置界面中): 安装配置PicGo 1.下载自 ...

  9. Picgo + Gitee +Typora(自动上传)搭建markdown免费图库

    Picgo + Gitee +Typora(自动上传)搭建markdown免费图库 前言: ​ 在写博客的是时候,之前那都是直接在博客网站上面写好了,再一一插入图片,当要在同时2个以上的博客上面发表的 ...

随机推荐

  1. Qt OpenCV 在界面显示图片 通过Lable方式 和GraphicsView 方式

    1. 通过lable方式打开图片. 代码如下: void MainWindow::on_pushButton_clicked() { Mat srcImage,gray_image,srcImage1 ...

  2. [数学][欧拉降幂定理]Exponial

    Exponial 题目 http://exam.upc.edu.cn/problem.php?cid=1512&pid=4 欧拉降幂定理:当b>phi(p)时,有a^b%p = a^(b ...

  3. zabbix监控Linux服务器CPU使用率大于40%的时候报警(实践版)

    zabbix自带的模板里面有监控项,所以监控项就不用创建了,直接创建触发器就可以了,触发器细节如下: 名称:CPU使用率大于40% 严重性:严重 表达式:{121.201.54.50:system.c ...

  4. 吴裕雄--天生自然python学习笔记:python安装配置tesseract-ocr-setup-3.05.00dev.exe

    下载地址:https://digi.bib.uni-mannheim.de/tesseract/tesseract-ocr-setup-3.05.00dev.exe 点击安装,记得复制安装的路径,待会 ...

  5. Super Mario HDU - 4417 (主席树询问区间比k小的个数)

    Mario is world-famous plumber. His “burly” figure and amazing jumping ability reminded in our memory ...

  6. day38-进程-事件

    #1.事件Event:以交通灯为例.可以控制所有进程等待或者运行. from multiprocessing import Event e = Event() #实例化一个事件,创建一个交通灯,默认是 ...

  7. Office 365管理中心门户

    一.使用Office 365管理员账户登陆到由世纪互联运营的Office 365 登陆地址 https://portal.partner.microsoftonline.cn 1.登陆完成后,选择左上 ...

  8. [LC] 437. Path Sum III

    You are given a binary tree in which each node contains an integer value. Find the number of paths t ...

  9. 计算机BIOS的简单设置(要安装Linux需关闭Security Boot选项)

    计算机BIOS的简单设置(要安装Linux需关闭Security Boot选项) 发布时间:2016-12-07 22:46:19来源:linux网站作者:乐百川 BIOS是什么 BIOS全称是基本输 ...

  10. 三、RabbitMQ安装

    安装前准备 Linux版本信息: 发行版本:CentOS Linux release 7.5.1804 (Core) 内核版本:Linux version 3.10.0-862.el7.x86_64 ...