Typora如何上传图片到gitee - Powered by Discuz! Archiver

首页 › Github/Gitee开源交流 › Typora如何上传图片到gitee

古龙橙子味 發表於 2022-2-9 19:44:00

Typora如何上传图片到gitee

<svg xmlns="http://www.w3.org/2000/svg" style="display: none">
                     <path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0)"></path>
               </svg>
               <p>Typora是一款非常好用的Markdown文本编辑器，深受广大程序员的青睐，那么在使用过程中，当我们插入图片的时候，其实是默认放在一个相对路径文件夹下的，这就导致，一旦我们移动文件，或者发送给别人，图片就失效了。<br> 如何解决呢？Typora给我们提供了图片上传服务，就是我们可以将图片上传在网上，这样就方便许多，不管再换地方挪位置，始终都正常显示。<br> 那么上传到什么地方呢，我个人还是喜欢上传到gitee码云平台，操作起来也比较简单。</p>
<h1>在gitee上新建仓库</h1>
<p>没有账号的一定要先注册一下，这里不再演示：<br> <img src="https://img-blog.csdnimg.cn/7569d2e77b8c4c33b25e33e0434f9af5.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAc29iZXJ3LQ==,size_14,color_FFFFFF,t_70,g_se,x_16"><br> 名称随便命名，记住一定要选择为<code>public</code>公开的，这样才能让别人连接到。然后最好初始化一下，注意，记下你的仓库地址，后面会用。<br> <img src="https://img-blog.csdnimg.cn/2e6c72e41e4e44ee913fa6016717b1c8.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAc29iZXJ3LQ==,size_20,color_FFFFFF,t_70,g_se,x_16"></p>
<h1>生成gitee私人令牌</h1>
<p>打开设置，找到私人令牌> 生成新令牌<br> <img src="https://img-blog.csdnimg.cn/84bd997ea6bf412185a26b06a68782b9.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAc29iZXJ3LQ==,size_11,color_FFFFFF,t_70,g_se,x_16"><br> 注意这里<code>projects</code>一定要勾选，允许更新，我刚开始忘记勾选了，导致上传不成功。<br> <img src="https://img-blog.csdnimg.cn/70146a2e84d44aaf9732732a6d2c6902.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAc29iZXJ3LQ==,size_20,color_FFFFFF,t_70,g_se,x_16"><br> 生成后，一定要保存一下，一会有大用处，此令牌只生成一次，忘记了就得重新生成了，很麻烦<br> <img src="https://img-blog.csdnimg.cn/5482b875e9164a49b485dd806bd565c0.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAc29iZXJ3LQ==,size_20,color_FFFFFF,t_70,g_se,x_16"><br> 到此，gitee相关配置结束。</p>
<h1>配置Typora</h1>
<p>打开Typora，找到 <code>文件 > 偏好设置 > 图像</code>：<br> <img src="https://img-blog.csdnimg.cn/210a00e9399e4d169d5e55354e846f7f.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAc29iZXJ3LQ==,size_20,color_FFFFFF,t_70,g_se,x_16"><br> 这里用到的上传服务是<code>picgo-core</code>如果你的电脑没有，需要下载一下，点击下载或更新下载。</p>
<h3>注意</h3>
<blockquote>
<p>这里先别急着第六步，需要你的电脑安装有<code>node.js</code>，关于如何安装，这里不再赘述，推荐一个安装教程点击这里超级详细。</p>
</blockquote>
<h1>安装插件</h1>
<p>打开你的电脑里Typora的文件路径，如果你的Typora是默认安装的，应该和我的一样：<br> <img src="https://img-blog.csdnimg.cn/0c49e4b877664890badaf1fa4c33401d.png"><br> 在此目录下打开<code>cmd</code>窗口<br> 输入命令：</p>
<pre><code class="prism language-powershell"><span class="token punctuation">.</span>\picgo<span class="token punctuation">.</span>exe install gitee<span class="token operator">-</span>uploader
</code></pre>
<p><img src="https://img-blog.csdnimg.cn/abcfcc9d2c6c48fa94f41ca34f80af0e.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAc29iZXJ3LQ==,size_20,color_FFFFFF,t_70,g_se,x_16"><br> 若node.js配置完好，就能安装成功</p>
<h1>修改配置文件</h1>
<p>回到Typora，接着刚才步骤来：<br> 执行第六步，点击<code>打开配置文件</code><br> 输入以下命令，刚刚让你保存的路径地址以及令牌就填在这里：</p>
<pre><code class="prism language-javascript"><span class="token punctuation">{</span>
<span class="token string">"picBed"</span><span class="token operator">:</span> <span class="token punctuation">{</span>
<span class="token string">"uploader"</span><span class="token operator">:</span> <span class="token string">"gitee"</span><span class="token punctuation">,</span>
<span class="token string">"gitee"</span><span class="token operator">:</span> <span class="token punctuation">{</span>
   <span class="token string">"repo"</span><span class="token operator">:</span> <span class="token string">"XXX/XXX"</span><span class="token punctuation">,</span> <span class="token comment">//你的 "用户名/仓库名"</span>
   <span class="token string">"token"</span><span class="token operator">:</span> <span class="token string">"XXX"</span><span class="token punctuation">,</span> <span class="token comment">//你的私人令牌</span>
   <span class="token string">"path"</span><span class="token operator">:</span> <span class="token string">"xxx/"</span><span class="token punctuation">,</span> <span class="token comment">//存放在仓库的位置</span>
   <span class="token string">"customUrl"</span><span class="token operator">:</span> <span class="token string">""</span><span class="token punctuation">,</span>
   <span class="token string">"branch"</span><span class="token operator">:</span> <span class="token string">"master"</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span><span class="token punctuation">,</span>
<span class="token string">"picgoPlugins"</span><span class="token operator">:</span> <span class="token punctuation">{</span>
<span class="token string">"picgo-plugin-gitee-uploader"</span><span class="token operator">:</span> <span class="token boolean">true</span>
<span class="token punctuation">}</span><span class="token punctuation">,</span>
<span class="token string">"picgo-plugin-gitee-uploader"</span><span class="token operator">:</span> <span class="token punctuation">{</span>
<span class="token string">"lastSync"</span><span class="token operator">:</span> <span class="token string">"2021-02-15 09:27:37"</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
</code></pre>
<p>保存后退出。</p>
<h1>验证</h1>
<p>最后验证一下是否成功了，点击<code>验证图片上传</code><br> <img src="https://img-blog.csdnimg.cn/6d607fdf930c4c4d8df9009013c883cc.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAc29iZXJ3LQ==,size_19,color_FFFFFF,t_70,g_se,x_16"><br> 显示这，说明配置成功，以后就可以上传了：<br> <img src="https://img-blog.csdnimg.cn/949f5cf6522f43b4b200e11e17314a25.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAc29iZXJ3LQ==,size_20,color_FFFFFF,t_70,g_se,x_16"><br> 如果文章对你有帮助，还请三连支持一下！！！</p><br><br>
来源：https://www.cnblogs.com/soberw/p/15876443.html

頁: [1]

查看完整版本: Typora如何上传图片到gitee