<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>教程攻略 on Tofuwine&#39;s Blog</title>
        <link>https://www.tofuwine.cn/categories/%E6%95%99%E7%A8%8B%E6%94%BB%E7%95%A5/</link>
        <description>Recent content in 教程攻略 on Tofuwine&#39;s Blog</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>en-us</language>
        <lastBuildDate>Mon, 27 May 2024 15:17:52 +0800</lastBuildDate><atom:link href="https://www.tofuwine.cn/categories/%E6%95%99%E7%A8%8B%E6%94%BB%E7%95%A5/index.xml" rel="self" type="application/rss+xml" /><item>
        <title>Github 免费图床攻略</title>
        <link>https://www.tofuwine.cn/posts/6b53001d/</link>
        <pubDate>Mon, 27 May 2024 00:00:00 +0000</pubDate>
        
        <guid>https://www.tofuwine.cn/posts/6b53001d/</guid>
        <description>&lt;h2 id=&#34;概要&#34;&gt;概要
&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;新建 GitHub 仓库存储我们的图片&lt;/li&gt;
&lt;li&gt;配置 Typora + PicGo 实现图片的自动上传&lt;/li&gt;
&lt;li&gt;使用 jsDelivr CDN 加速图片访问&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id=&#34;github&#34;&gt;GitHub
&lt;/h2&gt;&lt;h3 id=&#34;图床仓库&#34;&gt;图床仓库
&lt;/h3&gt;&lt;p&gt;登录 GitHub 账户，前往 &lt;a class=&#34;link&#34; href=&#34;https://github.com/new&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;new
    
    &lt;span style=&#34;white-space: nowrap;&#34;&gt;
        &lt;svg width=&#34;.7em&#34; height=&#34;.7em&#34; viewBox=&#34;0 0 21 21&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
            &lt;path d=&#34;m13 3l3.293 3.293l-7 7l1.414 1.414l7-7L21 11V3z&#34; fill=&#34;currentColor&#34;/&gt;
            &lt;path d=&#34;M19 19H5V5h7l-2-2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2v-5l-2-2v7z&#34;
                  fill=&#34;currentColor&#34;/&gt;
        &lt;/svg&gt;
    &lt;/span&gt;
    
&lt;/a&gt;，新建一个 GitHub 仓库，如：&lt;code&gt;MyImgRepo&lt;/code&gt;。（需 &lt;code&gt;Public&lt;/code&gt; 权限）。&lt;/p&gt;
&lt;p&gt;&lt;div class=&#34;fancybox&#34;&gt;
	&lt;a data-fancybox=&#34;gallery&#34; href=&#34;https://cdn.jsdelivr.net/gh/tofuwine/tofuwine.github.io@repo/assets/202405271540332.webp&#34;&gt;
		&lt;img src=&#34;https://cdn.jsdelivr.net/gh/tofuwine/tofuwine.github.io@repo/assets/202405271540332.webp#center&#34; alt=&#34;202405271540332&#34; onerror=&#34;this.onerror=null;this.src=&#39;https://www.tofuwine.cn/placeholder.svg&#39;;this.className=&#39;pe-image-placeholder&#39;&#34;/&gt;
	&lt;/a&gt;
&lt;/div&gt;&lt;/p&gt;
&lt;p&gt;默认情况下，GitHub 仓库主分支名为 &lt;code&gt;main&lt;/code&gt;。你可以前往&lt;a class=&#34;link&#34; href=&#34;https://github.com/settings/repositories&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;设置
    
    &lt;span style=&#34;white-space: nowrap;&#34;&gt;
        &lt;svg width=&#34;.7em&#34; height=&#34;.7em&#34; viewBox=&#34;0 0 21 21&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
            &lt;path d=&#34;m13 3l3.293 3.293l-7 7l1.414 1.414l7-7L21 11V3z&#34; fill=&#34;currentColor&#34;/&gt;
            &lt;path d=&#34;M19 19H5V5h7l-2-2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2v-5l-2-2v7z&#34;
                  fill=&#34;currentColor&#34;/&gt;
        &lt;/svg&gt;
    &lt;/span&gt;
    
