0%

解决HEXO网上部署图片如何上传加载

问题描述

hexo加载博客,由于博客是markdown格式,里面对于图片的引用是本机的绝对地址

所以这就导致了如何把图片同时部署到github网站上。网上百度,发现有解决方案,但是也搞了我很久,主要问题是hexo如何根据地址去找静态资源问题,和静态资源如何打包整理上传网站上面

方法一

在source创建文件夹img,然后将图片复制到此,markdown编辑器里面引用书写即可,(注意要相对地址引用

本人使用的编辑器是便捷轻量的 Typora

引用方式:![描述](../img/图片名字.png)

这种方式对于管理不同文章图片太杂乱,起不到整理分类作用

方法二

首先在本地hexo目录里面找_config.yml这个文件。找到post_asset_folder将其改为true。然后Git Bash进入该目录,执行npm install hexo-asset-image –save,如果不行则执行npm install -g cnpm –registry=https://registry.npm.taobao.org然后执行cnpm install hexo-asset-image –save。此时执行hexo new “xxx”会同时在_post文件夹下生成同名文件夹,文件夹里放图片。

由于新版本HEXO使得第一安装的插件无效,具体就是映射关系不对,导致网页解析不出来图片地址或者地址解析错误,所以经过测验可以安装下面老版本的插件

cnpm install https://github.com/CodeFalling/hexo-asset-image –save。因为用文章开头提的方法安装的1.0.0版本的hexo-asset-image插件,此方法安装的0.0.5版本的hexo-asset-image插件。两者映射关系不同。

安装完后即可使用,先hexo n 文件名创建文件,同时生成同名文件夹,即可开始写作!

然后以后引用图片方式![描述](/文件名/图片名字.png),可以在软件设置后地址根目录方便插入图片,根目录就是posts文件下

方法三

这个很简单,就是利用图床网站,将自己的图片上传网路,同时生成URL,然后在markdow里面引用这个地址就可以了,但是新浪图床用不了,其他的好像也不行了,如果可以VPN 就可以用用谷歌的服务。

实在不行就把图片上传到印象笔记,然后点分享,里面有个查看图片,把那个图片地址复制过来也可以,不过及其麻烦,个人还是推荐方法二

坚持原创技术分享,您的支持将鼓励我继续分享!