Windows下Typora的图像问题

Typora是一个不错的本地Markdown编辑器，但是图片问题也很明显，它本身就是文本编辑器，不具有显示图片的功能。通过导入图片的地址来引用和显示图片的显示。默认情况下插入的图片将保存在本地Typora安装目录中，这会将.md文件发送给其他人或复制到博客编辑器。，图片将不会显示。对于此问题，如果它是Mac用户，并且具有非常易于使用的插件iPic，则使用方法可以参考Markdown实用技能编辑器（Typora）。但是，对于Windows用户，则没有如此好的支持，并且我在寻找解决方案MPic Tools时发现了建议，建议使用PicGo还有其他工具，但是我发现它们是异步工具。您需要将图片复制到其中。该工具会将图片上传到设置的图片床上，生成图片链接，然后将链接复制到Typora以完成图片插入。简而言之，尽管解决了问题，但是仍然非常麻烦并且效率略低。在寻找解决方案的漫长过程中，我终于在Zhihu中找到了一个不错的解决方案：Windows版Typora是否具有支持Tubed的插件？-thobian的答案，这是一个由大个子自己编写的插件typora-plugins-win-img，支持在Typora文档中插入图片自动上传到指定的地图床服务器，并自动修改文档中的链接，以便即使将其发送给他人或复制到博客编辑器中，只要有Internet，就可以浏览图片。效果如下

截至我撰写博客时，此插件已支持将其上传到GitHub，自建服务器，腾讯云，阿里云和秦牛云。在这里，我将介绍有关上传腾讯云的上传配置。首先需要应用腾讯云对象存储（COS），腾讯云将为新开放标准存储的个人用户提供6个月的50G免费存储空间。有关6个月后的费用，请参阅产品定价，还有一些Billing实例参考。

此外，还可以通过客户端访问腾讯云的对象存储，或者可以通过客户端（如PicGo和其他工具）上载它，以生成链接然后插入，请参阅COSBrowser简介。

创建一个桶

在对象存储->存储桶列表下Create a bucket

请注意，访问权限必须设置为Total read private write（如果您想通过共享或博客使其对其他人可见）

• 防盗链设置

设置成功后，将进入配置管理页面。

关闭防盗链后，如果有人获得了指向您图片的链接，则可以将其直接粘贴到您的文章中并使用。这是要占用您的云流量。要启用它，请单击“打开”并添加您的博客链接。

创建子用户（可选操作）

这是插件作者推荐的操作

为了确保腾讯云的安全性，强烈建议您为此操作添加一个单独的子帐户，并仅启用API访问权限。
添加子帐户：https://console.cloud.tencent.com/cam
有关腾讯云的更多信息子帐户（CAM）：https：//cloud.tencent.com/document/product/598/13665

转到添加子帐户URL并创建一个新用户

定制创作

可以访问资源并接收消息，下一步

注意在访问模式下检查程序访问，下一步

配置用户的访问策略。为了方便起见，我为此子用户配置了对象存储的所有权限。下一步

完成

下载和配置插件

插件在这里

直接下载，解压后就是这种情况

将plugins复制到Your Typora\resources\appNext，然后修改目录中的window.html，只需使用文本编辑器，甚至是记事本即可。在其中搜索（Ctrl + F可以显示搜索功能）<script src="./app/window/frame.js" defer="defer"></script>在其后追加：<script src="./plugins/image/upload.js" defer="defer"></script>

在您刚刚复制的插件下plugins/image，配置upload.js文件，转到，配置upload.js文件，直接到最下面$.image.init();一行，将其替换为以下内容，

//For the security of your Tencent Cloud, it is strongly recommended that you add a separate sub-account for this operation and only enable API access permissions
//Add sub-account: https://console.cloud.tencent.com/cam
//More instructions about Tencent Cloud Sub-account (CAM): https://cloud.tencent.com/document/product/598/13665
$.image.init({
    target:'tencent',
    tencent : {
        Bucket: 'bucket-name',  // Object storage -> bucket list (bucket name is Bucket)
        SecretId: 'SecretId',   // Access Control->User->User List->User Details->API Key View
        SecretKey: 'SecretKey', // Access Control->User->User List->User Details->API Key View
        Region: 'Region',       // Object storage -> bucket list (English in the region it belongs to is Region)
        folder: 'typora',       // You can put all the uploaded pictures in this specified folder
    },
});

然后按照注释部分中的提示配置Bucket，SecretId，SecretKey，Region和文件夹变量。

成功

重新启动Typora，成功

我仍然有一个小问题。成功上载图像后，您无法右键单击该图像，以使引用地址再次成为本地地址。在执行了其他几项操作（单击并在文档中的其他位置进行编辑）后，缩放图片就没有这种问题，这也不是问题。编辑文档后只需调整图片大小即可。

Tags: Typora, Typora for Mac