Markdown优雅地插入图片
Markdown优雅地插入图片
在博客中使用Picgo+Github图床(cdn加速)插入图片
详见:链接
其实很早就接触了Markdown语法了,那是可以追溯到学生时代。在学校实验室的时候需要对一些新来的师弟师妹进行培训,就需要写一些教程文档,那时候就开始利用Markdown+Typora进行教程编写,但是苦于Markdown语法的特殊性使得图片的插入尤为困难,移动文档的时候往往图片会挂掉,这对于我来说就是十分不方便的,所以最后就不了了之,用回office作罢…
等到了工作的时候,来到东阳光刚刚入职那会师姐就发来一个用Markdown写的教程文档,我眼前一亮,居然文档可以那么优美简洁,加上学生时代早有接触我打起了重拾Markdown的信心,随后便疯狂地爱上了这种**“轻量级标记语言”**。
那么怎么解决图片的问题呢?经过简单的查找之后我找到了PicGo
+Github(cdn)
的强强组合,这样的组合即简单易用又稳定可靠访问速度还比较快,不用担心图片会被删掉。
PicGo
PicGo的主页:https://github.com/Molunerfinn/PicGo
PicGo:一个有用的快速上传图片并获取图片URL链接的工具
PicGo本体支持如下图床:
七牛图床
v1.0腾讯云 COS v4\v5 版本
v1.1和v1.5.0又拍云
v1.2.0GitHub
v1.5.0SM.MS V2
v2.3.0-beta.0阿里云 OSS
v1.6.0Imgur
v1.6.0
PicGo的界面:
利用这样的小插件的话可以让我们的Markdown文档轻易的插入图片,在线图片特别方便用于分享出去,芜湖,起飞了!
安装教程:https://github.com/Molunerfinn/PicGo
GitHub图床
GitHub想必大家都知道吧!在线程序员交友平台
我们就是利用这个平台作为一个稳定可靠的图片保存位置。
1.登录GitHub创建Repository
2.设置Repository
- 设置仓库名
- 设置为Pubic(重要)如果设置为私人的话就看不到了
- 创建仓库
3.生成一个Token
点开头像的设定值
点开左侧最下面的开发人员设定
点击个人访问令牌
创建新的Token
填写描述,选择repo
,然后点击Generate token
按钮
注意:这串token十分重要,记录下来只会显示一次,要好好保存,不能落入其他人手中喔!
配置PicGo
下载相应的版本
安装:不会装的看文档
设定仓库名的时候,是按照“账户名/仓库名的格式填写”
分支名统一填写“master”
将之前的Token黏贴在这里
存储的路径可以按照我这样子写,就会在repository下创建一个“img”文件夹
自定义域名的作用是,在上传图片后成功后,PicGo会将“自定义域名+上传的图片名”生成的访问链接,放到剪切板上
https://raw.githubusercontent.com/用户名/RepositoryName/分支名,
,自定义域名需要按照这样去填写或者使用cdn加速:
https://cdn.jsdelivr.net/gh/用户名/RepositoryName
来进行加速
这样之后就可以愉快地在文档中加入图片了
博客地址:https://usg-cn.web.app/
Markdown优雅地插入图片相关推荐
- 如何在Github的Markdown文件中插入图片?
如何在Github的Markdown文件中插入图片 操作问题 如何在Github上显示图片 操作问题 本人初入门Markdown,之前使用base64编码图片在本地的Markdown编辑器Harrop ...
- 【Markdown】Markdown插入图片的完美解决方法
原文:https://www.jianshu.com/p/8c0d00fca9b3 "markdown一时爽, 分享火葬场", markdown的简便性和美观性一直受到诸多码农偏爱 ...
- 【Markdown】Markdown和插入图片的解决方法
推荐使用马克飞象,插图不用那么麻烦:马克飞象 - 专为印象笔记打造的Markdown编辑器 目录 1.Markdown使用方法 Markdown工具 Markdown语法 插入程序代码 常用语法 插入 ...
- Markdown:如何修改插入图片的大小或比例
在Markdown编辑器中插入图片有两种方法: 第一种插入图片方法 直接插入图片,即复制一张图片然后直接粘贴到编辑器里.不同编辑器的显式方式不同,有的是显式".png"的文件名,图 ...
- markdown插入图片的几个办法
CSDN-markdown语法之如何插入图片 目录 图片上传方式 插入在线图片 插入本地图片 图片链接方式 行内式图片链接 参考式图片链接 几个问题探讨 问题1:图片上传和图片链接两种方式的区别 问题 ...
- CSDN-markdown语法之如何插入图片
目录 图片上传方式 插入在线图片 插入本地图片 图片链接方式 行内式图片链接 参考式图片链接 几个问题探讨 问题1:图片上传和图片链接两种方式的区别 问题2:Markdown中如何指定图片的高和宽? ...
- jupyter notebook 用PPT展示代码 +插入图片
jupyter notebook 用PPT展示代码 +插入图片 假设我们已经安装了anaconda,此时有jupyter notebook, 1.为了用ppt显示代码,我们需要pip install ...
- 优雅地在markdown插入图片
markdown 中插入图片,好烦!!! 喜欢用Markdown写文字,但是它的图片引用是一个大问题(当然csdn不会遇到这个问题).借用第三方将图片储存在印象笔记上是一个好办法.但是会出现的一个 ...
- markdown插入图片、音频视频
1.markdown 简介 Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档. Markdown 编写的文档后缀为 .md, .markdown 简单易学容易上手,十 ...
最新文章
- ExtJs自学教程(1):一切从API開始
- 约翰诺曼超级计算机研究中心,第433章 拉泽尔松教授的决定
- java最简单的并查集(不想交集合)以及杭电1272
- SAP Leonardo平台机器学习API的一些错误处理机制
- 反模式设计_设计模式:模式或反模式,这就是问题
- java 蓝桥杯 数字游戏
- 65寸的液晶电视是挂在墙上好还是放在电视柜上好?
- Anaconda安装apscheduler库的步骤
- Informix 11.5 SQL 语句性能监控方法及实现
- 使用DFA算法,实现敏感词过滤
- android平板管理工具,安卓平板如何提升使用效率,这17款软件你应该知道
- 南京理工大学本科毕业论文答辩PPT模板
- 第九次java课堂笔记
- matlab设置图片的比例,Matlab 画图字体,字号的设定,图片大小和比例
- 新一年涨工资指南:AI薪资水平和就业前景分析(一定要看完!)
- 细说;(function ($, undefined){ })(jQuery); 的使用
- 老火 给大家说两句自己简单实现秒杀思路
- 基于ngx-rtmp-module模块http-flv直播流的实现
- Ansys Zemax | 使用 OpticStudio 进行闪光激光雷达系统建模(上)
- 入门Python必备100道练习题