当前位置:首页 » 图片知识 » hexo图片放在哪里
扩展阅读
女生和渣男搞笑图片 2023-08-31 22:07:09
嘻嘻长什么样图片 2023-08-31 22:06:10

hexo图片放在哪里

发布时间: 2023-05-12 00:49:15

⑴ Hexo折腾之图片存储

hexo博客弄好了,写博客遇到了一个最大的问腊老渣题,就是图片的存放问题,看了一下litten的博客,他是把图片都存在自己服务器的。可是自己的服务器存储是用的系统存储,应该没有那么大的空间,怎么办了??

那就只有看看网上的云存储有什么比较好的了,最早的时候,我用的图床是贴图库,之前他可以无限流量,不限时间,但是现在保存时间只能有6个月了。

那肯定不行啊,所以只有换一个了,查了资料,发含巧现了七牛云存储,有一个专门的hexo的七牛插件: hexo-qiniu-sync ,但是这个插件有个问题,就是只会把本地文件同步到七牛。这跟我的设想完全不符。

最后我发现了一个神器——极简图床

下面就来讲一讲如何轮悄配置七牛以及极简图床:

注册的流程就不说了,注册成功以后,需要做的是:

极简图床对于七牛的配置也非常简单,只需要填入一些参数即可

并且极简图床支持markdown语法的复制,可以一步到位,几乎无伤~真是超赞。

这下可以正式开始博客之路了。

顺便贴一下本人的博客: yellowlemon的博客

⑵ Hexo博客中如何插入图片

Hexo是一个静态的博客网站生成器,生成一个博客只需要分分钟的时间就能搞定。

Hexo的博文是支持Markdown格式的,发表一篇文章只需要简简单单的几个命令。

hexo new '文章' 就会生成一个名为'文章'的md文件。

在图中位置添加描述,分类以及标芦辩签,有利于搜索分类。陪陪缺

众所周知,在md文件中插入图片的语法为 ![]() 。

其中 方括号 是图片描述, 圆括号 是图片路径。

一般来说有三种图片路径,分别是 相对路径,乱清绝对路径和网络路径

所谓的网络路径就是直接引用网上的图片,直接复制图片地址,放在圆括号中就完事了。

这种方式十分的方便,但是也存在一定的问题:

这种方式算是有利有弊。

绝对路径是图片在计算机中的绝对位置,相对路径是相对于当前文件的路径。

由于我们的博客是要部署在网站上,部署后会生成新的文件目录,所以我们选择使用相对路径的方式。

在hexo中使用 文章资源文件夹 需要在 config.yaml 文件中更改一下配置:

当该配置被应用后,使用 hexo new 命令创建新文章时,会生成相同名字的文件夹,也就是文章资源文件夹。

虽然可以正常引用图片了,但是这种引用图片的方式只有一句话能形容,wtf。

插件 hexo-renderer-marked 解决了这个问题。可以只用 npm install hexo-renderer-marked 命令直接安装,之后在 config.yaml 中更改配置如下:

之后就可以在使用 [图片上传失败...(image-5f3c69-1603081095188)] 的方式愉快的插入图片了。

我们做了这么多都是为了方便,那么为什么不再方便一点呢。

上述是从文章资源文件夹中引用图片,前提是 先将图片放入到文章资源文件夹 ,如果图片数量众多的话,一张一张的放很影响效率。但是不用怕,我们有很方便的解决方法。

Typora 是我非常喜欢的Markdown文本编辑器,在之前的文章中也介绍过一点。

Typora对于插入图片的支持做得非常好,在 文件->偏好设置 或者直接 <C-,> 进入设置。

使用该配置后,可以直接复制网页中的图片地址,粘贴到Typora中后,会直接复制该图片到文章资源文件夹,同时自动更改路径。

如复制网络路径的图片 https://...../image.jpg 粘贴到Typora中叫 文章名 的文章后,图片会自动变为 [图片上传失败...(image-bd41f4-1603081095188)] 。

但我们知道部署后,文件路径是不同的,所以当我们插入完所有的图片后,我们还需要删除每个图片路径中的 文件名/ 。不慌,也很简单。

在Typora编辑器中,使用 <C-f> 快捷键,将所有的 文章名/ 替换为空即可删除。

然后再将博客上传,图片就会随着文章一起打包。在网页中就可以看到正常显示的图片,大功告成。

⑶ Hexo文章中如何插入图片

在hexo中发表文章时发现自己的图片无法显示,这是因为hexo在解析你的文章时找不到你的图片路径,下面说一下如何配置文章中的图片路径

打开在hexo根目录下的 _config.yml 配置明坦文件,找到 post_asset_folder 属性,默认为 false 改为 true

在hexo根目蚂族录激物桐下执行如下命令

此时再执行命令 hexo n article_name 创建新的文章,在 source/_posts 中会生成文章 post_name.md 和同名文件夹 post_name , 我们将文章中所使用到的将图片资源均放在 post_name 中 ,这时就可以在文章中使用相对路径引用图片资源了
[img_name](img_name.jpg) #文章中的图片资源路径格式