1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > Markdown入门和解决MD文件上传博客后图片无法显示问题

Markdown入门和解决MD文件上传博客后图片无法显示问题

时间:2019-10-15 17:59:39

相关推荐

Markdown入门和解决MD文件上传博客后图片无法显示问题

文章目录

Markdown基础和解决MD文件上传博客后图片无法显示问题一、常见文本操作1、标题 一级标题二级标题三级标题四级标题2、代码块3、字体4、引用5、分割线6、超链接7、图片插入 二、图片上传1、为什么要上传图片2、Typora+PicGo+阿里云实现自动上传图片2.1、Typora设置2.2、设置阿里云图床2.3、PicGo下载和设置 三、总结

Markdown基础和解决MD文件上传博客后图片无法显示问题

一、常见文本操作

1、标题

# 一级标题## 二级标题### 三级标题#### 四级标题..... 以此类推

一级标题

二级标题

三级标题

四级标题

2、代码块

```css ```java“```”+语言

3、字体

加粗:**哈哈哈**斜体:*哈哈哈*文本突出:==哈哈哈==删除线:~~~哈哈哈~~

加粗:哈哈哈

斜体:哈哈哈

文本突出:哈哈哈

删除线:~哈哈哈

4、引用

引用:>作者:诗梦>>作者:诗梦>>>作者:诗梦

作者:诗梦

作者:诗梦

作者:诗梦

5、分割线

分割线:***---

6、超链接

[链接载体](连接目的地址)[百度](/)注:必须英文字符

百度

7、图片插入

在线图片(便于上传博客)![](https://settingsm.oss-cn-/image/0412233143.png)本地图片:![诗梦](C:\Users\****\Desktop\诗梦.png)

二、图片上传

1、为什么要上传图片

​ 当我们所编辑的MD文件中所粘贴的图片有两种类型,一种是本地图片,另一种是在线图片,如果我们需要将我们所编辑的文本上传到博客时,本地图片会出现丢失,只出现本地格式路径。以下是两种类型图片上传后的效果:

本地:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TIp07kkF-1649780545008)(C:\Users\15560\Desktop\诗梦.png)]

在线:

2、Typora+PicGo+阿里云实现自动上传图片

2.1、Typora设置
2.2、设置阿里云图床

开通阿里云OSS服务。

开通后,创建Bucket,并设置Bucket为公共读,其他业务无需开通。

点击AccessKey,点击后的安全提示点击继续使用,AccessKey账号就创建成功了,需要找到AccessKey ID和Access Key Secret并保存。

2.3、PicGo下载和设置

PicGo软件下载链接

软件设置如下:

打开PicGo,图床设置->阿里云OSS

设定Keyid:即为之前创建用户AccessKey中讲到的用户AccessKey的AccessKey ID

设定KeySecret:即为之前讲到的Access Key Secret

设定存储空间名:与你设置的Bucket的名字一致

存储区域:点击左侧Bucket列表->点击概览->下图标蓝处复制,粘贴到确认存储区域

三、总结

本篇主要内容是教一些Markdown文件的基本操作和图片上传,解决了带有本地图片MD文件上传博客后图片丢失的问题。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。