hexo框架下，实现图片一键式上传到七牛云

最新推荐文章于 2024-06-20 17:18:04 发布
最新推荐文章于 2024-06-20 17:18:04 发布
阅读量1.1k 收藏
点赞数
分类专栏： 个人博客 文章标签： hexo 七牛 Mpic hexo-admin
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44441012/article/details/87888242
版权

在使用hexo框架驱动个人博客时，图片的插入是一个比较费心的事情

以我为例，我使用hexo+Github搭建个人独立博客

但是Github仓库提供的存储空间是有限的，如果把图片保存到本地(对应的是Github仓库)，那么不多久就会占满整个空间。

最好的解决办法，就是把图片上传到图床，目前主流采用的是七牛云(可以通过我的链接注册：https://portal.qiniu.com/signup?code=3lnfyf7u5m5hu ，而且七牛云平台还会送你优惠券)存储图片。

但是hexo在搭建博客的过程中，对图片上传到七牛云的工作并不友好。

下面，就扒一扒，为了便于把图片上传到七牛云，我都采用了哪些方法？

第一种方法

安装hexo-qiniu-sync插件

npm install hexo-qiniu-sync --save

hexo-qiniu-sync安装教程，可以参考这个博客

假设，我们安装好了hexo-qiniu-sync插件，我们数一数在写博客时，上传图片到图床需要

最低0.47元/天 解锁文章
darerD
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
hexo-theme-random：具有随机全屏背景图像的hexo主题
02-20
六主题随机 具有随机全屏背景图像的十六进制主题。 演示版 如果你 倾向于使用全屏图片作为背景图片 不喜欢在帖子列表中显示文章摘要 不喜欢在帖子列表中使用分页 这个主题似乎很适合您。 截屏 安装 在博客根路径中执行以下命令： git clone https://github.com/stiekel/hexo-theme-random.git themes/random 修改hexo主配置文件_config.yml的theme设置，如下所示： theme : random 头像 您可以在hexo主配置文件或主题配置文件中配置头像，如下所示： avatar : http://7te9fe.com1.z0.glb.clouddn.com/default_avatar.jpg 导航链接配置 导航链接位于首页和其他页面顶部，您可以在主题配置文件theme/random/_config.yml
Hexo博客 | Ayer主题采用随机图片作为博客封面背景
Justlovesmile的博客
06-29 1435
文章目录说明步骤第一步 找到对应封面的代码位置第二步，修改配置文件第三步，自定义 我的博客：https://justlovesmile.top 最近美化了一下我的博客首页，每次打开会随机选择一张图片作为封面 发现写了很多博客美化的文章了,罗列了一下 Type.js打字机效果: 添加打字机效果 博客中能用到的代码: 关于font awesome图标字体库，使用动态图标，添加网页运行时间，全站变黑白，鼠标点击特效，网页标题的动态效果，网页樱花特效，鼠标触动音乐特效 博客中能用到的代码（二）: 添加旋转小人和
PHP环境网页如何随机抓取指定文件夹内的图片并显示出来
轶软工作室
10-03 982
在服务器php环境下，随便建个目录（如photo），再把下面的代码复制做成index.php放到photo文件夹内，然后再在里面再建个images文件夹，把自己的壁纸靓照等喜欢的图片统统都放进去，就可以随机浏览展示images文件夹内的所有图片了，地址格式如www.abc.com/photo再次打开或刷新即可随即展示每张图片。 <?php header('Cache-Control:no-cache,must-revalidate');header('Pragma:no-cache');heade
hexo 实现主页每天自动更新一个背景图
小枫的CSDN博客
09-08 659
实现的方法其实很简单，用的是必应提供的一个免费的接口。 该接口每天会自动更新一张美图，我们把这个接口用作我们网站的背景图，即可实现每日自动更新一个背景！是不是很方便啊！ 必应每日一图API 图片来源是bing每日一图。 每天给用户提供一张不同的图片，每个月有一个属于自己的主题。支持https。 api地址：https://api.mfstudio.cc/bing/ 在这里插入图片描述 应用举例 我是在我的hexo 博客的根目录下 _config.yml 文件中配置的，如下 bg_image: enable
实现Hexo新建博文时自带随机默认封面
最新发布
m0_51390969的博客
06-20 738
前提是选择的主题在中支持cover和thumbnail，主题之间对于这两个属性的定义可能并不用，如果不适用，只需要根据逻辑修改脚本即可。
基于七牛云创建个人 hexo 博客.pdf
08-20
在本文中，我们将逐步介绍如何基于七牛云创建个人 Hexo 博客，包括安装 Node.js 环境、安装 Hexo 框架、配置 Hexo 框架、获取七牛云账户的 AccessKey 和 SecretKey、使用 qrsbox 工具上传文件到七牛云存储、部署 ...
hexo-image-cdn:hexo七牛云图片cdn同步上传插件
05-02
上传文章中的图片到七牛云，并在生成静态资源时，统一替换图片引用路径为cdn路径。 该插件基于hexo-deployer-qiniu修改，个人觉得添加qnimg标签太麻烦，与原生markdown语法不自然，感觉很鸡肋，因此删减了大部分功能...
基于七牛云创建个人 hexo 博客.zip
10-25
在本教程中，我们将深入探讨如何使用七牛云服务来创建一个个人的 Hexo 博客。Hexo 是一个快速、简洁且高效的静态站点生成器，而七牛云则提供了丰富的存储和CDN服务，可以帮助我们高效地托管博客内容。通过结合两者，...
PicGo:PicGo上传图片到这里，图片供hexo博客外链
04-17
因此，通过PicGo将图片上传到图床，获取到图片的网络地址，然后在Markdown中使用这个URL，就可以实现图片的远程显示，即所谓的“外链”。 关于PicGo的具体功能和使用方法： 1. **安装与配置**：用户可以在PicGo的...
Hexo-Blog-Source:基于hexo框架的博客
03-23
Hexo是一个快速、简洁且高效的博客框架，它基于Node.js平台构建，被广泛用于个人博客的搭建。"Hexo-Blog-Source:基于hexo框架的博客"标题表明这是一个使用Hexo框架创建的博客源码，你可以通过研究和修改这个源码来...
随机图片API接口，和自己的博客更配哦
∑
12-14 9990
https://unsplash.it/1600/900?random（据说国内加载略慢，我试了一下还好都差不多） https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture（必应每日图片） https://uploadbeta.com/api/pictures/random（必应图库，一些风景图人物图什...
hexo下本地图片的加载
JYplute的博客
04-19 667
在刚开始写博客时，你肯定有这样的困扰 概述 hexo默认下博客都是markdown格式（以md为后缀的文件），在日常文本编辑中，我们常常需要引用图片，但是在本地应用图片时都是采用的绝对路径，在typora等可视化编辑软件下可以看到预览样式，但是一旦发布到hexo框架，访问测试网页时就显示不出来，本文专为此问题给出解决方案。 操作 官方教程：图片可统一放置在source/images目录中，并以...
HTTPS支持的随机图片API接口，网页可直接调用
定期分享编程干货~
11-12 1019
api接口来自缙哥哥博客由于Bing 这边的图片是一天一更新，有时候想让小伙伴每次访问都能看到不同的背景（图片），并且呢，图片不想放自己的服务器上，毕竟很占宽带，用CDN又费钱……于是我便找到别人博客的高清随机图片的api接口。接口地址为：https://api.dujin.org/pic/ 刷新页面随机图片效果如下图库在服务器上，目前仅供测试，小伙伴们可以测试下图片速度还是挺快的，并且，每次刷新...
搭建自己的随机图API
DearXuan的博客
11-27 2888
前往我的主页以获得更好的阅读体验 DearXuan的主页https://www.dearxuan.top/2021/11/27/%E6%90%AD%E5%BB%BA%E8%87%AA%E5%B7%B1%E7%9A%84%E9%9A%8F%E6%9C%BA%E5%9B%BEAPI/ 配置PHP环境 PHP环境配置 上传图片 将自己的图片上传至图床，这里以github图床为例 在github中创建一个专门用于图床的公开仓库，将图片上传至仓库中 注意将图片按照一定规律命名，例如 2.jpg，以便.
必看 | Hexo博客搭建超级指南
Justlovesmile的博客
07-16 1800
文章目录引言环境部署工作安装Node.js安装Git注册Github账号安装Hexo推送到GithubHexo基础写博客新建页面常用基本命令Hexo进阶推荐编辑器更换主题注册Coding账号注册Gitee账号绑定域名安装插件添加robots.txt创建百度站长账号创建百度/谷歌统计账号CDN图床主题配置总结Ayer主题修改魔改--适用ejs类型的主题随机博客封面添加二级菜单添加公告板Butterfly主题魔改--适用pug类型的主题valine评论博客文章加密打字机效果图标，动态图标，网页运行时间，全站黑白
hexo动态php,hexo个性化（next主题动态显示subtitle）
weixin_33918358的博客
03-28 434
个人比较喜欢精彩的句子，于是希望自己的next主题博客可以在每次刷新之后显示不一样的subtitle(subtitle我就当成一个分享好句子的地方了，尴尬)。看一下最终效果：http://www.wangjianlin1989.top/效果第一次进入博客的效果image.png刷新之后的效果image.png再次刷新image.pngOK！事不过三，效果就展示到这里，下面说一下我是如何实现的。实现...
hexo生成博文插入图片
热门推荐
zhangyu4863的博客
07-11 3万+
把主页配置文件_config.yml 里的post_asset_folder:这个选项设置为true（如果没有就不用管了） 在cmd中你的hexo目录下执行这样一句话npm install hexo-asset-image –save，这是下载安装一个可以上传本地图片的插件 安装完成后，再运行hexo n “title”来生成md博文时，/source/_posts文件夹内除了title.md文...
hexo入门学习（六）：文章图片存储到七牛云
Android_MSK的博客
07-19 3664
前几天打开blog发现使用前文中的方法原方法文章中的图片莫名奇妙的挂了。查阅资料（百度、谷歌）。发现七牛云存储可以很好的解决这个问题。于是根据下面这篇文章基本解决了问题。
hexo typora上传图片
10-06
在Hexo和Typora中上传图片，首先需要在Hexo的source文件夹下新建一个imgs文件夹，用来存储照片。然后，在Typora的偏好设置中配置图片路径，如果你使用的是Hexo写博客，可以设置路径为../../source/imgs/${filename}...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值