图床+typora

图床 + Typora

使用gitee + picGo(2.3.0)

软件地址：

gitee：https://gitee.com/

PicGo：https://github.com/Molunerfinn/PicGo

1、在gitee里创建一个仓库

2、获取token令牌

找到左侧私人令牌

随便填个名字

提交时可能会让你输入密码，

最好创建一个记事本记好你的token：（后面会用到）

3、下载安装PicGo

https://github.com/Molunerfinn/PicGo/releases

用稳定版就行

安装时注意安装路径不要有空格或者中文，否则在其他软件调用PicGo的时会报错。

4、软件配置

安装完成后，打开PicGo，如果点击没有打开PicGo的界面，那软件可能已经运行了，在桌面状态栏右下角找找。

点击PicGo设置，可以设置一些日志提醒，要显示的图床什么的

5、gitee插件配置*

最重要的部分

6、测试一下

然后选择相册即可查看刚才上传的图片

结合Typora

测试一下：

注意！！

• 如果你要一次上传本地所有图片，那么你必须保证存放图片路径不能有中文!!
• 对于typora中的图片格式zoom,博客园并不识别，可以改成 style="width:50%; height:50%";
• 推荐的使用方式：
  • 先在本地编辑好md(图片也放本地)
  • 然后复制一份本地文件,用来专门传到云上的--选择上传所有本地图片
  • 即一份本地,一份云 (因为上传图片后,图片路径会改变,这样在没网的情况下就无法识别到文件,所以最好弄两份md)

关于上传图片缩放不支持zoom语法问题

默认图片格式：

• <img src="images/image-20220312.png" alt="image-202203" style="zoom:67%;" />
  可以将其换成HTML格式，即 在外面套一层HTML语法 例:

改进:

• 套个<center标签> ，然后（将zoom替换为width）
  <center> <img src="images/image-20220312.png" alt="image-202203" style="zoom:67%;"width="80%" /> </center>

HTML格式说明:

<center>                                 <!-- <center>标签设置图片居中对齐-->
    <img style="border-radius: 20px;"    <!-- border-radius设置圆角-->
         src="Typora.assets/baymax.jpg"  <!-- src图片地址 -->
         alt="baymax"                    <!-- alt放置图片链接失效后的显示文字 -->
         width="68%" >    <!--设置图片宽度(witdh和height只设置一个即可，等比例缩放 -->
</center>