&lt;/a&gt;修改。&lt;/p&gt;
&lt;h3 id=&#34;token&#34;&gt;token
&lt;/h3&gt;&lt;p&gt;前往 &lt;a class=&#34;link&#34; href=&#34;https://github.com/settings/tokens&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;tokens
    
    &lt;span style=&#34;white-space: nowrap;&#34;&gt;
        &lt;svg width=&#34;.7em&#34; height=&#34;.7em&#34; viewBox=&#34;0 0 21 21&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
            &lt;path d=&#34;m13 3l3.293 3.293l-7 7l1.414 1.414l7-7L21 11V3z&#34; fill=&#34;currentColor&#34;/&gt;
            &lt;path d=&#34;M19 19H5V5h7l-2-2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2v-5l-2-2v7z&#34;
                  fill=&#34;currentColor&#34;/&gt;
        &lt;/svg&gt;
    &lt;/span&gt;
    
&lt;/a&gt; 页，按下图方式创建 Personal access token:&lt;/p&gt;
&lt;p&gt;&lt;div class=&#34;fancybox&#34;&gt;
	&lt;a data-fancybox=&#34;gallery&#34; href=&#34;https://cdn.jsdelivr.net/gh/tofuwine/tofuwine.github.io@repo/assets/202405271555155.webp&#34;&gt;
		&lt;img src=&#34;https://cdn.jsdelivr.net/gh/tofuwine/tofuwine.github.io@repo/assets/202405271555155.webp#center&#34; alt=&#34;202405271555155&#34; onerror=&#34;this.onerror=null;this.src=&#39;https://www.tofuwine.cn/placeholder.svg&#39;;this.className=&#39;pe-image-placeholder&#39;&#34;/&gt;
	&lt;/a&gt;
&lt;/div&gt;&lt;/p&gt;
&lt;p&gt;按下图方式填写信息，&lt;/p&gt;
&lt;p&gt;&lt;div class=&#34;fancybox&#34;&gt;
	&lt;a data-fancybox=&#34;gallery&#34; href=&#34;https://cdn.jsdelivr.net/gh/tofuwine/tofuwine.github.io@repo/assets/202405271557690.webp&#34;&gt;
		&lt;img src=&#34;https://cdn.jsdelivr.net/gh/tofuwine/tofuwine.github.io@repo/assets/202405271557690.webp#center&#34; alt=&#34;202405271557690&#34; onerror=&#34;this.onerror=null;this.src=&#39;https://www.tofuwine.cn/placeholder.svg&#39;;this.className=&#39;pe-image-placeholder&#39;&#34;/&gt;
	&lt;/a&gt;
&lt;/div&gt;&lt;/p&gt;
&lt;p&gt;最后点击 &lt;code&gt;Generate token&lt;/code&gt; 按钮生成 token，你的 token 在如下位置显示：&lt;/p&gt;
&lt;p&gt;&lt;div class=&#34;fancybox&#34;&gt;
	&lt;a data-fancybox=&#34;gallery&#34; href=&#34;https://cdn.jsdelivr.net/gh/tofuwine/tofuwine.github.io@repo/assets/202405271558328.webp&#34;&gt;
		&lt;img src=&#34;https://cdn.jsdelivr.net/gh/tofuwine/tofuwine.github.io@repo/assets/202405271558328.webp#center&#34; alt=&#34;202405271558328&#34; onerror=&#34;this.onerror=null;this.src=&#39;https://www.tofuwine.cn/placeholder.svg&#39;;this.className=&#39;pe-image-placeholder&#39;&#34;/&gt;
	&lt;/a&gt;
