hexo部署时(hexo deploy)自动上传到七牛云

最新推荐文章于 2024-05-18 21:16:13 发布
最新推荐文章于 2024-05-18 21:16:13 发布
阅读量484 收藏
点赞数
文章标签： hexo npm upload
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq1179054930/article/details/116566803
版权

hexo七牛云插件

最近因为公司需要把没什么人看的静态官网用hexo重做，出现了以下问题：

  • 把样式布局等都放在了主题中进行了修改，文章和主题有大量图片。所以需要区分
  • 发现七牛云插件好多只支持文章的图片不支持上传主题的图片
  • 图片引用路径太乱

最后参考了些插件，把他们整合了一下：

方案是：

  • 所有图片都随意使用，在build后使用插件把public所有引用替换成cdn地址+引用地址
  • deploy(hexo)阶段，所有地址替换后把指定的资源文件上传，然后把public的资源文件夹删除。如images、js、css等
  • 最后自动部署ci整合这些操作并完成部署；

适合人群： 使用public文件夹的内容部署的用户

插件细节： https://sushome.us/front-end/hexo-qiniu/306/

Sushome
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
hexo安装、生成blog并deploy到github
u010075335的专栏
09-27 3204
一、安装 nodejs 从https://nodejs.org/en/download/下载nodejs, 安装一路下一步就ok 二、安装hexo 安装完nodejs后， 用npm安装hexo。 $npm install -g hexo-cli $hexo -v 三、用hexo初始化并生成blog 1、用hexo初始化并生成blog $hexo init jack-demo 2、...
Hexo 搭建个人博客（四）Hexo 站点配置
wylu
11-27 701
目标 本文将详细介绍 Hexo 站点配置文件中的各个配置项的含义与作用。 本文基于 hexo: 3.8.0 站点配置文件 Hexo 工程的配置文件是 _config.yml # Hexo Configuration ## Docs: https://hexo.io/docs/configuration.html ## Source: https://github.com/hexojs/hexo/ ...
使用Hexo+Github个人博客，hexo deploy失败的几种解决方法
最新发布
javemalloc的博客
05-18 302
登录到GitHub，进入Settings -> SSH and GPG keys -> New SSH key，粘贴公钥内容。按提示完成密钥对的生成，其中your_email@example.com替换成您的邮箱地址。打开生成的公钥文件（默认为~/.ssh/id_rsa.pub），复制公钥内容。git bash进入项目目录中，输入。
Hexo系列(三) 常用命令详解
半虹小站
03-01 3899
Hexo 框架可以帮助我们快速创建一个属于自己的博客网站，熟悉 Hexo 框架提供的命令有利于我们管理博客
Git 多个GitHub账号配置和多个Hexo博客地址配置
既然青春留不住，还是做个大叔好!
07-17 868
需求场景 工作github, 个人github多个账号使用问题。 多个hexo或者其它博客，发布问题。（一个GitHub账号只能搭建一个Hexo博客） 方法 TL;DR 可能对于用SVN习惯的同学，简单的办法是用图形界面的方法，可以直接跳到对应的小节查看 非图形界面方法 说明：命令Terminal用的是Git Bash，否则可能会有权限的问题。 1. 生成密钥 命令进入 SSH根目录(根据自己的实际情况来) cd ~/.ssh/ 直接使用以下命令创建新密钥，然后两次回车即可(建议用下面的命令可以
hexo 博客部署在github和coding上 发文章同步到两个仓库中
voice
08-22 2182
1、注册coding账号 2、新建项目，不选择 启用 README.md 文件初始化项目，以及任何 License 和 .gitignore 文件。 3、从github上克隆项目下来  在本地git终端执行：           git clone https://github.com/xxxxxx/xxxxxx.git --bare   （xxxxxx表示你自己用户名和仓库名） ...
基于七牛云创建个人 hexo 博客.pdf
08-20
我们将逐步介绍如何基于七牛云创建个人 Hexo 博客，包括安装 Node.js 环境、安装 Hexo 框架、配置 Hexo 框架、获取七牛云账户的 AccessKey 和 SecretKey、使用 qrsbox 工具上传文件到七牛云存储、部署 Hexo 博客到七...
hexo-image-cdn:hexo七牛云图片cdn同步上传插件
05-02
上传文章中的图片到七牛云，并在生成静态资源时，统一替换图片引用路径为cdn路径。 该插件基于hexo-deployer-qiniu修改，个人觉得添加qnimg标签太麻烦，与原生markdown语法不自然，感觉很鸡肋，因此删减了大部分功能...
基于七牛云创建个人 hexo 博客.zip
10-25
此外，还需要配置部署部分，以便稍后将生成的静态文件上传到七牛云。 3. **安装必要的插件** 为了与七牛云配合，我们需要安装两个插件：`hexo-deployer-qiniu` 和 `hexo-renderer-markdown-it-plus`。 ``` npm ...
hexo-deployer-rsync:Hexo 的 Rsync 部署器插件
08-04
hexo-deployer-rsync Rsync 部署器插件。安装$ npm install hexo-deployer-rsync --save选项你可以在_config.yml配置这个插件。 deploy : type : rsync host : <host> user : <user> root : <root> port : [port] # ...
hexo-deployer-ftpsync:用于Hexo的FTP部署程序
05-13
FTP部署器 通过FTP部署您的站点。安装$ npm install hexo-deployer-ftpsync --save用法参见警告该应用程序将删除远程服务器上的文件和目录以匹配本地计算机。 在生产中使用此应用程序需要您自担风险。
Hexo主题博客部署到七牛云，并使用自定义域名
x-dragon8899的博客
05-19 1087
文章目录一、七牛云配置1、注册七牛云2、创建空间3、绑定自定义域名4、去域名备案处输入CNAME5、配置https6、上传证书二、部署项目1、配置空间2、操作空间3、另一种方式操作空间3、配置环境变量，方便运行4、启动qshell5、配置 qshell 账号6、在Hexo项目的根目录下创建upload.conf文件7、上传项目 一、七牛云配置 1、注册七牛云 注册后绑定一下邮箱，然后再实名认证一下 官网：https://portal.qiniu.com/signup?redirect_url=https:
hexo托管七牛云
weixin_43842636的博客
05-09 999
HEXO托管七牛云 使用hexo-qiniu-sync插件，该插件在GitHub上开源 1、七牛云 注册七牛云 入口 新建存储空间 绑定域名 开启默认首页 获取AccessKey 2、在hexo目录下安装 npm install hexo-qiniu-sync --save 额、在 _config.yml 文件中添加一下内容 ###bucket 空间名称. #...
hexo简单部署（一次解决hexo测试+上传github问题）
u014155600的博客
02-21 1717
hexo本地测试+上传一次解决
hexo deploy一键部署免每次输入github账号密码
一眼青苔
06-03 1509
这里写自定义目录标题hexo deploy一键部署免每次输入github账号密码重新生成ssh-keygen功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 hexo deploy一键部署免每次输入github账号密码 hexo d
七牛云上传文件js_Hexo静态网页博客上传到七牛云
weixin_39685392的博客
12-16 198
很多人都是把Hexo、hugo等工具生成的静态页面都是上传到Github,这样虽然很方便，但是毕竟在国外，而且百度爬虫老是失败，虽然有朋友说可以上传到Gitee上，域名识别不同的访问线路解析不同的空间。我也这样搞过，但是最近发现，好像七牛云可以托管静态页面。那么就来搞搞咯要上传到七牛云，当然得有个七牛云账号啦，这个没有的自己去搞一下，就不说了。下面我们来说说具体的操作。配置对象空间新建一个对象空间...
hexo部署配置
不写代码的博客
05-15 1098
部署到服务器 安装hexo-deployer-git npm install hexo-deployer-git --save 修改_config.yml配置 deploy: type: git repo: 仓库地址 repository branch: 分支 message: 提交信息 生成站点文件并推送至远程库。 hexo clean && he...
hexo+七牛云创建博客
Faith的博客
08-23 3483
今天一打开blog发现一个总大问题，所有文章中的图片全挂了，Hexo文章中的图片，可以放在本地，然后和静态文件一起发布（部署）到空间里，原来就是这么做的。 经过后来的仔细想想，我觉得文章中以前一直都是用的本地图片，如果有一天我电脑不用了，或者转移或者在出现这种情况，每个图片不是还得重弄嘛，太费劲了，之前搭建博客的时候，看到了用七牛云存储来托管图片，这下迁移数据，加载什么的烦恼，都忘掉！！接下来，
怎么用hexo命令发布到自己的博客
qq_54743738的博客
03-03 1242
我的第一个博客 关于怎么发布一个博客到搭建好的博客 hexo命令 首先来认识一些hexo命令 hexo g #完整命令为hexo generate,用于生成静态文件 hexo s #完整命令为hexo server,用于启动服务器，主要用来本地预览 hexo d #完整命令为hexo deploy,用于将本地文件发布到github等git仓库上 hexo n “my article” #完整命令为hexo new,用于新建一篇名为“my article”的文章 ...
hexo github gitee
08-30
Hexo 是一个基于 Node.js 的静态博客生成器，它可以帮助你快速搭建个人博客。而 GitHub 和 Gitee（码云）则是两个常用的代码托管平台。你可能想知道如何将 Hexo 博客部署到 GitHub 或 Gitee 上。 首先，你需要在 GitHub 或 Gitee 上创建一个仓库，用于存储你的 Hexo 博客的源码和生成的静态文件。 接下来，你可以按照以下步骤进行操作： 1. 安装 Hexo：在命令行中运行 `npm install -g hexo-cli`，全局安装 Hexo。 2. 初始化 Hexo：在命令行中运行 `hexo init blog`，创建一个名为 "blog" 的文件夹，并初始化 Hexo。 3. 进入博客目录：运行 `cd blog`，进入到该文件夹。 4. 配置 Hexo：编辑 `_config.yml` 文件，配置你的博客信息和需要的插件。 5. 安装依赖：运行 `npm install`，安装博客所需的依赖。 6. 生成静态文件：运行 `hexo generate`，生成静态文件。 7. 部署到 GitHub 或 Gitee： - 部署到 GitHub：可以使用 hexo-deployer-git 插件实现自动部署到 GitHub Pages。运行 `npm install hexo-deployer-git --save`，然后配置 `_config.yml` 文件中的 `deploy` 部分，填入你的 GitHub 仓库地址。 - 部署到 Gitee：可以使用 hexo-deployer-git 插件实现自动部署到 Gitee Pages。运行 `npm install hexo-deployer-git --save`，然后配置 `_config.yml` 文件中的 `deploy` 部分，填入你的 Gitee 仓库地址。 8. 部署博客：运行 `hexo deploy`，将生成的静态文件部署到 GitHub 或 Gitee。 完成上述步骤后，你的 Hexo 博客就会被部署到 GitHub 或 Gitee 上了。你可以通过访问相应的仓库网址来查看你的博客。记得在以后更新博客内容时，使用 `hexo generate` 重新生成静态文件，并运行 `hexo deploy` 将更新部署到仓库中。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值