热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

PicGo+Gitee搭建个人免费图床详细流程

前言:个人博客是搭建起来了(详细流程请参阅Windows下GitHubHexo搭建个人博客详细流程),可是不经意间又发现了

前言:

个人博客是搭建起来了(详细流程请参阅Windows下GitHub+Hexo搭建个人博客详细流程),可是不经意间又发现了一个痛点:
写博客的时候,总是需要插入图片的,图片存在本地的话上传到博客网站去就没法显示了,就算一张一张地复制粘贴上去了,再想移植到其他的博客网站时,图片也会失效。
为了解决这个痛点,搭建个人图床的想法就应运而生了。

经了解,PicGo + Gitee(码云)搭建图床是目前而言最适合我的图床方案了,免费且好用还是挺香的。

冥冥之中有预感,搭建一个自己的图床相当有必要。仅是本着未雨绸缪的心态,动手做了一个吧,流程走下来也没花多少时间。
废话说到这里,下面开始进入正题。


前期准备


  • node.js(PicGo插件依赖于nodejs,下载地址:Node.js(安装LTS版本))

  • PicGo(下载地址:PicGo Github地址或PicGo蓝奏云(速度快))
    软件的安装均特别简单,一直”next”即可,这里就不详细赘述。

  • Gitee账号,网站引导都是中文,流程简单,请自行注册。


Action


1. 建立gitee(码云)图床库

登录gitee进入网站主页,点击右上角的+号,新建仓库,输入仓库名称,选择公开,勾选使用Readme文件初始化这个仓库,最后点击创建

回到主页,点击你的头像,进入设置

选择私人令牌,点击右上角生成新令牌

填写私人令牌描述,选择权限,点击提交

会弹出账号验证窗口,输入你的gitee密码,验证身份

生成令牌后点击复制,一会儿用得上。注:这个令牌明文只显示这一次,关闭这个窗口就没了,为防止不小心搞没了,建议新建一个文本将之储存下来(用完再删也不迟)。


2. 配置PicGo

安装之后打开主界面

选择最底下的插件设置,搜索gitee
这个地方有两个插件,功能差不多,配置的内容略有差异。
左边这个,亲测“上传失败”好苗子一枚,不多说。我们直接看右边这个gitee-uploader 1.1.2,想尝试左边插件的请参考文末参考文章,我没成功兴许也只是我的问题。

往上来到PicGo 设置(此步骤可忽略),我们可以设置一下日志文件,让日志文件仅记录警告和错误,方便我们查看错误信息,同时又不会占用大量的空间

再次点击取消全部-All的勾选

勾选错误Error提醒-Warn

确定即可

紧接着滑到最下方,勾选gitee

在图床设置中选中gitee,进行相关设置

设置参数说明:
repo: gitee用户名/仓库名;保险起见,可直接复制仓库的url
branch: master #分支名
token: gitee私人令牌,之前已复制,现在粘贴上去就好。
path: 用于仓库下存储的目录,随便填一个即可。
customPath和customUrl,两项均可不填。在提交到码云后,会显示提交消息,插件默认提交的是 Upload 图片名 by picGo 。

点击确定,然后将其设为默认图床,大功告成。


3. 测试

随便选一张图片上传(picgo也支持剪贴板上传,截图工具推荐win10的Snipaste神器!)

如果出现上传失败的错误,请重新仔细检查、比对你的配置是否正确。
上传之后默认复制链接,直接粘贴到你的编辑器即可,往后就可以愉快的进行写作了!赶快一起来试试吧。
原文地址
参考文章


