ikkhksvu 发表于 2024-10-31 23:07:21

你还不晓得gitee/Github怎么上传照片吗?这儿附上我的总结


    <h1 style="color: black; text-align: left; margin-bottom: 10px;">❤️ Typora + PicGo + Gitee/GitHub ❤️ 免费搭建个人图床</h1>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">接下来<span style="color: black;">咱们</span><span style="color: black;">起始</span>搭建,<span style="color: black;">保证</span><span style="color: black;">已然</span>安装<span style="color: black;">以上</span>软件和注册 Gitee/GitHub 账号。</p>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">Gitee/GitHub 创建图床仓库</h1>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在 Gitee/GitHub 创建一个图床仓库,用来存放你的<span style="color: black;">照片</span>。</p>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">Gitee<span style="color: black;">过程</span></h1>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">1、创建图床仓库</h1>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">首要</span>打开你的 Gitee 主页,点击 新建仓库 ,创建一个仓库。</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/b0fe1553a0274c98a5dee90aa5ca1437~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1729552615&amp;x-signature=dMJfKkoCBUkrdMtZ1%2FXNTf0QBzY%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">如下图,输入你的仓库信息,必须为 开源,否则<span style="color: black;">没法</span>上传<span style="color: black;">照片</span>。</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/acdd011901b1446a98f8432db3d77820~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1729552615&amp;x-signature=SncFDFX87zsafyLwKCbK0azUPq8%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">2、生成私人令牌 Token</h1>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">点击个人设置–&gt;私人令牌:</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/457982389c394ce6a5b295b638d608a6~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1729552615&amp;x-signature=R67UzCXGKUDyHmg0F%2BhvrffZNRM%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">3、点击 +生成新令牌 生成一个私人令牌:</h1>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/67816fe2a9fc4d2ca30d09a7911ba4e2~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1729552615&amp;x-signature=D8w1GskDSMUc7usRt7z1JocGzJ0%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">4、填写描述,<span style="color: black;">而后</span>提交,输入你的 Gitee 账号<span style="color: black;">秘码</span><span style="color: black;">就可</span>,Token 关闭页面后将<span style="color: black;">再也不</span><span style="color: black;">表示</span>,<span style="color: black;">因此呢</span>需要记录 Token。</h1>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/d858d6bd45fc4f66b6e217c084bb62b3~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1729552615&amp;x-signature=ed9JMj8BKyNwMYNtSwCaHvrdjv0%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">至此,Gitee 的配置<span style="color: black;">已然</span>完成。</strong></p>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">GitHub<span style="color: black;">过程</span></h1>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">前提:GitHub 与 Gitee 大同小异,最好有 ,<span style="color: black;">否则</span>不<span style="color: black;">意见</span><span style="color: black;">运用</span> Github,以下只是演示下<span style="color: black;">怎样</span><span style="color: black;">运用</span>。</p>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">1、创建图床仓库</h1>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/594575a7a82148cf8b83820f75c7d3b4~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1729552615&amp;x-signature=h7t8%2FMT2zRuEyF3T1rZWr5SsdPM%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">2、<span style="color: black;">这儿</span>和 Gitee 大同小异,填写<span style="color: black;">关联</span>信息<span style="color: black;">就可</span>。</h1>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/a43a6002243e4818a9a17b397131ba44~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1729552615&amp;x-signature=QiopWcXBFL22qJ3G%2BEqnUCTWPfU%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">7</p>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">3、生成私人令牌 Token</h1>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">打开 github.com/settings/to… Generate new token 创建一个私人令牌:</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/1fc0105ab27c44038763648b72f50a8e~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1729552615&amp;x-signature=VzTzqPRieeVI8QSM9a%2FfIyjTSw4%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">选取</span> 无限期,勾选 repo <span style="color: black;">就可</span>:</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p26-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/f88ff3cb0e0f4d63bd8a0fd16f1fcca5~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1729552615&amp;x-signature=UsLU2BK0NV%2BMe3iqoIYVUqJRrjc%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">一样</span>的,<span style="color: black;">保留</span>好你的 Token:</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/09b22bc230114858a3a5911dea5b0a93~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1729552615&amp;x-signature=KzRzuudTcht%2FoqSOxOHmUJpUZd4%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">至此,Github已配置完成。</strong></p>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">配置 PicGo</h1>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">GitHub 图床配置</h1>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">打开 PicGo <span style="color: black;">仔细</span>窗口,<span style="color: black;">按照</span>提示填入 GitHub 图床仓库的<span style="color: black;">关联</span>信息:</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/528692e22d7648e68c9fb6286c848d1c~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1729552615&amp;x-signature=6JDbsAthU1YWLEt3aQBbIiZMKD8%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">这个很简单,不做解释,相信以你的聪明才智,分分钟搞定。</p>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">Gitee 图床配置</h1>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">因为</span> PicGo 原生不支持 Gitee,<span style="color: black;">因此呢</span>需要<span style="color: black;">经过</span>插件安装。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">点击插件设置,搜索 gitee-upload ,点击安装。</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/46988a95d01a41508b4ef35526fc2c91~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1729552615&amp;x-signature=KhVylG27QQT0a1IB7d3WYwiXel4%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">重视</span>:<span style="color: black;">这儿</span>需要提前安装 node.js,否则<span style="color: black;">没法</span>安装!</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">插件安装成功后,重启 PicGo ,<span style="color: black;">而后</span>配置 gitee:</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/e62ee929051743239bb680f0d6f9d187~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1729552615&amp;x-signature=vt4Cg%2BbpbUHrs9jUaQofB3esrpE%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">配置方式与 GitHub 大同小异。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">经过如上配置,图床<span style="color: black;">已然</span>搭建成功,<span style="color: black;">能够</span><span style="color: black;">经过</span>上传<span style="color: black;">照片</span>测试:</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/e21f56c7d97a41aebc13f91f04c4fe42~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1729552615&amp;x-signature=NLMI%2Bn9%2BaVKGOLevDqmnLMAO%2FPM%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">点击上传<span style="color: black;">照片</span>,<span style="color: black;">而后</span>复制到 markdown 编辑器中查看。</p>
    <h1 style="color: black; text-align: left; margin-bottom: 10px;">配置 Typora</h1>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">为何</span>要配置 Typora ?当然是为了方便,<span style="color: black;">不可</span>每次都手动去上传<span style="color: black;">照片</span>,<span style="color: black;">而后</span>复制链接吧,只需要简单配置 Typora 就<span style="color: black;">能够</span>实现复制<span style="color: black;">照片</span>自动上传。</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/a596da1fc5dd495ca9203b4e9780bd24~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1729552615&amp;x-signature=matRbw6p7eT6AS4PXNIjOTeXMeg%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">15</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">配置如上,<span style="color: black;">选取</span><span style="color: black;">插进</span><span style="color: black;">照片</span>时<span style="color: black;">选取</span> PicGo.app <span style="color: black;">就可</span>!就这么简单~</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">测试一下<span style="color: black;">最后</span>效果,直接截图当前界面,上传粘贴:</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">测试<span style="color: black;">能够</span><span style="color: black;">发掘</span><span style="color: black;">已然</span>自动实现上传了!</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/3dac519d9de148a9bc4f1a3fbbbdc7b7~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1729552615&amp;x-signature=cmyeAEv77fOsjMp5bCOpve%2BEPxI%3D" style="width: 50%; margin-bottom: 20px;"></div>




页: [1]
查看完整版本: 你还不晓得gitee/Github怎么上传照片吗?这儿附上我的总结