小编整理的markdown相关文章

码住????给小编加鸡腿
【资源下载】好用的markdown编辑器(附下载链接)

【资源下载】了不起的markdown——推荐Typora(附下载链接)

【经验分享】Typora 快速编辑 markdown 快捷键

【经验分享】强强联合Typora+PicGo让markdown更简单


前言

使用举例:

【经验分享】强强联合Typora+PicGo让markdown更简单

好了,功能是不是很满意?节省了很多时间是不是,很 nice!下面来具体实现:

1、Typora+PicGo+Gitee实现图片上传功能

1.1 建立 Gitee 图床

注册 gitee 账号并创建一个仓库当图床

(1)注册或登陆 Gitee

Gitee 官网网址:https://gitee.com/

注册账号在这里就不说明了啊,注册好账号之后登陆 Gitee

(2)新建仓库当图床

【经验分享】强强联合Typora+PicGo让markdown更简单

然后改图片中的三处:

【经验分享】强强联合Typora+PicGo让markdown更简单

因为我已经建立了 PictureBed 这个仓库,所以提示已经存在。

1.2 生成私人令牌

点击设置里的私人令牌,点击生成私人令牌

【经验分享】强强联合Typora+PicGo让markdown更简单

【经验分享】强强联合Typora+PicGo让markdown更简单

提交即可,复制令牌,可以写在 text 文本中,稍后在 Gitee 图床配置中会用到!

!> 注:令牌只会显示一次,如果不复制的话,就只能重新修改令牌,步骤:修改 --> 重新生成令牌

1.3 安装 PicGo

这是一款图片上传的工具,目前支持微博图床,七牛图床,腾讯云,又拍云,GitHub,Gitee等图床,在这里,我们使用 Gitee 作为图床。

下载 PicGo

下载链接:https://github.com/Molunerfinn/picgo/releases

小编自己使用的PicGo链接奉上:https://github.com/ACosine/Tools

选个自己喜欢的版本,点击进入,找到后缀 .exe 的,点击后自动下载。或者直接使用最新版。

【经验分享】强强联合Typora+PicGo让markdown更简单

1.4 PicGo 配置 Gitee 图床

(1)下载 Gitee 插件

注:若没有安装 node.js ,则会安装不了插件。因为插件下载需要使用到 node.js 的 npm!

安装 node.js

node.js 官网下载链接:https://nodejs.org/zh-cn/

安装好之后,打开 PicGo 软件,点击插件设置,搜索 gitee,选择第一个即可,右边的插件也可以,配置过程也差不多

【经验分享】强强联合Typora+PicGo让markdown更简单

(2)配置 Gitee 图床

首先在 PicGo 设置中选择PigGo设置,特别注意将此处的“时间戳重命名”设置为开

【经验分享】强强联合Typora+PicGo让markdown更简单

然后在图床设置中进行配置 Gitee 图床

【经验分享】强强联合Typora+PicGo让markdown更简单

点击确定,就可以使用了,如果只想上传图片,到这一步就可以了,不过我还是推荐你继续往下看,因为真的很提高开发效率!

1.5 Typora 配置 Gitee 图床

使用这一步,首先要下载安装 Typora,官网地址:https://www.typora.io/ 直接安装即可,操作简单。

安装好 Typora 之后,打开进入 Typora,点击上方目录:文件 --> 偏好设置 --> 图像 --> 配置图床

【经验分享】强强联合Typora+PicGo让markdown更简单

关键一步:

当点击验证图片上传选项时,会提示你使用下面网址上传,记住它!比如我的是 http://127.0.0.1:36677/upload,要保证这里的地址和 PicGo 中的上传地址一致,所以要去 PicGo 中去验证,不一样就将 PicGo 中的地址改成这里的就可以了。

【经验分享】强强联合Typora+PicGo让markdown更简单

到 PicGo 中去验证:

点击 PicGo 设置 --> 设置 Sever,若和 Typora 中图片上传地址不一样,改成 Typora 中的监听端口即可,然后确认。

【经验分享】强强联合Typora+PicGo让markdown更简单

测试使用

去前言部分看效果,测试嘛,你试试就知道啦!



2、Typora+PicGo+Github实现图片上传功能

2.1 GitHub 仓库设置

流程:新建 public 仓库 -> 创建 token -> 复制 token 备用

2.1.1 新建仓库

点击 git 主页右上角的 + 创建 New repository

填写仓库信息,例如我就创建了一个 cloudimg 的仓库。这里注意,仓库得设置为 Public 因为后面通过客户端访问算是外部访问,因此无法访问 Private ,这样的话图片传上来之后只能存储不能显示。所以要设置为 Public

【经验分享】强强联合Typora+PicGo让markdown更简单

2.1.2 创建 token 并复制保存

此时仓库已经建立,点击右上角头像,然后进入设置;

【经验分享】强强联合Typora+PicGo让markdown更简单

在页面最下找到 Developer settings,点击进入;

【经验分享】强强联合Typora+PicGo让markdown更简单

创建 token;
【经验分享】强强联合Typora+PicGo让markdown更简单
填 description(也是随心填),勾选复选框 repo ,接着到页面底部 Generate token 就完成了;

【经验分享】强强联合Typora+PicGo让markdown更简单

然后复制生成一串字符 token,这个 token 只出现一次,所以要保存一下(我一般记在微信收藏)。

【经验分享】强强联合Typora+PicGo让markdown更简单

2.2 PicGo客户端配置

2.2.1 下载&安装

PicGo是一个开源的图床工具,非常优秀。小编自己使用的PicGo链接奉上:https://github.com/ACosine/Tools

2.2.2 配置

先上图

【经验分享】强强联合Typora+PicGo让markdown更简单

  • 仓库名 即你的仓库名
  • 分支名 默认 master
  • Token 就是刚刚复制的那一串字符
  • 存储路径 这个可以填也可以不填,填了的话图片就上传到 git 中 data 这个文件夹
  • 域名 https://raw.githubusercontent.com/yefcion/cloudimg/master这个要改一下 格式 https://raw.githubusercontent.com/[username]/[仓库名]/master

然后点确定就可以了。

注:这里提供一个加速访问图片的方法:CDN加速,具体原理自行百度(我还不是很懂)
将上面的域名改为:
原 https://raw.githubusercontent.com/yefcion/cloudimg/master
现 https://cdn.jsdelivr.net/gh/yefcion/[email protected]

然后关于上传的快捷键设置。默认的是 Mac 按键,推荐改成 Ctrl + alt +c

【经验分享】强强联合Typora+PicGo让markdown更简单

综上,操作完成。

本方案唯一缺点,不能私人。但是考虑到 GitHub 上传的图在列表里没法预览,应该没人会闲着没事翻记录。

相关文章:

  • 2021-10-25
  • 2022-12-23
  • 2021-11-08
  • 2021-11-18
  • 2022-12-23
  • 2022-01-25
  • 2021-09-05
  • 2021-08-22
猜你喜欢
  • 2022-12-23
  • 2021-10-11
  • 2021-10-17
  • 2021-09-21
  • 2021-08-07
相关资源
相似解决方案