前言:需要学习的知识太多,从一开始就在寻找一款能让我完全满意的编辑器,然而一直都没有令我满意的。在前两天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. regex(python)

    正则表达式 #!/usr/bin/env python # -*- coding: utf-8 -*- # @Time : 2018/7/26 16:39 # @Author : jackendoff ...

  2. nginx简单安装

    虚拟机首先要求ping www.baidu.com 下载: 解压: 创建用户: [root@nginx ~]# useradd -M -s /sbin/nologin nginx-M 不创建加目录   ...

  3. wsdl中含ref="s:schema"时处理

    转载地址:http://ljhzzyx.blog.163.com/blog/static/38380312201471375946602/

  4. SPI以及IIC的verilog实现以及两者之间的对比

    一.SPI是一种常用的串行通信接口,与UART不同的地方在于.SPI可以同时挂多个从机,但是UART只能点对点的传输数据,此外SPI有四条线实现数据的传输,而UART采用的是2条实现串行数据的传输 1 ...

  5. [LC] 113. Path Sum II

    Given a binary tree and a sum, find all root-to-leaf paths where each path's sum equals the given su ...

  6. C++ 中类的内存布局

    在许多笔试面试中都会涉及到sizeof 运算符的求值问题. 这类问题主要分四类: 基本数据类型,如int,bool,fload,long,long,int * 等,这一类比较简单,但要注意x86和x6 ...

  7. scala编程(四)——类和对象

     类,字段和方法 在scala里定义一个典型的类,代码如下: class ChecksumAccumulator { private var sum = 0 def add(b: Byte): Uni ...

  8. 前端-css-长期维护

    ###############    CSS简介    ################ # CSS # HTML是骨架 # CSS是样式 # JS是动作 # css和html是分成两个文件编写的,这 ...

  9. springboot学习笔记:7.IDEA下5步完成热部署配置

    开发工具IDEA 2017.02   JDK1.8 1.pom.xml中增加: <dependency> <groupId>org.springframework.boot&l ...

  10. 林轩田机器学习基石课程学习笔记5 — Training versus Testing

    上节课,我们主要介绍了机器学习的可行性.首先,由NFL定理可知,机器学习貌似是不可行的.但是,随后引入了统计学知识,如果样本数据足够大,且hypothesis个数有限,那么机器学习一般就是可行的.本节 ...