北纬的北 發表於 2025-6-14 11:03:00

完整教程:2025最新在GitHub上搭建个人图床,保姆级图文教程,实现图片高效管理

<style>pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-family: "Consolas", "Monaco", "Courier New", monospace !important; font-size: 14px !important; line-height: 1.6 !important; padding: 16px !important; margin: 16px 0 !important; background-color: rgba(248, 248, 248, 1) !important; border: 1px solid rgba(225, 228, 232, 1) !important; border-radius: 6px !important; tab-size: 4 !important; -moz-tab-size: 4 !important; max-width: 100% !important; box-sizing: border-box !important }
code { font-family: "Consolas", "Monaco", "Courier New", monospace !important; font-size: 14px !important; white-space: pre !important; word-wrap: normal !important; word-break: normal !important; overflow-wrap: normal !important; display: inline !important; background: rgba(0, 0, 0, 0) !important; border: none !important; padding: 0 !important; margin: 0 !important; line-height: inherit !important }
pre code { background: rgba(0, 0, 0, 0) !important; border: 0 !important; border-radius: 0 !important; display: block !important; line-height: 1.6 !important; margin: 0 !important; max-width: none !important; overflow: visible !important; padding: 0 !important; white-space: pre !important; word-wrap: normal !important; word-break: normal !important; color: inherit !important }
.token.comment, .token.prolog, .token.doctype, .token.cdata { color: rgba(112, 128, 144, 1) !important; font-style: italic !important }
.token.punctuation { color: rgba(153, 153, 153, 1) !important }
.token.atrule, .token.attr-value, .token.keyword { color: rgba(0, 119, 170, 1) !important; font-weight: bold !important }
.token.function, .token.class-name { color: rgba(221, 74, 104, 1) !important; font-weight: bold !important }
.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: rgba(102, 153, 0, 1) !important }
.token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted { color: rgba(153, 0, 85, 1) !important }
.cnblogs-markdown pre, .cnblogs-post-body pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; background-color: rgba(248, 248, 248, 1) !important; border: 1px solid rgba(225, 228, 232, 1) !important; border-radius: 6px !important; padding: 16px !important; margin: 16px 0 !important }
pre, pre, pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important }</style>
      
