前言
最近使用 markdown 编写文章时总会遇到明明已经添加了图片,在分享到发表平台如公众号等时图片只剩下路径却不显示的问题,然后需要自己再次手动一张张图片重新添加,这对于我们创作内容或者记录笔记来说,无异于增加了重复工作量。
在通过网上查找解决方法+自我摸索之后,得出了这么一套“Typora + PicGo + 腾讯云”组合方法可以解决图片发布失效的问题,“Typora“ 和 ”PicGo“ 的下载链接已放至文末。
一、配置腾讯云 COS
配置腾讯云 COS(Cloud Object Storage)主要包括以下几个步骤:
1. 注册腾讯云账号并实名认证
-
访问腾讯云官方网站,点击“还没有账号,注册后再关联”,按照提示填写相关信息完成注册。 -
登录腾讯云控制台,在“账号中心”或相关提示处找到“实名认证”入口,根据要求选择实名认证方式,如个人实名认证可选择身份证认证等,企业实名认证则需提供企业相关证件信息等。
2. 开通 COS 服务
-
在腾讯云官网,搜索“对象存储”,进入对象存储控制台,按照界面提示开通 COS 服务。
3. 创建存储桶
-
登录对象存储控制台,进入“存储桶列表”页面,点击“创建存储桶”。 -
输入存储桶名称、选择所属地域、设置访问权限等配置信息,其他配置保持默认即可,点击“创建”完成存储桶创建。 -
其他配置保持默认即可。
4. 获取密钥
-
在腾讯云控制台中选择存储桶列表,点击“配置管理”,记下存储条名称和访问域名。
-
接着我们点击自己的账号选择“访问管理”,再选择“访问密钥”-“API 密钥管理”相关选项,创建一个新的 API 密钥,获取 APPID
、SecretId
和SecretKey
。
5. 配置 CORS 规则(可选)
-
如果需要从 Web 应用中直接上传图片到 COS,需要配置 CORS 规则。在存储桶的“权限管理”中,找到“CORS 配置”选项。 -
添加一条 CORS 规则,设置 AllowOrigin
为*
(仅限于测试,正式环境需配置真实域名),AllowMethods
为GET, POST, PUT
等,AllowHeaders
为*
。
6. 配置域名(可选)
-
为了方便访问,可以为 COS 存储桶配置自定义域名。在存储桶的“域名管理”中,添加自定义域名,并进行域名解析。
通过以上步骤,您可以完成腾讯云 COS 的基本配置,并开始使用 COS 进行文件的上传、下载和管理操作。
二、下载 PicGo
PicGo 是一款开源的图床管理工具,专为快速上传图片并获取图片 URL 链接而设计,以下是其详细介绍:
功能特性
-
多图床支持:PicGo 本体支持七牛图床、腾讯云 COS、又拍云、GitHub、SM.MS V2、阿里云 OSS、Imgur 等图床。用户可根据需要选择合适的图床服务,且可通过插件扩展支持更多图床。 -
快捷键绑定与自动化操作:允许用户自定义快捷键来快速执行上传图片等操作,如设置“Ctrl + Alt + U”来执行上传图片功能,极大提高工作效率。 -
跨平台支持:支持 Windows、macOS 和 Linux,满足不同操作系统用户需求。 -
插件扩展:拥有可扩展的插件系统,用户可安装第三方插件增加新的图床服务支持,如 Gitee 等。 -
配置灵活性:用户可在配置文件中自定义设置,包括选择图床服务商、设置 API Token、自定义文件夹名称等。 -
批量操作:支持批量选择、复制和删除图片,使图片管理更高效。 -
链接格式自定义:支持多种链接格式,包括 Markdown、HTML、URL、UBB 和 Custom,满足不同使用场景需求。 -
自动复制链接:上传图片后,会自动将生成的链接复制到剪贴板,便于直接粘贴使用。
应用场景
-
博客写作:通过插件快速上传图片到 GitHub、Gitee 等平台,并自动生成 Markdown 格式的图片链接。 -
团队协作:使用 GitLab 插件,团队成员可方便地上传图片并进行版本控制。 -
云存储管理:支持多种云存储服务,如 Azure、AWS S3、华为云 OBS 等,方便用户进行图片的云端管理。 -
图片处理:通过压缩、水印等插件,用户可在上传图片的同时进行必要的处理,提升图片质量。
集成到开发工作流
PicGo 提供命令行工具picgo-core
,可使其实现通过脚本在开发环境中运行。开发者可在自己的脚本或构建工具中集成 PicGo,比如在使用 Webpack 打包应用时,通过编写自定义的 loader 或 plugin,自动上传生成的图片资源。
配置
配置好了点击确认便可以了,之后我们去到设置界面去按自己所需进行设置
三、下载 Typora
Typora 是一款支持实时预览的 Markdown 文本编辑器,具有以下特点和功能:
基本特点
-
所见即所得:编辑时无需切换到预览模式,输入 Markdown 语法后,格式效果会即时显示在编辑窗口中,就像写 Word 文档一样。 -
跨平台支持:有 OS X、Windows、Linux 三个平台的版本,能满足不同系统用户的需求。 -
完全免费:目前仍处于测试阶段,用户可以免费使用。
编辑功能
-
智能标点:能自动将直引号转化为更美观的弯引号。 -
图片插入:支持直接复制粘贴、拖动本地图片到文档中,还会自动插入符合 Markdown 语法的图片语句,并可设置图片自动保存到本地。 -
打字机模式和专注模式:打字机模式使所编辑的那一行永远处于屏幕正中,专注模式使正在编辑的那一行保留颜色,而其他行的字体呈灰色,有助于用户更专注地写作。 -
表格插入:提供图形界面的插入表格功能,只需输入行数和列数,即可生成空表格。 -
链接引用与脚注:支持通过特定语法为文档添加链接引用和脚注。 -
代码块:可插入不同语言的代码块,并支持语法高亮。 -
数学公式:支持 LaTeX 数学公式的编辑和渲染,方便用户添加专业的数学公式。
文件管理功能
-
快速打开:通过“文件-快速打开...”或“Ctrl + P”快捷键,可快速打开最近的文档。 -
自动保存:具备自动保存功能,减少文档丢失的风险。 -
导入导出:支持导入多种文件格式,如.docx、.latex 等;原生支持导出 PDF、HTML 格式,安装 Pandoc 插件后还可导出更多格式。
其他功能
-
大纲/文件侧边栏:会根据 Markdown 标记的各级标题呈现大纲,也可查看文件夹中的文件,但目前仅支持查看 md 文件。 -
自定义主题:用户可根据自己的喜好选择不同的主题,如 Github 主题、Night 深色主题等。
配置
配置 Typora 时,点击“文件”-“偏好设置”-“图像”,为上传服务选择 PicGo(app),填写 PicGo 的安装路径即可。
四、使用
环境搭建完成后,可使用以下两种方法:
1)右键图片-上传图片
在 Typora 编写文章过程中,对图片点击鼠标右键,然后点击“上传图片”,图片链接会自动更换为图床链接。
2)在工具栏选择上传
通过“格式” - “图像” - “上传所有本地图片”,可一键上传文章内的所有图片,无需一张张点击上传。
五、下载链接
腾讯云对象存储官网:https://cloud.tencent.com/act/pro/cos
PicGo 开源地址:https://github.com/Molunerfinn/PicGo
对于不方便在 GitHub 访问的朋友,夸克网盘下载链接:https://pan.quark.cn/s/08eaf02a7df5
Typora 官方下载网站:https://typoraio.cn/
夸克网盘(破解版):https://pan.quark.cn/s/674fd6f846c5
原文始发于微信公众号(泷羽Sec-风):通过“Typora + PicGo + 腾讯云” 组合方法解决发布图片显示失效的问题
- 左青龙
- 微信扫一扫
-
- 右白虎
- 微信扫一扫
-
评论