Typora + PicGo + Gitee + CSDN 解决CSDN博客导入图片丢失问题
科目:Typora + CSDN 博客环境配置
内容:通过PicGo + Gitee配置图床,解决typora文件导入CSDN博客,上传图片丢失的问题
目的:通过本次讲解,使兄弟们实现在Typora写好文章,实现CSDN一键导入,发表博客
时间:15分钟
方法:理论讲解、动作示范
要求:
- 认真阅读理论讲解
- 参照讲解步骤,加强实践操作
- 理论 + 实践,注意总结分享,打包exe,真香
以上要求,希望兄弟们可以做到!
前言:
**存在问题:**typora是一款非常好用的Markdown编辑软件,写好的内容可以直接导入CSDN博客,但是,会出现图片无法显示的问题。
**解决方法:**在typora和CSDN之间配置图床环境,构建中间载体,实现Typora文件一键导入CSDN,解决图片丢失的问题。
- Typora 编写博客文章 —> 编写博客文章
- PicGo 快速上传图片,并获取图片URL连接,支持多种图床 —> 自动上传图片
- Gitee 国产代码托管工具,和Github一样,这里用来存储图片 —> 存储图片
- CSDN 博客文章 —> 发布CSDN博客文章
看到这里,大家应该很清楚整个系统的功能作用了,下面直接开搞。
-
安装Typora软件
百度网盘下载地址 正常安装即可
-
安装Node.js
中间需要用到Node.js,不然会报错(有些博客写到这个,好像也可以,我在配置中用到了,否则报错)
[Node.js官网地址](Node.js (nodejs.org)) 默认安装即可,很快
-
安装PicGo
[PicGo官网下载地址](Releases · Molunerfinn/PicGo (github.com)) 默认安装即可
-
配置图床环境
-
创建Gitee仓库
注册gitee账号并登录,然后新建仓库
然后进入到仓库界面
最好Readme初始化仓库,点击管理
然后修改为开源属性
-
设置私人令牌
注意复制保存一下,下面要用到,只显示一次,以免丢失修改
-
PicGo配置Gitee图床
打开PicGo,选择插件设置,输入gitee,安装gitee-uploader,
点击点击图床设置,选择gitee,其它不带 * 号的按照图中的填一下就行,
PicGo也设置一下,时间戳打开,以时间命名图片,否则以图片原名命名。
设置图床端口,
点击确定即可。
-
Typora 配置图床信息
打开Typora,找到偏好设置—图像–,
-
点击上传区,选择HTML(我之前抑制不成功,选择的是Markdown,可以自行尝试)
至此,搞完4号步骤,即可检验图床配置是否成功,图中的127.0.0.1:36677是PicGo设置的依据
至此,图片就可以自动上传到gitee云端了。然后将编写好的Typora博文直接导入到CSDN就可以正常显示图片,一键发布文章了。
刷新GIitee,可以看到,图片已经上传。将编写好的Typora微博文章,即可以在CSDN中完成一键导入,而图片不丢失。
和几位较好的兄弟们喝完酒写的,如有问题,欢迎批评指正。 -