<style>pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-family: "Consolas", "Monaco", "Courier New", monospace !important; font-size: 14px !important; line-height: 1.6 !important; padding: 16px !important; margin: 16px 0 !important; background-color: rgba(248, 248, 248, 1) !important; border: 1px solid rgba(225, 228, 232, 1) !important; border-radius: 6px !important; tab-size: 4 !important; -moz-tab-size: 4 !important; max-width: 100% !important; box-sizing: border-box !important }
code { font-family: "Consolas", "Monaco", "Courier New", monospace !important; font-size: 14px !important; white-space: pre !important; word-wrap: normal !important; word-break: normal !important; overflow-wrap: normal !important; display: inline !important; background: rgba(0, 0, 0, 0) !important; border: none !important; padding: 0 !important; margin: 0 !important; line-height: inherit !important }
p code, li code, td code, h1 code, h2 code, h3 code, h4 code, h5 code, h6 code { background-color: rgba(27, 31, 35, 0.05) !important; border-radius: 3px !important; font-size: 85% !important; margin: 0 !important; padding: 0.2em 0.4em !important; white-space: nowrap !important; font-family: "Consolas", "Monaco", "Courier New", monospace !important }
pre code { background: rgba(0, 0, 0, 0) !important; border: 0 !important; border-radius: 0 !important; display: block !important; line-height: 1.6 !important; margin: 0 !important; max-width: none !important; overflow: visible !important; padding: 0 !important; white-space: pre !important; word-wrap: normal !important; word-break: normal !important; color: inherit !important }
.token.comment, .token.prolog, .token.doctype, .token.cdata { color: rgba(112, 128, 144, 1) !important; font-style: italic !important }
.token.punctuation { color: rgba(153, 153, 153, 1) !important }
.token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted { color: rgba(153, 0, 85, 1) !important }
.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: rgba(102, 153, 0, 1) !important }
.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string { color: rgba(154, 110, 58, 1) !important }
.token.atrule, .token.attr-value, .token.keyword { color: rgba(0, 119, 170, 1) !important; font-weight: bold !important }
.token.function, .token.class-name { color: rgba(221, 74, 104, 1) !important; font-weight: bold !important }
.token.regex, .token.important, .token.variable { color: rgba(238, 153, 0, 1) !important }
.language-javascript .token.keyword { color: rgba(0, 0, 255, 1) !important; font-weight: bold !important }
.language-javascript .token.string { color: rgba(0, 128, 0, 1) !important }
.language-javascript .token.number { color: rgba(0, 102, 204, 1) !important }
.language-javascript .token.operator { color: rgba(102, 102, 102, 1) !important }
.language-javascript .token.function { color: rgba(121, 85, 72, 1) !important; font-weight: bold !important }
.language-javascript .token.class-name { color: rgba(46, 125, 50, 1) !important; font-weight: bold !important }
.language-bash .token.function { color: rgba(0, 102, 204, 1) !important }
.language-bash .token.string { color: rgba(0, 128, 0, 1) !important }
.language-bash .token.keyword { color: rgba(0, 0, 255, 1) !important; font-weight: bold !important }
.token { display: inline !important; white-space: inherit !important }
.pre-numbering, .hljs-button, .opt-box, .hide-preCode-box { display: none !important }
.markdown_views pre, #content_views pre, .htmledit_views pre, .prettyprint, .hljs { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; font-family: "Consolas", "Monaco", "Courier New", monospace !important }
.language-javascript, .language-java, .language-python, .language-bash, .language-css, .language-html { white-space: pre !important; word-wrap: normal !important; font-family: "Consolas", "Monaco", "Courier New", monospace !important }
.cnblogs-markdown pre, .cnblogs-post-body pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; background-color: rgba(248, 248, 248, 1) !important; border: 1px solid rgba(225, 228, 232, 1) !important; border-radius: 6px !important; padding: 16px !important; margin: 16px 0 !important }
pre, pre, pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important }
pre, pre * { box-sizing: border-box !important }
@media (max-width: 768px) { pre { font-size: 12px !important; padding: 12px !important; overflow-x: auto !important } }</style><div id="content_views" class="markdown_views prism-atelier-sulphurpool-light"><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><img src="https://i-blog.csdnimg.cn/direct/9ec3bf6f7ea144448021d2bf2796d56e.jpeg" alt="在这里插入图片描述"></p><blockquote><p></p><div class="toc"><h4>文章目录</h4><ul><li><ul><li><font color="purple">一. 图床</font></li><li><ul><li><font color="Deep purple">❄️1.什么是图床</font></li><li><font color="Deep purple">❄️2.图床能解决什么问题?</font></li></ul></li><li><font color="purple">二. 在github上面创建图床</font></li><li><font color="purple">三. PicGo</font></li><li><ul><li><font color="Deep purple">❄️1. PicGo介绍</font></li><li><font color="Deep purple">❄️ 2. 下载与安装</font></li><li><font color="Deep purple">❄️3. 配置图床</font></li><li><font color="Deep purple">❄️3.错误解决</font></li><li><ul><li>问题1</li><li>问题2</li><li>问题3</li><li>问题4</li></ul></li></ul></li><li><font color="purple"> 四. Typora</font></li><li><ul><li><font color="Deep purple">❄️一. 破解版安装</font></li><li><font color="Deep purple">❄️二. 设置Typora实现自动上传</font></li></ul></li></ul></li></ul></div><br><font color="red"><br>‍♂️ 作者:@whisperrr.‍♂️<br><br> 其他专栏:JavaWeb<br><br> 标题:2025最新在GitHub上搭建个人图床,保姆级图文教程,完成图片高效管理<br><br>❣️ 寄语:比较是偷走幸福的小偷❣️</font><p></p></blockquote><p>在数字化时代,图片已成为我们日常沟通和表达的主要方式。无论是社交媒体、博客还是论坛,图片都是不可或缺的元素。然而,随着图片数量的不断增加,如何高效地存储和分享图片成为了一个难题。这时候,图床应运而生,成为解决这一问题的利器。</p><h3><font color="purple">一. 图床</font></h3><h4><font color="Deep purple">❄️1.什么是图床</font></h4><p>图床,顾名思义,就是存储图片的“床”。它是一种在线服务,允许用户上传、存储和分享图片。通过图床,用户可以将图片上传到云端,然后获得一个链接,可以在任何地方分享这个链接,而不需要担心图片的存储和带宽问题。</p><h4><font color="Deep purple">❄️2.图床能解决什么问题?</font></h4><ul><li>存储疑问:个人用户或者小型网站往往没有足够的服务器空间和带宽来存储和传输大量图片。图床提供了廉价甚至免费的图片存储解决方案,让用户可以无忧地存储大量图片。</li><li>分享问题:图床使得图片分享变得更加简便。用户可以轻松地获得图片的链接,继而在任何地方分享这个链接,而不需要复杂的操作。这对于社交媒体、博客和论坛来说尤为重要。</li><li>管理问题:图床通常献出图片管理的功能,用户可以组织和管理自己的图片,方便查找和使用。一些高级的图床还提供标签、分类等机制,让用户可能更高效地管理自己的图片。</li><li>性能问题:图床往往拥有强大的服务器和CDN(内容分发网络),可以快速地向全球用户传输图片,提高图片的加载速度。这对于提升用户体验至关重要。</li><li>安全性障碍:一些图床提供图片防盗链效果,保护用户的图片不被未经授权的网站盗用。这对于保护用户的知识产权非常要紧。</li></ul><blockquote><p>下面跟随着我的脚步,在gitHub上面搭建自己的图床,并且应用<span class="words-blog hl-git-1" data-report-view="{&quot;spm&quot;:&quot;1001.2101.3001.10283&quot;,&quot;extra&quot;:&quot;{\&quot;words\&quot;:\&quot;PicGo\&quot;}&quot;}" data-tit="PicGo" data-pretit="picgo">PicGo</span>通过的可视化界面配置 GitHub 图床后,你可能在 Typora 中直接粘贴截图,Typora 会自动通过 PicGo 将图片上传到你的 GitHub 仓库。这样,你和他人就能够通过访问这些链接来共享图片,确保在发送文件时图片不会丢失。</p></blockquote><h3><font color="purple">二. 在github上面创建图床</font></h3><p>关于访问github速度慢的疑问,在创建图床之前,先给大家分享一个软件Watt Toolkit下载地址安装之后直接启动就OK,这里就不过多演示.</p><p>2.1 创建仓库</p><ul><li>登录 GitHub。</li><li>点击右上角的 “+” 号,选择 “New repository”。</li></ul><p><img src="https://i-blog.csdnimg.cn/direct/22b943e0dc864cb386c2f9474413502d.png" alt="在这里插入图片描述"></p><ul><li>填写仓库名称,仓库描述写不写无所谓,选择仓库可见性(公开或私有)建议公开,然后点击 “Create repository”。</li></ul><p><img src="https://i-blog.csdnimg.cn/direct/d7011315ea614c8fad337e3e29e5f4f9.png" alt="在这里插入图片描述"></p><p>2.2 生成token令牌</p><ul><li>点击右上角的头像或照片。</li><li>从下拉菜单中选择 “Settings”。</li></ul><p><img src="https://i-blog.csdnimg.cn/direct/c47c319d1e4c436db5ea4a1c20af060c.png" alt="在这里插入图片描述"></p><ul><li>在左侧菜单中,点击 “Developer settings”。</li><li>在 “Developer settings” 页面中,点击 “Personal access tokens”。</li></ul><p><img src="https://i-blog.csdnimg.cn/img_convert/a4acf01ece64c6c2f82ffb67b165518e.png" alt="屏幕截图 2025-02-15 144003"></p><ul><li>点击 “Generate new token” 按钮。</li></ul><p><img src="https://i-blog.csdnimg.cn/img_convert/52f12e4d5b341bcaaac5dd6a3bb0b6cb.png" alt="屏幕截图 2025-02-15 144038"></p><ul><li>在 “Note” 字段中,输入一个描述性名称,以便你记住这个令牌的用途。</li><li>选择令牌的 “Expiration” 日期。你可以选择让令牌永不过期,或者设置一个过期日期。</li><li>选择令牌的 “Scopes” 或权限。根据你利用令牌的目的,选择合适的权限。例如,如果你只需要访问仓库内容,可以选择 “repo” 权限。</li><li>下划,点击 “Generate token” 按钮。</li></ul><p><img src="https://i-blog.csdnimg.cn/img_convert/bdcaadb376b8c360f5b792a248326ba8.png" alt="屏幕截图 2025-02-15 144502"></p><ul><li>一旦生成令牌,你将看到令牌的明文。请立即复制并保存这个令牌到一个安全的地方。这是你唯一一次看到这个令牌的机会。</li><li>之后,你将无法查看这个令牌的明文,只能看到它是否仍然实用。<br><img src="https://i-blog.csdnimg.cn/direct/cb07b8eaa930414a853222550c8d8846.png" alt="在这里插入图片描述"></li></ul><blockquote><p>注意:</p><ul><li>个人访问令牌非常敏感,应像密码一样保护。不要将其泄露给他人,也不要将其硬编码在代码中。</li><li>如果你怀疑令牌的安全性受到了威胁,应立即在 GitHub 设置中撤销该令牌。</li><li>通过GitHub 令牌能够用于执行与你的 GitHub 账户相关的各种操作,因此请谨慎选择令牌的权限。</li></ul></blockquote><h3><font color="purple">三. PicGo</font></h3><h4><font color="Deep purple">❄️1. PicGo介绍</font></h4><p><strong>PicGo?就是一、什么</strong></p><p>PicGo 是一个开源的图片上传工具,支持多种图床服务,如七牛云、又拍云、SM.MS等。它可以帮助用户将本地图片上传到图床,并生成图片链接,方便在社交媒体、博客或论坛中分享。</p><p><strong>二、PicGo能解决什么问题?</strong></p><ol><li><strong>图片上传</strong>:PicGo可能快速上传本地图片到图床,节省用户手动上传的时间。</li><li><strong>图片管理</strong>:PicGo支持图片的批量上传和管理,用户可以方便地查找和使用已上传的图片。</li><li><strong>图片链接生成</strong>:PicGo在上传图片后,会自动生成图片链接,方便用户在各种平台上分享。</li><li><strong>图床切换</strong>:PicGo支撑多种图床服务,用户允许根据要求随时切换图床,灵活应对不同的需求。</li></ol><h4><font color="Deep purple">❄️ 2. 下载与安装</font></h4><p>这里推荐山东大学的镜像网站:</p><p>下载地址<br>笔者是选择如图所示的下载资源<br><img src="https://i-blog.csdnimg.cn/img_convert/b16010b8206872c4a1430e67b12fdd58.png" alt="屏幕截图 2025-02-15 142021"></p><p>安装之后打开,我们进行配置图床。若是出现错误,往下先看常见的错误解决方法。</p><h4><font color="Deep purple">❄️3. 配置图床</font></h4><ul><li>打开图床设置</li><li>打开Github</li></ul><p><img src="https://i-blog.csdnimg.cn/img_convert/9e2d9ab156d656c176a77835d237f1dc.png" alt="屏幕截图 2025-02-15 154435"></p><ul><li><p>设定仓库名,实际上就是用户名+仓库名。这个仓库就是你刚刚在2.1中新建的仓库。</p></li><li><p>设定分支名:就是你的仓库在哪个分支里,就填哪个分支。一般有main分支,master分支等。我这里是自己新创建的一个img分支。</p></li><li><p>设定Token:就是刚刚在2.2中大家复制的Token字符串。将其填进去即可。</p></li><li><p>设定存储路径,一般来说,它行是你项目仓库中的一个文件夹。大家这里就统一设置成了img/</p></li><li><p>设置自定义域名。这个是比较关键的。我们许可用一个免费的加速域名作为我们自定义域名。</p></li></ul><p><img src="https://i-blog.csdnimg.cn/direct/3436ea8e08f947d58b979986f7b8d422.png" alt="在这里插入图片描述"></p><blockquote><p>那么你所设置的就应当为<code>https://cdn.jsdelivr.net/gh/</code> +你的账户名+你的仓库名@你的分支名。</p><p>花了很长很长时间才搞明白。。。就是得注意的是,这里一定要设置成@,而不要设置成 / 我也</p><p>设置成 / 以后,你会惊奇地发现,它在你的<span class="words-blog hl-git-1" data-report-view="{&quot;spm&quot;:&quot;1001.2101.3001.10283&quot;,&quot;extra&quot;:&quot;{\&quot;words\&quot;:\&quot;typora\&quot;}&quot;}" data-tit="typora" data-pretit="typora">typora</span>里面显示不了。。。</p></blockquote><p>配置完以后,就可以点击确定,然后也可以将其设置为默认图床。</p><p><img src="https://i-blog.csdnimg.cn/direct/3ed56a50a2884bbcb8715400e000755d.png" alt="在这里插入图片描述"></p><p>大家上面推荐的工具.就是这样我们就可以通过PicGo来上传我们的图片,在上传的时候,一定要注意,把steam++给关了,也就</p><p><img src="https://i-blog.csdnimg.cn/direct/f2dc04d8ed0847b386270ce2457a9a9d.png" alt="在这里插入图片描述"></p><p>然后,我们也可以对PicGo进行一系列的设置。</p><p>比如启用时间戳,这样在多次上传同一张图片的时候就不会有问题了。</p><p><img src="https://i-blog.csdnimg.cn/img_convert/2552cd09c6de42cf0715e3cd36addc37.png" alt="屏幕截图 2025-02-15 155824"></p><h4><font color="Deep purple">❄️3.错误解决</font></h4><h5>问题1</h5><p>1.打开Picgo,表明报错</p><p><img src="https://i-blog.csdnimg.cn/img_convert/c305132cc2db7bbb40d1145e7d97ba2f.png" alt="img"></p><p>2.解决方式记录管理系统通过直接输入:%APPDATA%picgo,直接删除data.json文件(假如觉得不安全,能够备份)</p><p>3.重启即可</p><h5>问题2</h5><p>1.picgo报错打不开,卸载重装后发现打不开软件界面,后台进程却有进程表明和发现存在某些版本安装不成功的现象</p><p>2.解决方案:发现c盘的C:\Program Files中存在一个picgo文件目录并没有被删除,删除picgo可以正常打开界面。</p><h5>问题3</h5><p>2.picgo安装最新版本以后,按原来的安装无法正常上传图片,进入picgo设置-&gt;设置日志档案</p>
<pre data-index="0" class="new-version set-code-height set-code-hide prettyprint" name="code" style="white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important"><code class="has-numbering" style="position: unset">------Error Stack Begin------
RequestError: Error: getaddrinfo ENOTFOUND mynote123.oss-cn-guangzhou.aliyuncs.com.aliyuncs.com
at new RequestError (G:\Typora\PicGo\resources\app.asar\node_modules\request-promise-core\lib\errors.js:14:15)
at Request.plumbing.callback (G:\Typora\PicGo\resources\app.asar\node_modules\request-promise-core\lib\plumbing.js:87:29)
at Request.RP$callback (G:\Typora\PicGo\resources\app.asar\node_modules\request-promise-core\lib\plumbing.js:46:31)
at self.callback (G:\Typora\PicGo\resources\app.asar\node_modules\request\request.js:185:22)
at Request.emit (node:events:394:28)
at Request.onRequestError (G:\Typora\PicGo\resources\app.asar\node_modules\request\request.js:877:8)
at ClientRequest.emit (node:events:394:28)
at TLSSocket.socketErrorListener (node:_http_client:447:9)
at TLSSocket.emit (node:events:394:28)
at emitErrorNT (node:internal/streams/destroy:157:8)
-------Error Stack End-------</code></pre>
<p>地址无法成功访问,复制地址去ping发现也无法打开,仔细观察发现多了.aliyuncs.com就是看错误</p><p>于是删除存储区域的后缀,总结是旧版本和新版本的配置有差异性造成的(之前一直使用的是2.3.0版本)。</p><h5>问题4</h5><p>1.鼠标双击图标后根本没反应</p><p>2.解决方法,找到下面的小图标,就可以打开了</p><p><img src="https://i-blog.csdnimg.cn/direct/7c6fb5ae2c974e50bc6ee404c9f3f5a4.png" alt="在这里插入图片描述"></p><h3><font color="purple"> 四. Typora</font></h3><p>Typora 是一款跨平台的Markdown编辑器,支持<span class="words-blog hl-git-1" data-report-view="{&quot;spm&quot;:&quot;1001.2101.3001.10283&quot;,&quot;extra&quot;:&quot;{\&quot;words\&quot;:\&quot;Windows\&quot;}&quot;}" data-tit="Windows" data-pretit="windows">Windows</span>、macOS和Linux操作系统。它以其简洁的界面和强大的功能,为用户给出了流畅的写作体验。Typora的最大特色是其实时预览功能,用户在编辑文本的同时,可以实时看到渲染后的效果。</p><h4><font color="Deep purple">❄️一. 破解版安装</font></h4><p>1.首先我们到官网下载Typora</p><blockquote><p>https://www.typoraio.cn/</p></blockquote><p><img src="https://i-blog.csdnimg.cn/img_convert/459ee05c803a134d070ba1e099d2e1c3.png" alt="屏幕截图 2025-02-15 130754"></p><p>下划找到立即下载,下载之后按照流程安装完毕.</p><p><img src="https://i-blog.csdnimg.cn/direct/d7304351eb534ed4ab72aef8f9009845.png" alt="在这里插入图片描述"></p><p>2.在刚刚安装的路径下找到js文件</p><blockquote><p>D:\韩顺平循序渐进学java\Typora\resources\page-dist\static\js</p></blockquote><p><img src="https://i-blog.csdnimg.cn/direct/8573d1d65726428c9f6a46fa868a965a.png" alt="在这里插入图片描述"></p><p>如图所示,采用记事本打开.</p><p>将下面内容</p><blockquote><p>e.hasActivated=“true”==e.hasActivated,</p></blockquote><p>替换为:</p><blockquote><p>e.hasActivated=“true”==“true”,</p></blockquote><p><img src="https://i-blog.csdnimg.cn/img_convert/c3e20592ec8414498acee71624a9bfe6.png" alt="屏幕截图 2025-02-15 132600"></p><p><img src="https://i-blog.csdnimg.cn/direct/53d9435a41024fbfa73499ed9aefd8a3.png" alt="在这里插入图片描述"></p><p>一定要保存,如果保存成功,那么修改时间会改变。</p><p><img src="https://i-blog.csdnimg.cn/img_convert/0090691f9c2df518160c656796cf25f4.png" alt="屏幕截图 2025-02-15 132720"></p><p>现在我们就可以打开Typora,显示已激活</p><p><img src="https://i-blog.csdnimg.cn/direct/f64d7e6b829f443692aaad1900de2be1.png" alt="在这里插入图片描述"></p><p>有的用户会提示弹窗提示需要输入许可证激活,接下来我们继续管理。就是3.但</p><p>根据下面的路径中进行操作:</p><blockquote><p>D:\韩顺平循序渐进学java\Typora\resources\page-dist</p></blockquote><p>找到下图的html文件,用记事本打开</p><p><img src="https://i-blog.csdnimg.cn/direct/3cd842aa2df94bf7a1f196b113aba117.png" alt="在这里插入图片描述"></p><p>查找:</p><blockquote><p><code> /body&gt;&lt;/html&gt;</code></p></blockquote><p>替换为:这里建议直接复制</p><blockquote><p><code>&lt;/body&gt;&lt;script&gt;window.onload=function(){setTimeout(()=&gt;{window.close();},5);}&lt;/script&gt;&lt;/html&gt;</code></p></blockquote><p><img src="https://i-blog.csdnimg.cn/direct/a4ce35dea7d64c62af1521d9d3d799a8.png" alt="在这里插入图片描述"></p><p>一定一定要保存,保持成功之后修改日期会发生变化</p><p><img src="https://i-blog.csdnimg.cn/img_convert/399d8516ea08779ad7c8445c81741d56.png" alt="屏幕截图 2025-02-15 133749"></p><p>接着去这个路径下面找到对应的代码:</p><blockquote><p>D:\韩顺平循序渐进学java\Typora\resources\locales\zh-Hans.lproj</p></blockquote><p><img src="https://i-blog.csdnimg.cn/img_convert/4bbf62ff88c20a5f55b66015b1c97483.png" alt="屏幕截图 2025-02-15 133853"></p><p>查找:</p><blockquote><p>“UNREGISTERED”:“未激活”,</p></blockquote><p>修改为:</p><blockquote><p>“UNREGISTERED”:" ",</p></blockquote><p>在这里插入图片描述</p><p>现在大家的typora,就可以直接使用,不需要激活了.</p><h4><font color="Deep purple">❄️二. 设置Typora实现自动上传</font></h4><p>1、第一,点击【文件】-&gt;【偏好设置】</p><p><img src="https://i-blog.csdnimg.cn/direct/5b27ab6382bb4a56adf201acdd0264e3.png" alt="在这里插入图片描述"></p><p>2、再次,选择【图像】。</p><p>继而按照下图所示,插入图片时选择上传图片。然后在上传服务内选择PicGo,并选择PicGo.exe的路径。</p><p><img src="https://i-blog.csdnimg.cn/img_convert/9ed9074f0da940d9b21a0043ed26c86f.png" alt="屏幕截图 2025-02-15 160312"></p><p>使用 PicGo 的可视化界面配置 GitHub 图床后,你可以在 Typora 中直接粘贴截图,Typora 会自动通过 PicGo 将图片上传到你的 GitHub 仓库。这样,你和他人就可以通过访问这些链接来共享图片,确保在发送文件时图片不会丢失。</p></div>

---

<div style="background: rgba(240, 249, 255, 1); padding: 18px; border-bottom: 3px solid rgba(59, 130, 246, 1); margin-top: 30px">
<h3 style="color: rgba(29, 78, 216, 1); margin-top: 0; font-size: 16px"> 延伸阅读</h3>
<p style="color: rgba(102, 102, 102, 1); font-size: 13px; margin-bottom: 12px">学习不止于此,推荐继续深入:</p>
<ol style="line-height: 2; font-size: 14px; padding-left: 20px">
<li><strong>重学前端</strong><br>
    <span style="color: rgba(136, 136, 136, 1); font-size: 13px">‍ 程劭非(winter) | 系统化梳理前端知识体系</span></li>
</ol>
</div><br><br>
来源:https://www.cnblogs.com/ljbguanli/p/18928090
頁: [1]
查看完整版本: 完整教程:2025最新在GitHub上搭建个人图床,保姆级图文教程,实现图片高效管理