专栏首页chenchenchen使用gitee搭建自己的图床

使用gitee搭建自己的图床

单独使用Gitee

 最近发现自己博客中的图片全部消失,很苦恼.当时用的是七牛云,花好长时间弄好的,当时用的还是很顺畅的,但有一个坑,就是需要配置自定义域名(当时没有注意到这一点), CSDN博客专家的推荐下搭建图床的方式 – 使用github page搭建图床.

大体步骤如下:

1.创建gitee(码云)账号

1.1 登陆码云官网进行注册 https://gitee.com/

1.2 进行注册

2. 创建工程

2.1 创建一个新工程

2.2 填写项目信息 ![新建仓库 - 码云 Gitee.com](http://zi1.gitee.io/picture/tc/01/新建仓库 - 码云 Gitee.com.png)

3. 搭建你的项目

现在我们需要做的就是将刚才新建好的项目down下来

拉取代码到本地(这是git的基本操作,如果会就直接跳过)

复制图1 中的地址到地址栏点击确定

拉取下来后我们会看到这样的目录

现在我们在目录中建立一个文件夹如:picture ,并在其中随意放入一张图片

将新创建的文件纳入版本控制

点击确定

提交

提交到主分支上

再次推送

注意:这里可能需要你输入gitee的账号密码

当你看到这一步的时候就可以说是推送完成了

4. 启用gitpage服务

这时我们再次打开我们的gitee项目,选择右侧的服务下Gitee Pages

打开后我们点击启动

当我们点击启动后,启动成功的画面如下,我们点击下面的这个地址

还记得我们当时创建的文件夹名字和图片名字吗? 在项目名下加上文件夹(也就是路径)名字 再加上你的图片全面(加后缀)

我的路径是:

http://zi1.gitee.io/pic/picture/1.jpg

当做到这里你的图床路就搭建成功了!

此时你可以直接引用此路径,但稍微比较麻烦.

5.修改引用路径

如果你也是用Typora进行博客创作可以进行如下设置,可提高你的创作效率

将typora中图片保存设置为你的git存放图片的目录

那么此时,你的图片文件已经保存了一份在你的git本地,直接推送到远程仓库就可以了.操作与第三步一样,纳入版本控制后一顺推上去

推送完成后可以验证一下是否推送成功,在地址栏输入图片路径,进行验证

注意: 此时我们的图片引用的还是本地的路径,下面我们将图片改成gitee上的路径

我们将内容复制为markdown格式

我们将所有的内容黏贴到文本编辑器中,此处建议使用notepad++ 将所有的上斜线替换成下斜线

替换成gitee的路径

替换的时候我们只需要将本地路径替换成gitee路径即可.

验证我们的地址是否成功 – > 将替换后的文本全选黏贴到一个新的markdown中,如果图片可以显示出来,说明没有问题

** 注意: 建议将全文写完后再进行路径的替换**

6. 修改gitee主页

有朋友看到第一眼觉得这个主页很丑,你可以替换成你喜欢的主页都可以.这里推荐一个地址:

http://www.cssmoban.com/

下载自己喜欢的模板.

或者

打开你想要的页面,ctrl + s 保存网页(以百度主页为例www.baidu.com)

你会得到这样两个文件

将html文件名修改为index.hmtl

然后将这两个文件放如你的本地工程中

纳入版本控制,一顺上推就ok了.

在网上下载下来的模板也是一样的玩法.

结合Picgo

创建私人令牌

点击头像 ---> 设置 ---> 私人令牌 ---> 新生成令牌

点击提交,输入当前账号密码后,注意出现的令牌码一定要复制下来!!!

到这里gitee就OK了!!!

安装picGo插件

【注】如果没有Node.js就要先安装完Node.js,然后退掉PicGo再重新安装一次插件

图床设置

找到刚刚安装好的gitee

友情提示

厂库地址:

私人令牌:如果没有复制的话,那就重新创建一个在复制。

使用

picGo配合Typora使用

配置Typora

Typora进入偏好设置

点击图像,进行如下配置

错误解决

配置完成后点击验证图片上传选项

发生错误,提示Failed to fetch

解决方案

获取失败的原因:找不到路径。这里发现Typora的请求路径的端口是36677,而PicGo的端口是36679,所以会找不到路径。

解决:把PicGo的端口改成36677。

其他图床工具

https://github.com/zzzzbw/gitpic

https://github.com/xiebruce/PicUploader

参考:

https://blog.csdn.net/u010654995/article/details/88383995

https://gitee.com/ningboyun/PicGo_img?_from=gitee_searc

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Gitee + Typora,搭建自己的免费图床!

    对于写博客的朋友们来讲,图床这个东西一定不会陌生,而且在一定程度上也给大家造成过一定困扰。

    村雨遥
  • 使用 PicGo + Gitee 搭建免费图床

    前面我写了一篇 「使用 Hexo + Gitee 快速搭建属于自己的博客」,很多人问起如果使用 md 写文章,图片如何快速地插入 md 文件中,我们都知道,md...

    张乘辉
  • 搭建自己的图床

    在大佬的指导下,开始学习了一些MarkDown语法、然后用自己的服务器搭建了一个私人博客(后来觉得麻烦就给停掉了,现在写文章主要是在CSDN跟微信公众号),...

    敲得码黛
  • 使用PicGo+Gitee(码云)搭建免费图床

    之前讲到过使用PicGo+Github来搭建免费图床,今天来讲讲使用PicGo+Gitee来搭建图床,但有一点需要注意,就是码云仓库容量的限制。有社区版和企业版...

    YangAir
  • Typora+PicGo+Gitee搭建博客写作环境

    总之,记笔记的软件五花八门,而程序员作为特殊的群体,他们热衷于钻研技术、分享技术,因此免不了写文章发布在各类博客平台。为了同非专业人士区分开来,程序员通常采用M...

    Simon郎
  • PicGo:搭建图床

    传送门:https://github.com/Molunerfinn/PicGo/releases

    张小驰出没
  • 使用Typora+PicGo+Gitee搭建Markdown写作环境

    网络写作,图片管理一直是一个头疼的问题,本地管理容易丢失,发布文章时需要一个个手动上传,而且在不同平台发布文章还要重复上传。

    吾非同
  • CentOS安装Lychee图床,搭建属于你自己的图床!

    当你完成了以上步骤,Lychee就已经安装完成了,只需要打开页面设置填写数据库配置即可。

    InitCool
  • 10 分钟使用 Spring Boot + Vue + Antd + US3 搭建自己的图床

    那为什么我们还要自己搭建图床呢?一来是因为码农总是喜欢折腾,二来是有了自己的图床数据自己存储更安全。那么接下来我们就搞起来。下面是演示地址,可以先看一下搭建完成...

    好好学java
  • 使用 Hexo + Gitee 快速搭建属于自己的博客

    程序员总会有一些技术文章的输出总结,很多人会选择各大第三方博客平台,但某些第三方博客平台的 UI 简直惨不忍睹,广告巨多,且对 md 格式支持得不够好等等,基于...

    张乘辉
  • 如何利用 Github 搭建自己的免费图床?

    对于写博客的朋友们来讲,图床这个东西一定不会陌生,而且在一定程度上也给大家造成过一定困扰。

    村雨遥
  • 资源 | 分享几个好用免费的图床

    对于普通用户,有了图床,就可以把自己电脑上的图片上传至互联网,生成链接分享给其他人。

    程序员鱼皮
  • 使用Gitee作为Markdown的图床

    Typora是一款优雅的markdown编辑器,所见即所得的编辑方式让我爱不释手,也推荐给大家。

    小锋学长
  • Typora+PicGo+码云Gitee搭建本地博客环境

    PicG上传图片需要通过gitee的API,因此要获取token授权,获取方式如下:

    xbhog
  • 如何利用码云搭建一个自己的图床?

    最近因为在开发自己的小博客,遇到了一个问题,我在博客发文章的时候图片老是上传不上去,就想着做一个自己的图床,网上找了找教程,发现推荐码云和Coding比...

    框架师
  • Typora+PicGo+Gitee搭建博客写作环境(超详细)

    为了方便写作,我们可以采用Typora+PicGo+Gitee的方案来搭建我们的博客写作环境。

    三分恶
  • 聊聊技术写作中的那些神兵利器

    昨天参加了由掘金社区组织的创作者训练营第二期活动,有幸见到了比如月影、工业聚、张晋涛等许多这个行业的大佬,也认识了许多技术写作的博主,可谓是一场大型网友面基会,...

    村雨遥
  • 使用码云 + PicGO + Typora搭建一个自动化图床

    没有账号的注册一个账号,国人自己的平台,支持下,还是挺良心的,码云传送门,注册完毕新建仓库,都是中文,不做概述,看图操作即可

    框架师
  • Hexo + Git Pages搭建个人博客(一)

    期待已久的Hexo部署教程终于来了,本次发帖是在经过较长时间地使用Hexo之后才发出的,一成功就发感觉有点不稳,本贴主要是记录了本博客站的最终搭建方案,会分为几...

    impressionyang

扫码关注云+社区

领取腾讯云代金券