zoukankan      html  css  js  c++  java
  • 用PicGo+GitHub+Typora搭建个人图床

    本文内容皆为作者原创,如需转载,请注明出处:https://www.cnblogs.com/xuexianqi/p/13257248.html

    一:引言

    众所周知,在写博客的时候,虽然可以把图片存到博客的服务器上,但是一张一张上传太麻烦了,有没有这样一种东西,能直接把复制的图片存下来,放到博客上呢?

    有,这就是图床!

    图床一般是指储存图片的服务器,有国内和国外之分。国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度。国内也分为单线空间、多线空间和cdn加速三种。

    简单来说,图床就是自动把本地图片转换成链接的一款工具,网络上有很多图床工具,就目前使用种类而言,PicGo 算得上一款比较优秀的图床工具。它是一款用 Electron-vue 开发的软件,可以支持微博,七牛云,腾讯云COS,又拍云,GitHub,阿里云OSS,SM.MS,imgur 等8种常用图床,功能强大,简单易用。

    二:使用到的软件和网站

    1.Typora(Markdown文本编辑软件)

    Typora 是一款支持实时预览的 Markdown 文本编辑器,并且完全免费。

    下载地址:https://www.typora.io/

    使用教程:https://www.cnblogs.com/xuexianqi/p/13260516.html

    进入下载地址后,根据系统来选择安装包,下载完成后,直接无脑下一步即可,路径默认

    01

    2.PicGo(图床软件)

    一个图床,一个用于快速上传图片并获取图片URL链接的工具,也完全免费。

    官方指南:https://picgo.github.io/PicGo-Doc/zh/guide/

    下载地址:https://github.com/Molunerfinn/PicGo/releases

    进入下载地址后,选择最新版本,Windows系统点击.exe文件进行下载,安装直接无脑下一步,路径默认即可(MacOS系统点击.dmg文件,Linux系统点击tar.gz下载)

    02

    3.GitHub(网站)

    GitHub 是一个面向开源及私有项目的托管平台,因为只支持 Git 作为唯一的版本库格式进行托管,故名 GitHub。

    官方网站:https://github.com/

    GitHub网站进不去的点这里:https://www.cnblogs.com/xuexianqi/p/13219719.html

    注册教程(直接看账号注册的那一块即可,已经有GitHub账号的可以略过了):https://www.jianshu.com/p/456609fc003f

    三:搭建教程

    1.创建好GitHub账号后,点击右上角下拉框,点击 Your repositories

    03

    2.点击绿色按钮 New

    04

    3.依次填写如下选项,点击绿色按钮 Create repository

    Repository name:  存储库的名称
    
    Description:  对存储库的描述
    
    Public: 设置为公开,任何人都可以看见这个存储库
    
    Initialize this repository with a README:  使用自述文件初始化此存储库
    

    05

    4.接下来生成一个Token,用于操作GitHub repository,点击右上角下拉框,点击 Settings

    06

    5.选择最左下角的 Developer settings

    07

    6.选择最左下角的 Personal access tokens

    08

    7.Note 自定义一个名称,repo 打上 √

    09

    8.注意:创建成功后,会生成一串token,这串token之后不会再显示,所以第一次看到的时候,就要好好保存,点击这个进行复制

    10

    9.打开PicGo(主界面没弹出来的点击右下角的图标),点击:图床设置 - GitHub图床,进行如下设置:

    设定仓库名: 你的GitHub右上角的用户名称/你的存储库的名称
    
    设定分支名: 默认为master,推荐使用默认
    
    设定Token: 步骤8生成的那一串Token
    
    指定存储路径:自定义,见名知意即可,格式为:XXX/
    
    设定自定义域名:https://raw.githubusercontent.com/用户名称/存储库名称/分支名
    

    11

    四:图片上传至图库的方法1(推荐)

    1.打开Typora,点击左上角:文件 - 偏好设置

    17

    2.点击:图像 - 插入图片时(下拉选择:上传图片) - 对网络位置的图片应用上述规则(可选可不选,选中就是图片也会复制到本地) - 允许根据YAML设置自动上传图片 - 上传服务:下拉后选择 PicGo(app) - 选择PicGo路径

    23

    3.找到PicGo的安装路径,默认是C:Program FilesPicGo点击:打开

    19

    4.点击:验证图片上传选项,显示绿色字 “成功上床图片并获得新的URL”,点击:OK

    20

    5.此时,截完图之后,直接按粘贴快捷键(Ctrl+V)即可将图片上传到图库

    21

    6.也成功显示出来了

    22

    五:图片上传至图库的方法2

    1.设置快捷键

    12

    2.点击:编辑

    13

    3.同时按住Ctrl、Shift、V 组合键(当然,也可以自定义),点击:确定

    14

    4.我们截完图之后,直接按下快捷键(Ctrl+Shift+V)就把截图上传到图库了,并且自动复制了图片的外链,然后我们直接按下快捷键(Ctr+V)就可以粘贴了

    15

    5.单击图片即可看到图片的外链

    16

    End:到此为止,图床的搭建和使用教程就完毕了!

    知道了这个以后,我仿佛发现了一个新大陆!

    希望这个教程对你们也有帮助!

    171717

  • 相关阅读:
    JAVA多态
    JAVA中的继承
    Nginx配置中root和alisa指定文件路径的区别
    NGINX配置详解
    Jenkins填坑之邮件模板分享
    jenkins填坑之HTML报告样式问题
    Jenkins填坑之仅获取本次构建的HTML报告作为附件发送邮件
    Jenkins填坑之发送邮件无法获取HTML报告作为附件
    jenkins填坑之邮件模板中的变量无法正常获取值
    Jenkins填坑之构建ant项目时,执行结果提示input file xxx.jtl does not exist
  • 原文地址:https://www.cnblogs.com/xuexianqi/p/13257248.html
Copyright © 2011-2022 走看看