技术文摘
vscode、picgo 与 github 配置免费图床全攻略(图文版)
vscode、picgo 与 github 配置免费图床全攻略(图文版)
在当今数字化的时代,图片的使用变得越来越频繁。拥有一个稳定、高效且免费的图床对于开发者和内容创作者来说至关重要。本文将为您详细介绍如何配置 vscode、picgo 与 github 来搭建免费图床,让您的图片管理更加便捷。
我们需要准备好以下工具和环境:
- 安装 vscode 编辑器,这是一款功能强大且广泛使用的代码编辑工具。
- 下载并安装 picgo,它是一个用于图床管理的工具。
- 拥有一个 github 账号,如果没有,您可以前往 github 官网进行注册。
接下来,我们开始进行配置操作。
第一步,在 github 上创建一个新的仓库,用于存储图片。注意,要将仓库设置为公开,以便能够正常访问图片。
第二步,生成 github 的令牌(Token)。在 github 的设置页面中,找到“Developer settings”,然后选择“Personal access tokens”,点击“Generate new token”,为令牌赋予必要的权限,如“repo”权限。
第三步,打开 picgo 工具,在设置中找到“图床设置”,选择“GitHub”图床。然后,按照要求填写相关信息,包括“仓库名”、“分支名”、“token”等。
第四步,在 vscode 中安装相关的插件,以便能够方便地上传图片。配置好插件后,您就可以在 vscode 中选中图片,通过快捷键或者菜单选项快速上传到配置好的 github 图床。
配置完成后,您可以尽情享受免费图床带来的便利。无论是在编写文档、开发项目还是创作内容,都能够轻松地管理和使用图片。
需要注意的是,github 对于图床的使用有一定的限制和规则,不要滥用资源,以免造成账号异常。
通过以上步骤,您成功地将 vscode、picgo 与 github 配置为免费图床。希望这个全攻略能够帮助您在图片管理方面更加高效和便捷,为您的工作和创作带来更多的便利。
- 怎样给选中的 div 外层添加一个 form 表单
- 共用导航栏设计挑战:解决母版页与JavaScript执行冲突的方法
- 怎样让.Top1 元素显示右侧滚动条
- Flexbox学习笔记:构建响应式布局的掌握之道
- CSS mask-image 助力搜索框与轮播图实现渐变背景色的方法
- 浏览器调试台flex标签的含义
- Flex布局轻松解决菜单对齐难题
- Vue2 项目里 iconfont 文件夹的放置位置
- CSS挑战之布局
- H5页面按钮固定定位适配的实现方法
- CSS实现搜索框与轮播图从上到下渐变且颜色渐浅效果的方法
- 优化树形结构数据展示以防止页面卡顿的方法
- Flex布局实现背景垂直居中且body高度100%的方法
- Vue3 页面自适应:借助 jQuery 实现 px 到 rem 的转换方法
- Antd 组件多层级样式有效修改方法