准备工作
2.准备一个仓库
3.获得外链
[可选看]4.使用picgo软件
1.如何创建GitHub账号?[你已经有账号了就看步骤2]
其实百度也可以....在这里我把注册链接放在这里
注册完成可能需要验证邮箱之类的杂七杂八的,这些无关紧要自己弄一下非常非常简单
2.准备一个仓库
创建仓库按照我的方法一步一步来
①:是我已经创建好的仓库
②:创建一个新的仓库
点击②这里
①:只需要没有与你已有仓库重名即可,随便都可以填写
②:为了后面步骤需要,随便打点字都可以
注意我画圈的地方,这里必须设置为Public(公开)
其他看一下图上的提示
最后点击Create repository
稍等将近几秒就创建完成仓库了
创建完成仓库的样子
3.获取外链
github的外链直接调用是会失败的,且速度慢的一批,但是好在有jsDelivr这位老兄的帮助,我们在国内可以走cdn且不限量
如何上传文件
一这张图片为例,点开①的列表框
②:新建一个文件,比如js,css这些文本可以直接复制下来从这里创建一个文件,须注意一点,github不允许目录为空,至于为什么我也不知道,意思就是在一个目录下必须包含一个文件
③:从本地上传
首先准备一张图片,图片名称最好不要包含中文,这里以1.png这个文件为例
首先按照上述步骤找到Add file->Upload files,随后点击他
首先在①这里你有两种上传方式,一种是直接将文件拖入这个位置,另一种是点击Choose your files
选择上传的文件1.png
②这里什么都不要填保持默认即可
选择一个选项 Commit directly to the master branch.
然后点击③
成功后会跳转回仓库首页
关于国内外链
格式如下
https://jsd.acg.gdn/gh/【用户名】/【仓库名称】/【文件路径】
//在这里则是 https://jsd.acg.gdn/gh/adminsama/img/1.png
可以直接在文章内引用就如我这样
4.接入picgo
所谓图床工具,就是自动把本地图片转换成链接的一款工具,网络上有很多图床工具,就目前使用种类而言,PicGo 算得上一款比较优秀的图床工具。它是一款用 Electron-vue 开发的软件,可以支持微博,七牛云,腾讯云COS,又拍云,GitHub,阿里云OSS,SM.MS,imgur 等8种常用图床,功能强大,简单易用
我们先来下载最新版本:https://github.com/Molunerfinn/PicGo/releases
注意:mac 系统选择 dmg 下载,windwos 选择 .exe系统,如果不是下载安装包,想看源码的话,可以选择 git clone https://github.com/Molunerfinn/PicGo.git
克隆到本地
安装后打开picgo
如果你是想使用github作为图床的那接着往下看
这里最主要的则是token如何获取,这里我们细讲,其他的都看得懂
第一步,先打开右上角的个人中心,选择settings
第二步,在页面的左侧栏中找到Developer settings(开发者设置)
第三步,在Developer settings(开发者设置)中选择最后一个选项Personal access tokens(个人安全口令)并点击Generate new token
第四步,①的位置是这个token的用途/简介,反正随便填写,②仅需勾选第一个repo即可
随后划到页面最底部点击Generate token
注意,token仅出现一次,可无限生成token
获得到token后打开picgo
前面说了如何获得国内外链,这里也是一样的操作方法,看我图配置
①:用户名/仓库名称
②:分支名称,默认就填master
③:我们刚刚上述获取到的token
④:存储路径无需自己创建文件夹
教程结束,如果喜欢的话建议打赏我(快用金钱羞辱我gkd)
撰写评论