如何实现在md文档上展示个性图标

桃扇骨 2024-02-05 23:36 49阅读 0赞

在 Markdown (MD) 文档中展示个性化图标可以通过几种方法实现：

1.  **使用图片链接**:
    
     *  Markdown 支持通过图片链接插入图片。您可以上传您的个性化图标到一个图片托管平台（如 Imgur, Flickr, 或您的个人网站），然后使用图片链接将其嵌入到文档中。
     *  语法示例: `![外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传](https://img-home.csdnimg.cn/images/20230724024159.png?origin_url=%E5%9B%BE%E7%89%87%E9%93%BE%E6%8E%A5&pos_id=img-olMc1NRW-1704973818341)`
2.  **使用 HTML 代码**:
    
     *  虽然 Markdown 主要用于简化的文本格式，但它也支持一些 HTML 元素。您可以使用 HTML 的 `<img>` 标签来插入图标。
     *  语法示例: `<img src="图片链接" alt="图标描述" width="30" height="30">`
3.  **使用 GitHub Flavored Markdown (GFM) 中的表情符号**:
    
     *  如果您只需要基本的图标或表情符号，GitHub Flavored Markdown 提供了一系列的表情符号支持。这对于在 GitHub 上的 README 文件或评论中非常有用。
     *  语法示例: `:smile:` 会显示一个笑脸表情。
4.  **使用 Base64 编码的图像**:
    
     *  您还可以将图像转换为 Base64 编码，并直接在 Markdown 文件中嵌入编码。这种方法可以避免外部链接的依赖，但会增加文档的大小。
     *  语法示例: `![外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传](https://img-home.csdnimg.cn/images/20230724024159.png?origin_url=data%3Aimage%2Fpng%3Bbase64%2CBase64%E7%BC%96%E7%A0%81&pos_id=img-69zHh7Oa-1704973818343)`  
        ![在这里插入图片描述][97c08574305b40f28a9d4b889e7eafa1.gif_pic_center]

[97c08574305b40f28a9d4b889e7eafa1.gif_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/8c0d2480bc5f4320b5651869eb2fa5b0.png