使用Gitee搭建个人图床
<h2 id="使用gitee搭建个人图床">使用<code>Gitee</code>搭建个人图床</h2><h3 id="一前言">一、前言</h3>
<p>搭建个人的图床可以更加方便地管理个人图片，虽然<code>Github</code>也可以实现个人图床的搭建，但是，<code>Github</code>毕竟是外网，访问速度慢且不稳定。因此采用<code>Gitee</code>来搭建图床是个好选择。</p>
<h3 id="二创建仓库">二、创建仓库</h3>
<p>第一步，在<code>Gitee</code>上创建一个仓库，用于存放图片：</p>
<p><img src="https://ahuntsun.gitee.io/blogimagebed/img/%E5%9B%BE%E5%BA%8A/1.png" alt="image-20200410170713161" loading="lazy"></p>
<p><img src="https://ahuntsun.gitee.io/blogimagebed/img/%E5%9B%BE%E5%BA%8A/2.png" alt="image-20200410170909433" loading="lazy"></p>
<h3 id="三建立联系">三、建立联系</h3>
<p>创建一个本地文件夹与刚才创建的远程仓库建立联系，可以采用以下两种方式：</p>
<ul>
<li><strong>第一种：</strong>将新创建的远程仓库克隆到本地文件夹中：</li>
</ul>
<pre><code>git clonehttps://gitee.com/ahuntsun/BlogImageBed.git
</code></pre>
<ul>
<li><strong>第二种：</strong>手动关联本地文件夹与远程仓库：</li>
</ul>
<pre><code>//添加远程仓库地址
git remote add originhttps://gitee.com/ahuntsun/BlogImageBed.git
</code></pre>
<p>建立联系之后，我们就可以自由地更新这个远程仓库了；</p>
<h3 id="四开启gitee-pages服务">四、开启<code>Gitee Pages</code>服务</h3>
<p>在仓库中打开服务选项，选择<code>Gitee Pages</code>：</p>
<p><img src="https://ahuntsun.gitee.io/blogimagebed/img/%E5%9B%BE%E5%BA%8A/3.png" alt="image-20200410171731995" loading="lazy"></p>
<p>在<code>Gitee Pages</code>服务页面可以选择部署服务的分支和目录等，然后点击启动选项，就能开启<code>Gitee Pages</code>服务了：</p>
<p><img src="https://ahuntsun.gitee.io/blogimagebed/img/%E5%9B%BE%E5%BA%8A/4.png" alt="image-20200410171949254" loading="lazy"></p>
<p>稍等片刻，图床的部署就完成了：</p>
<p><img src="https://ahuntsun.gitee.io/blogimagebed/img/%E5%9B%BE%E5%BA%8A/5.png" alt="image-20200410172129380" loading="lazy"></p>
<p>从上图可以看到，<code>Gitee Pages</code>生成的图床地址为：</p>
<pre><code> http://ahuntsun.gitee.io/blogimagebed
</code></pre>
<p>通过在该地址后面拼接远程仓库内的图片目录，就能将图片显示出来。比如位于远程仓库如下目录中的<code>demo.png</code>图片：</p>
<p><img src="https://ahuntsun.gitee.io/blogimagebed/img/%E5%9B%BE%E5%BA%8A/6.png" alt="image-20200410172514607" loading="lazy"></p>
<p>只要将目录信息拼接在图床地址后面，就形成了<code>demo.png</code>图片的<code>URL</code>了：</p>
<pre><code> http://ahuntsun.gitee.io/blogimagebed/img/图床/demo.webp
</code></pre>
<p><img src="https://ahuntsun.gitee.io/blogimagebed/img/%E5%9B%BE%E5%BA%8A/7.png" alt="image-20200410172825961" loading="lazy"></p>
<p>由此完成了图床的搭建。</p>
<h3 id="五图床美化">五、图床美化</h3>
<p>我们可以通过下载一些网站模板来美化我们的图床，比如可以在模板之家下载：</p>
<p><img src="https://ahuntsun.gitee.io/blogimagebed/img/%E5%9B%BE%E5%BA%8A/8.png" alt="image-20200410173057495" loading="lazy"></p>
<p>模板下载完成后，解压，并删除不必要的东西，然后添加到远程仓库对应的本地文件夹中：</p>
<p><img src="https://ahuntsun.gitee.io/blogimagebed/img/%E5%9B%BE%E5%BA%8A/9.png" alt="image-20200410173236090" loading="lazy"></p>
<p>这里的<code>index.html</code>表示网站的主页，可以进行相应的修改。随后直接将这些文件推送到远程仓库：</p>
<pre><code>git add .
git commit -m '提交注释'
git push -u origin master
</code></pre>
<p><img src="https://ahuntsun.gitee.io/blogimagebed/img/%E5%9B%BE%E5%BA%8A/10.png" alt="image-20200410173900344" loading="lazy"></p>
<p>随后，再次打开<code>Gitee Pages</code>服务，更新部署，即可应用上传的网站模板：</p>
<p><img src="https://ahuntsun.gitee.io/blogimagebed/img/%E5%9B%BE%E5%BA%8A/11.png" alt="image-20200410173735729" loading="lazy"></p>
<p>更新后，打开图床链接：</p>
<pre><code> http://ahuntsun.gitee.io/blogimagebed
</code></pre>
<p>就可以看到美化效果了：</p>
<p><img src="https://ahuntsun.gitee.io/blogimagebed/img/%E5%9B%BE%E5%BA%8A/12.webp" alt="image-20200410174239005" loading="lazy"></p>
<h3 id="六注意事项">六、注意事项</h3>
<p>每次部署之后，都相当于永远定格在了部署那一刻的仓库状态；如果仓库发生变化，比如添加文件，或删除文件，部署出来的内容都不会改变。相当于部署的时候，服务器将当前状态的仓库复制了一份，只要不更新部署，部署的内容就不会改变。所以每次更新仓库内容后，要同步<strong>更新部署</strong>：</p>
<p><img src="https://ahuntsun.gitee.io/blogimagebed/img/%E5%9B%BE%E5%BA%8A/13.png" alt="image-20200410152720672" loading="lazy"></p>
<p>如果更新出错了，没有更新内容。可以先暂停<code>Gitee Pages</code>服务，再开启，这样部署的内容就会发生更新；</p>
<p><strong>过程分析</strong></p>
<p>由于<code>Gitee Pages</code>部署时会将当前仓库复制一份，所以部署之后，即使删除了仓库的某些文件，只要不更新或者重启<code>Gitee Pages</code>服务，<code>Gitee Pages</code>还是可以使用这些部署后被删除的文件，因为<code>Gitee Pages</code>使用的是部署时复制出来的仓库，两个仓库彼此是独立的；</p>
<p>但是，当我们更新或重启<code>Gitee Pages</code>服务时，两个仓库就会再次同步。</p>
<p>这样说可能有点抽象，举个例子：部署的时候，仓库中有一张<code>demo.png</code>图片。部署后，即使这张图被删除了，也能通过图床链接：http://ahuntsun.gitee.io/blogimagebed/demo.png 访问该图片，示意图如下：</p>
<p><img src="https://ahuntsun.gitee.io/blogimagebed/img/%E5%9B%BE%E5%BA%8A/14.png" alt="image-20200410165707926" loading="lazy"></p>
<p>同样地，部署后在仓库中新增图片<code>demo2.png</code>，只要不重新部署，就不能通过图床链接：http://ahuntsun.gitee.io/blogimagebed/demo2.png 访问该图片：</p>
<p><img src="https://ahuntsun.gitee.io/blogimagebed/img/%E5%9B%BE%E5%BA%8A/15.png" alt="image-20200410150215025" loading="lazy"></p>
<blockquote>
<p>最后附上图床地址，仅供参考：http://ahuntsun.gitee.io/blogimagebed/</p>
</blockquote>
</div>
<div id="MySignature" role="contentinfo">
多抽出1分钟来学习，让你的生命更加精彩！<br><br>
来源：https://www.cnblogs.com/AhuntSun-blog/p/12675620.html
頁:
[1]