Hexo博客中插入图片，在网页中无法显示：采用图床外链的方法

个人博客：小序的时光机，欢迎访问！

最近在用Hexo搭建博客过程中，发现如果在博文中添加本地图片，网页上的图片无法显示。网上的搜到的方法很多都是利用hexo-asset-image插件，然而该插件还是会遇到许多问题。一片优秀的博文，怎么能够容下这么一粒大沙子。

首先，来看下为什么会出现网页中图片无法显示。这个很好理解，在Markdown语法中，插入图片格式为![图片标题随便](图片路径/**.jpg)，如果这里选的是电脑本地的图片，则路径就是自己电脑文件夹路径，网页中的图片当然链接不到自己电脑里面的图片了。这个插件的作用就是在将图片添加到博客源文件中，并且设置好路径。这样，图片上传到GitHub仓库内，网页就可以从Github仓库中链接到自己的图片了。

但这样会出现几个问题。

（1）在SEO优化中，为了缩短博文的链接，会将链接的的日期字段去掉，然后在后面添加上.html，这样就会使得这个图片插件失效；

(2)当添加的图片比较多或者比较大，会使得网站部署的比较慢，也会使得自己本地的博客源文件比较臃肿;

(3)还有一个不知道是不是只有我自己才会碰到的问题，我的主页配置文件_config.yml 里面根本就么有post_asset_folder这个选项。

以下内容dalao请回避：

为了避免上面这些问题，最简单的方法就是找个图床网站，就是把照片传到别的网站上，得到该图片在该网站上的链接地址，写博客的时候，图片的链接就填改地址就行了。

一般图床网站可以用贴图库、七牛云，或者用微博也可以啊，总之为了让自己的博客网页能够快点打开，图床网站也是越流畅越好。当然，那么问题就来了，要是这个网站崩了，自己博客上的图片岂不是都没有，，嗯，，这也是个问题，实在害怕那就用微博做图床吧，只要各个大明星老实点，微博还是很稳定的。

说到这，我在想，要是GitHub崩了，我的博客岂不是都没了。

最后，欢迎访问个人博客：小序的时光机——一个刚刚开启博客的小萌新！

Hexo博客中插入图片，在网页中无法显示：采用图床外链的方法相关推荐

Hexo博客优化：在Next主题中设置进阶版Live2D看板娘————拒绝踩坑！！！！
最初级的用法使用官方包安装,安装非常简单,但效果一般 hexo live-2d地址:https://github.com/xiazeyu/live2d-widget-models git命令行中输入 ...
Hexo博客（Snail主题）搭建回顾概览
Hexo博客(Snail主题)搭建回顾概览笔者搭建博客地址:saltyfishyjk's Blog 文章目录 Hexo博客(Snail主题)搭建回顾概览 Part 0 前言写作背景定位您在这里 ...
hexo博客优化之图床迁移google收录
前言: 搭建完hexo后,当然就是写博客,markdown的语法插入图片很简单,但是把大量图片放在博客文件里面,未免太臃肿,会大大拖慢博客的打开时间(更别说我的博客是托管在github上的了).图床就 ...
C#操作Word（五）——在Word文档中插入图片
实例说明在Word文档的使用过程中,我们可以轻松的向文档中插入图片信息,那么,怎样使用C#向Word文档中插入图片呢?本实例将会介绍一种方法,可以方便的实现上述功能.实例运行效果如图1所示. 图 ...
用Python蹭别人家图片接口，做一个【免费图床】吧
打开本文,相信你确实需要一个免费且稳定的图床,这篇博客就让你实现. 文章目录 ⛳️ 谁家的图床 ⛳️ 实战编码 ⛳️ 第一轮编码 ⛳️ 第二轮编码 ⛳️ 第三轮编码 ⛳️ 第四轮编码 ⛳️ 谁家的图床 ...
hexo博客中插入图片失败——解决思路及个人最终解决办法
文章目录 1.前言 2.解决方案 2.1 创建图片资源文件夹 2.2 typora中图像设置 2.3 插件下载 2.4 修改md图片路径小结 1.前言今天晚上花了大概1个小时在晚上搜寻各种hexo ...
关于Hexo写博客时的图片插入问题（OSS对象存储+PicGo搭建图床）
关于MarkDown MarkDown是一种轻量级标记语言,它可以导出HTML.WORD.图像.PDF.EPUB等多种格式的文档.使用MarkDown写文章有如下好处: MarkDown可以在任何地方 ...
装饰博客全攻略（如何在博客首页或博客中插入图片、音乐、视频等）
一.在博客中插入图片. 以下是代码: <img src="http://图片地址" border="0" width="344" he ...
hexo博客插入图片与视频方法
hexo博客插入图片与视频方法在博客中插入视频和图片能让人通俗易懂,生动形象.下面是我找到的一些方法. 图片插入 Hexo有多种图片插入方式,可以将图片存放在本地引用或者将图片放在CDN上引用. 本 ...

Hexo博客中插入图片，在网页中无法显示：采用图床外链的方法

Hexo博客中插入图片，在网页中无法显示：采用图床外链的方法相关推荐

最新文章

热门文章