【工具速通】Github+PicGo+VSCode编辑md文档并将插图同步图床教程
<h1 id="1配置github">1.配置Github</h1><h2 id="11-创建新仓库">1.1 创建新仓库</h2>
<ul>
<li>
<p>设置为public，否则无法正常访问</p>
</li>
<li>
<p>勾选add a readme file</p>
</li>
</ul>
<p><img src="https://cdn.jsdelivr.net/gh/wennz-y/BlogImage@main/img/vscode20240818175427.png" alt="20240818175427" loading="lazy"></p>
<h2 id="12-生成token">1.2 生成token</h2>
<ul>
<li>
<p>在个人主页setting里找到developer settings</p>
</li>
<li>
<p>用于picGo访问</p>
</li>
</ul>
<p><img src="https://cdn.jsdelivr.net/gh/wennz-y/BlogImage@main/img/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202024-08-18%20105754.png" alt="d6e5e008-9abe-4516-9cc9-2eaa494b0c14" loading="lazy"></p>
<ul>
<li>beta是用不上的，classic就够了</li>
</ul>
<p><img src="https://cdn.jsdelivr.net/gh/wennz-y/BlogImage@main/img/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202024-08-18%20110003.png" alt="15b94b12-6b12-4fdf-a84e-316203a311f7" loading="lazy"></p>
<ul>
<li>
<p>填写完note，修改expiration（默认30d，作者改成了无限期）</p>
</li>
<li>
<p>勾选repo</p>
</li>
</ul>
<p><img src="https://cdn.jsdelivr.net/gh/wennz-y/BlogImage@main/img/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202024-08-18%20110221.png" alt="6e3d0c41-f4ba-4a23-8636-8b64fe3b16be" loading="lazy"></p>
<ul>
<li>
<p>token生成</p>
</li>
<li>
<p>只显示一次，记得单独保存</p>
</li>
</ul>
<p><img src="https://cdn.jsdelivr.net/gh/wennz-y/BlogImage@main/img/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202024-08-18%20110405.png" alt="51e12325-415c-4193-8d89-db65274d0eed" loading="lazy"></p>
<p>GitHub配置完成，接下来是picGo的相关设置</p>
<h1 id="2配置picgo">2.配置picGo</h1>
<h2 id="21-下载picgo">2.1 下载picGo</h2>
<ul>
<li>
<p>在GitHub页面找到适配windows64位且正式发布的安装包</p>
</li>
<li>
<p>.dmg，for mac</p>
</li>
<li>
<p>.exe，for Windows</p>
<ul>
<li>
<p>默认32bit</p>
</li>
<li>
<p>x64，for 64位</p>
</li>
</ul>
</li>
</ul>
<p><img src="https://cdn.jsdelivr.net/gh/wennz-y/BlogImage@main/img/vscode20240818180029.png" alt="20240818180029" loading="lazy"></p>
<h2 id="22-配置参数">2.2 配置参数</h2>
<ul>
<li>
<p>仓库名是刚才在GitHub上建立的新仓库</p>
</li>
<li>
<p>分支名默认为master（2020.10.1以后GitHub不再使用此默认分支名），需要修改为main</p>
</li>
<li>
<p>填写token</p>
</li>
<li>
<p>存储路径：填写后会将图片存储在库内的img文件夹下</p>
</li>
<li>
<p>自定义域名格式：https://cdn.jsdelivr.net/gh//[仓库名]@main</p>
<ul>
<li>
<p>原自定义域名为：https://raw.githubusercontent.com//[仓库名]</p>
</li>
<li>
<p>访问图片很慢</p>
</li>
<li>
<p>故修改为jsdelivr作为cdn加速</p>
</li>
</ul>
</li>
</ul>
<p><img src="https://cdn.jsdelivr.net/gh/wennz-y/BlogImage@main/img/vscode20240818175653.png" alt="20240818175653" loading="lazy"></p>
<p>picGo配置完成</p>
<ul>
<li>接下来就可以到主页面上传图片了</li>
</ul>
<p><img src="https://cdn.jsdelivr.net/gh/wennz-y/BlogImage@main/img/vscode20240818175719.png" alt="20240818175719" loading="lazy"></p>
<h1 id="3配置vscode">3.配置vscode</h1>
<h2 id="31-下载picgo扩展">3.1 下载picGo扩展</h2>
<ul>
<li>在扩展设置里修改当前图床为GitHub</li>
</ul>
<p><img src="https://cdn.jsdelivr.net/gh/wennz-y/BlogImage@main/img/vscode20240818181549.png" alt="20240818181549" loading="lazy"></p>
<ul>
<li>
<p>并配置以下内容</p>
<ul>
<li>
<p>custom URL：自定义域名</p>
</li>
<li>
<p>path：仓库内存储路径</p>
</li>
<li>
<p>token：上文复制的口令</p>
</li>
</ul>
</li>
</ul>
<p><img src="https://cdn.jsdelivr.net/gh/wennz-y/BlogImage@main/img/vscode20240818175830.png" alt="20240818175830" loading="lazy"></p>
<h2 id="32-下载markdown-all-in-one扩展">3.2 下载Markdown All in One扩展</h2>
<p>markdown基础语法、markdown扩展语法、md制表工具、md常用数学符号</p>
<p>边写边预览，实现.md文档的vscode自由</p>
<table>
<thead>
<tr>
<th>描述</th>
<th>语法</th>
</tr>
</thead>
<tbody>
<tr>
<td>粗体</td>
<td>**.**</td>
</tr>
<tr>
<td>斜体</td>
<td>*.*</td>
</tr>
<tr>
<td>围栏代码块</td>
<td>```java{}```</td>
</tr>
<tr>
<td>脚注</td>
<td>[^1]</td>
</tr>
</tbody>
</table>
<p><img src="https://cdn.jsdelivr.net/gh/wennz-y/BlogImage@main/img/vscode20240818181830.png" alt="20240818181830" loading="lazy"></p>
<p>vscode插件配置完成</p>
<h1 id="4写作流程">4.写作流程</h1>
<p>快捷键ctrl+alt+u将剪贴板中的照片上传图床，等待vscode中显示如下提示则为图片上传成功：</p>
<p><img src="https://cdn.jsdelivr.net/gh/wennz-y/BlogImage@main/img/vscode!%5B20240818180056%5D(httpscdn.jsdelivr.netghwennz-yBlogImage@mainimgvscode20240818180056.png).png" alt="20240818180056" loading="lazy"><br>
<img src="https://cdn.jsdelivr.net/gh/wennz-y/BlogImage@main/img/vscode20240818180045.png" alt="20240818180045" loading="lazy"></p><br><br>
来源：https://www.cnblogs.com/W-enzy/p/18365890
頁:
[1]