&lt;/div&gt;&lt;/p&gt;
&lt;p&gt;随便找个文件保存你的 token，后续需要使用。&lt;/p&gt;
&lt;h2 id=&#34;picgo&#34;&gt;PicGo
&lt;/h2&gt;&lt;blockquote&gt;
&lt;p&gt;前往 &lt;a class=&#34;link&#34; href=&#34;https://github.com/Molunerfinn/PicGo/releases&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;GitHub
    
    &lt;span style=&#34;white-space: nowrap;&#34;&gt;
        &lt;svg width=&#34;.7em&#34; height=&#34;.7em&#34; viewBox=&#34;0 0 21 21&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
            &lt;path d=&#34;m13 3l3.293 3.293l-7 7l1.414 1.414l7-7L21 11V3z&#34; fill=&#34;currentColor&#34;/&gt;
            &lt;path d=&#34;M19 19H5V5h7l-2-2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2v-5l-2-2v7z&#34;
                  fill=&#34;currentColor&#34;/&gt;
        &lt;/svg&gt;
    &lt;/span&gt;
    
&lt;/a&gt; 下载 PicGo。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;打开 PicGo 界面，如果启动后没显示界面，可在右下角隐藏图标中寻找，右键 &lt;code&gt;打开主窗口&lt;/code&gt;。&lt;/p&gt;
&lt;h3 id=&#34;picgo-设置&#34;&gt;PicGo 设置
&lt;/h3&gt;&lt;p&gt;以下为可选项，按需修改：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;设置代理和镜像地址。如果总是上传文件失败，建议配置此项，添加上传代理。（例如，使用 Clash for Windows，那么默认的地址就是 &lt;code&gt;http://127.0.0.1:7890&lt;/code&gt;）&lt;/li&gt;
&lt;li&gt;时间戳重命名，避免图片重名被覆盖。&lt;/li&gt;
&lt;li&gt;请选择显示的图床：勾选 ✅ GitHub。（如果已经勾选，请跳过此步骤）&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;div class=&#34;fancybox&#34;&gt;
	&lt;a data-fancybox=&#34;gallery&#34; href=&#34;https://cdn.jsdelivr.net/gh/tofuwine/tofuwine.github.io@repo/assets/202405271617628.webp&#34;&gt;
		&lt;img src=&#34;https://cdn.jsdelivr.net/gh/tofuwine/tofuwine.github.io@repo/assets/202405271617628.webp#center&#34; alt=&#34;20240527160423&#34; onerror=&#34;this.onerror=null;this.src=&#39;https://www.tofuwine.cn/placeholder.svg&#39;;this.className=&#39;pe-image-placeholder&#39;&#34;/&gt;
	&lt;/a&gt;
&lt;/div&gt;&lt;/p&gt;
&lt;h3 id=&#34;图床设置&#34;&gt;图床设置
&lt;/h3&gt;&lt;p&gt;在 &lt;code&gt;图床设置&lt;/code&gt; &amp;gt; &lt;code&gt;GitHub&lt;/code&gt;: 你可以选择新增一个或者修改 &lt;code&gt;Default&lt;/code&gt; 的。&lt;/p&gt;
&lt;p&gt;&lt;div class=&#34;fancybox&#34;&gt;
	&lt;a data-fancybox=&#34;gallery&#34; href=&#34;https://cdn.jsdelivr.net/gh/tofuwine/tofuwine.github.io@repo/assets/20240527160628.webp&#34;&gt;
		&lt;img src=&#34;https://cdn.jsdelivr.net/gh/tofuwine/tofuwine.github.io@repo/assets/20240527160628.webp#center&#34; alt=&#34;20240527160628&#34; onerror=&#34;this.onerror=null;this.src=&#39;https://www.tofuwine.cn/placeholder.svg&#39;;this.className=&#39;pe-image-placeholder&#39;&#34;/&gt;
	&lt;/a&gt;
&lt;/div&gt;&lt;/p&gt;
&lt;p&gt;参数说明：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;图床配置名：保持默认即可或任意填写（不重要）&lt;/li&gt;
&lt;li&gt;设定仓库名：在 &lt;a class=&#34;link&#34; href=&#34;#github&#34; &gt;GitHub 章节
    