推荐阅读
  • vsCode配置通过Github同步(Settings Sync)
    vsCode配置通过Github同步(Settings Sync) ... [详细]
  • 本文讨论了在VMWARE5.1的虚拟服务器Windows Server 2008R2上安装oracle 10g客户端时出现的问题,并提供了解决方法。错误日志显示了异常访问违例,通过分析日志中的问题帧,找到了解决问题的线索。文章详细介绍了解决方法,帮助读者顺利安装oracle 10g客户端。 ... [详细]
  • 本文介绍了一个免费的asp.net控件,该控件具备数据显示、录入、更新、删除等功能。它比datagrid更易用、更实用,同时具备多种功能,例如属性设置、数据排序、字段类型格式化显示、密码字段支持、图像字段上传和生成缩略图等。此外,它还提供了数据验证、日期选择器、数字选择器等功能,以及防止注入攻击、非本页提交和自动分页技术等安全性和性能优化功能。最后,该控件还支持字段值合计和数据导出功能。总之,该控件功能强大且免费,适用于asp.net开发。 ... [详细]
  • 如何更改电脑系统的自动校时服务器地址?
    本文介绍了如何通过注册表编辑器更改电脑系统的自动校时服务器地址。通过修改注册表中的数值数据或新建字符串数值的方式,可以将默认的时钟同步服务器地址更改为自己所需要的域名或IP地址。详细步骤包括双击时间区域,点击internet时间,勾选自动校正域名设置定时等操作。 ... [详细]
  • Node.js学习笔记(一)package.json及cnpm
    本文介绍了Node.js中包的概念,以及如何使用包来统一管理具有相互依赖关系的模块。同时还介绍了NPM(Node Package Manager)的基本介绍和使用方法,以及如何通过NPM下载第三方模块。 ... [详细]
  • 本文介绍了Windows Vista操作系统中的用户账户保护功能,该功能是为了增强系统的安全性而设计的。通过对Vista测试版的体验,可以看到系统在安全性方面的进步。该功能的引入,为用户的账户安全提供了更好的保障。 ... [详细]
  • Unity3D引擎的体系结构和功能详解
    本文详细介绍了Unity3D引擎的体系结构和功能。Unity3D是一个屡获殊荣的工具,用于创建交互式3D应用程序。它由游戏引擎和编辑器组成,支持C#、Boo和JavaScript脚本编程。该引擎涵盖了声音、图形、物理和网络功能等主题。Unity编辑器具有多语言脚本编辑器和预制装配系统等特点。本文还介绍了Unity的许可证情况。Unity基本功能有限的免费,适用于PC、MAC和Web开发。其他平台或完整的功能集需要购买许可证。 ... [详细]
  • 必须先赞下国人npm库作品:node-images(https:github.comzhangyuanweinode-images),封装了跨平台的C++逻辑,形成nodejsAP ... [详细]
  • RN即ReactNative基于React框架针对移动端的跨平台框架,在学习RN前建议最好熟悉下html,css,js,当然如果比较急,那就直接上手吧,毕竟用学习前面基础的时间,R ... [详细]
  • 这篇文章给大家介绍怎么从源码启动和编译IoTSharp ,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。IoTSharp项目是 ... [详细]
  • 前言:原本纠结于Web 模板,选了Handlebars。后来发现页面都是弱逻辑的,不支持复杂逻辑表达式。几乎要放弃之际,想起了Javascript中eval函数。虽然eval函 ... [详细]
  • 技术周报·2021-05-07-小编推荐向现代Javascript转型原文标题:Publish,ship,andinstallmodernJavaScriptforfaste ... [详细]
  • 这么多流媒体服务器?你怎么技术选型?
    在上一篇文章里我们介绍了我们介绍了MCU和SFU的优缺点,webRTC通信方案SFU和MCU的区别?下面就来探讨下常见的SFU开源解决方案,当然,你也可以自己实现SFU流媒体服务器 ... [详细]
  • 前端简史之纵横:Node东出
    引💡Ajax的出现,带来了jQuery时代,而jQuery时代也伴随着Node风暴淡淡退出了历史舞台。如果说Ajax给前端带来了从网页静 ... [详细]
  • 大数据 (三) BI报表系统  superset 源码搭建开发环境
    大数据 (三) BI报表系统 superset 源码搭建开发环境 ... [详细]
author-avatar
捡耙活哟752
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有