保姆式教学Typora+PicGo上传图片到Gitee仓库中保存(推荐,建议收藏)—— 本地图片删除后笔记图片不失效,笔记发给别人看也能查看笔记中的图片,浏览器通过图片链接还能查看图片

1.登录Gitee官网https://gitee.com/

点击右上角头像,然后点击"新建仓库"

image-20231201232115922

image-20231201232410934

最后点击创建。

点击“管理”,选择“开源”(这样别人才能看到你仓库里面的图片

image-20231202101835169

image-20231202102000153

接着选择右上角头像,点击"设置"按钮

image-20231201232740801

找到私人令牌

image-20231201232835849

接着点击"生成新令牌"

image-20231201232925613

选择如下两项,全选的话也没毛病

image-20231201233124063

这里私人令牌复制后自己先保存收藏好,方便以后复制

image-20231201233652925

2.登录到PicGo官网下载PicGo

官网地址:https://molunerfinn.com/PicGo

点击"免费下载"

image-20231202000414150

点击"Tags"

image-20231202000607762

选择自己需要的版本(这里演示为v2.3.1),需要选择带beta的版本,因为beta版本不太稳定

image-20231202000627148

随后往下找到.exe安装包,下载后傻瓜式安装即可

image-20231202000759573

配置PicGo

image-20231202003441183

**插件安装前,请确定已经安装了node.js,没安装可以去node.js官网https://nodejs.org/zh-cn/安装,**小白新手的话最好搜node.js安装教程,跟着来做,这样不会出错。

image-20231202003853203

接下来安装gitee-uploader插件

image-20231202003523392

在左侧栏中找到“图床设置”-“gitee”

image-20231202004640102

1.repo字段填自己的gitee用户账号名称/仓库名,可以在gitee界面中的“我的中查看”,我这里为moqinga/PicGoSave

image-20231202004256294

image-20231202004131398

2.brand字段填"master"

3.token字段,就是在gitee中创建私人令牌时复制的

image-20231201233652925

4.path字段可自定义,这里示例为"images",则会在gitee仓库中创建以“images”命名文件夹存放图片

5.customPathcustomUrl默认就好,可以不用填写

这里注意:

按上面5步填写完成后一定要选择“设为默认图床”,然后点击“确定”


最后在”上传区“,倒三角按钮选择gitee

image-20231202005201514

3.打开Typora软件

选择"文件"-“偏好设置”

image-20231202001234245

验证是否上传成功

打开Typota插入图片,可以看到插入成功,图片被保存在gitee仓库中

浏览器访问图片理解能查看图片(需要联网查看),这里强调下将笔记保存后发给别人看时,别人需要联网才能看到笔记中的图片

image-20231202104625470

同时也保存PicGo相册(相册里面的图片不要删,删了的话会同时也会把gitee仓库里面的图片也删了,这样图片就失效了,所以这里的图片和gitee仓库的图片是关联关系)

image-20231202103624805

在gitee仓库中image文件夹查看保存上传的图片

image-20231202103747691

这样就大功告成了,当插入图片后,PicGo会自动将图片上传到Gitee所创建的仓库中保存,还可以在PicGo中的“相册”查看该仓库中图片,若在该相册删除图片,则对于Gitee仓库中的图片也会对应删除。

总结:

​ 该保姆式教学解决了以下问题:

​ 1.他人可以复制图片URL,通过浏览器复制,查看,保存等操作

​ 2.以后将该笔记保存发给他人看时,能正常显示图片及文档内容(他人需要联网才能查看笔记中的图片

​ 3.将文档的内容Ctrl+A复制转移到任何文档中,都能正常加载文档内容,例如Ctal+A复制文档所有内容到CSDN中的MD编辑器中去,文档内容及图片不会丢失

补充:

​ 1)图片能正常加载的前提是gitee官网服务器在运行及gitee中存放该图片中的仓库没被删除,还有就是PicGo相册里面的图片不要删除,删除的话会关联删除gieee仓库中的图片。

​ 2)有时候网络不好,不能上传图片,请切换网络后,重新插入图片。

最后,对你有帮助的话,欢迎点赞,收藏保存哦!你的支持将会是我创作的动力

  • 10
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
要将代码上传到Gitee仓库,你可以按照以下步骤进行操作: 1. 首先,在本地使用git命令将代码推送到Gitee远程仓库。使用命令`git push -u origin master`将本地的代码推送到名为"origin"的远程仓库的"master"分支上。 2. 如果在本地已经有了工程文件,可以使用`git remote add`命令将本地库和Gitee的远程库关联起来。例如,使用命令`git remote add origin git@gitee.com:linxinfa/mytest.git`将本地库和名为"origin"的远程仓库关联起来。 3. 当远程库和本地库关联后,你可以将本地的代码推送到Gitee远程仓库。使用命令`git push origin master`将本地的代码推送到名为"origin"的远程仓库的"master"分支上。 总结起来,你可以使用以下命令将代码上传到Gitee仓库: ``` git remote add origin git@gitee.com:linxinfa/mytest.git git push origin master ``` 这样就可以将代码成功上传到Gitee仓库了。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [git将本地项目上传至Gitee远程仓库(保姆级别)](https://blog.csdn.net/qq_60870118/article/details/129427016)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [GitCode使用教程,创建项目仓库并上传代码(git)](https://blog.csdn.net/linxinfa/article/details/108730290)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

莫青.

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值