&lt;/a&gt; 新建的仓库，格式为 &lt;code&gt;用户名/仓库名&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;设定分支名：设置你仓库分支名，如果你未修改 GitHub 配置，那么默认为 &lt;code&gt;main&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;设定 Token：使用在 &lt;a class=&#34;link&#34; href=&#34;#token&#34; &gt;GitHub 章节
    
&lt;/a&gt; 保存的 Token&lt;/li&gt;
&lt;li&gt;设定存储路径：图片上传到仓库的指定路径&lt;/li&gt;
&lt;li&gt;设定自定义域名：可留空或参考 &lt;a class=&#34;link&#34; href=&#34;#jsdelivr-cdn&#34; &gt;jsDelivr CDN 章节
    
&lt;/a&gt;。&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;typora&#34;&gt;Typora
&lt;/h2&gt;&lt;blockquote&gt;
&lt;p&gt;注意：该软件为付费软件。官网：&lt;a class=&#34;link&#34; href=&#34;https://typoraio.cn/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://typoraio.cn/
    
    &lt;span style=&#34;white-space: nowrap;&#34;&gt;
        &lt;svg width=&#34;.7em&#34; height=&#34;.7em&#34; viewBox=&#34;0 0 21 21&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
            &lt;path d=&#34;m13 3l3.293 3.293l-7 7l1.414 1.414l7-7L21 11V3z&#34; fill=&#34;currentColor&#34;/&gt;
            &lt;path d=&#34;M19 19H5V5h7l-2-2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2v-5l-2-2v7z&#34;
                  fill=&#34;currentColor&#34;/&gt;
        &lt;/svg&gt;
    &lt;/span&gt;
    
&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;在 Typora 设置中，按如下配置：&lt;/p&gt;
&lt;p&gt;&lt;div class=&#34;fancybox&#34;&gt;
	&lt;a data-fancybox=&#34;gallery&#34; href=&#34;https://cdn.jsdelivr.net/gh/tofuwine/tofuwine.github.io@repo/assets/20240527163054.webp&#34;&gt;
		&lt;img src=&#34;https://cdn.jsdelivr.net/gh/tofuwine/tofuwine.github.io@repo/assets/20240527163054.webp#center&#34; alt=&#34;20240527163054&#34; onerror=&#34;this.onerror=null;this.src=&#39;https://www.tofuwine.cn/placeholder.svg&#39;;this.className=&#39;pe-image-placeholder&#39;&#34;/&gt;
	&lt;/a&gt;
&lt;/div&gt;&lt;/p&gt;
&lt;p&gt;此时在 Typora 书写 Markdown 时，复制一张图片到 typora，则会自动上传到 GitHub，并修改文件路径为 GitHub 的地址。&lt;/p&gt;
&lt;p&gt;如果你不能使用 Typora，可以通过 PicGo 手动上传，然后复制最终链接到 Markdown。&lt;/p&gt;
&lt;h2 id=&#34;jsdelivr-cdn&#34;&gt;jsDelivr CDN
&lt;/h2&gt;&lt;p&gt;上述步骤操作后，得到的图片地址是以 &lt;code&gt;https://raw.githubusercontent.com&lt;/code&gt; 开头的，这个站点在国内访问效果很不理想。因此我们通常使用 CDN 加速图片的访问，这里我们通过免费的 jsDelivr 实现。&lt;/p&gt;
&lt;p&gt;修改 &lt;a class=&#34;link&#34; href=&#34;#%e5%9b%be%e5%ba%8a%e8%ae%be%e7%bd%ae&#34; &gt;PicGo 图床配置
    
&lt;/a&gt;，设定自定义域名为：（将链接中的 &lt;code&gt;tofuwine/MyImgRepo@main&lt;/code&gt; 换成你的配置，&lt;code&gt;tofuwine/MyImgRepo&lt;/code&gt; 对应仓库名，&lt;code&gt;main&lt;/code&gt; 对应分支名）&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-text&#34; data-lang=&#34;text&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;https://cdn.jsdelivr.net/gh/tofuwine/MyImgRepo@main
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;</description>
        </item>
        
    </channel>
</rss>
