Bing每日图片部署教程

Bing每日图片部署教程

成功

重要更新:原项目已更新API功能,现在可以正常使用!

项目介绍

Bing每日图片是一个实用的开源项目,可以自动获取Bing每日一图并提供前端页面展示,还支持扩展随机图片功能。本文将详细介绍如何部署该项目并进行功能扩展。

部署步骤

步骤1:Fork GitHub仓库

首先,访问原项目仓库Daily Bing Image,点击右上角的"Fork"按钮将仓库复制到你的GitHub账户。

Fork原仓库
Fork原仓库

步骤2:启用GitHub Actions工作流

  1. 进入你Fork的仓库
  2. 点击顶部导航栏的"Actions"选项
  3. 点击"I understand my workflows, go ahead and enable them"按钮启用工作流
  4. 在工作流列表中找到"Daily Get Bing Image"
  5. 将其从禁用状态改为启用状态
启用GitHub Actions工作流
启用GitHub Actions工作流
启用Daily Get Bing Image工作流
启用Daily Get Bing Image工作流
  1. 点击"Run workflow"按钮手动运行一次工作流
  2. 等待工作流执行完成,显示"Success"即表示第一步完成
工作流执行成功
工作流执行成功

步骤3:部署前端页面

你可以选择多种平台来部署前端页面,如VercelNetlify等,本文将使用EdgeOne Pages进行演示。

  1. 登录EdgeOne控制台,进入Eo Pages
  2. 点击"创建项目",选择"导入Git仓库"
创建EdgeOne Pages项目
创建EdgeOne Pages项目
  1. 根据你的域名情况选择合适的加速区域:
是否ICP备案服务区域加速区域选择
已备案中国大陆中国大陆可用区
已备案全球全球可用区(含中国大陆)
未备案全球全球可用区(不含中国大陆)
  1. 生产分支选择'page',点击"开始部署"
开始部署项目
开始部署项目

功能扩展:添加随机图片功能

部署完成后,你已经可以获取Bing每日图片了。但如果你想进一步扩展功能,可以添加随机图片功能,这样可以从历史的Bing每日图片中随机返回一张。

实现步骤

  1. 进入你Fork的GitHub仓库
  2. 在main分支的page/functions目录下新建get.js文件
新建get.js文件
新建get.js文件
  1. 筱序二十の代码分享获取代码内容并粘贴到get.js文件中
  2. 保存并提交更改
  3. 重新运行GitHub Actions工作流
  4. 等待工作流执行完成并重新部署
重新运行工作流
重新运行工作流
工作流执行成功
工作流执行成功
  1. 部署完成后,访问你的部署域名/get即可获取随机图片

项目比较与说明

信息

关于原作者新增功能的说明

  • 原作者已新增了/api/dailyrandom功能
  • /api/daily功能提供API接口获取每日图片,但考虑到已有/daily.jpeg/daily.webp等直链,这个功能的必要性不是很大
  • 原作者的random函数在本文写作时无法正常运行,因此本文提供的方案是一个可靠的替代选择

项目展示

Bing随机一图功能

Bing随机图片效果
Bing随机图片效果

Bing每日图片功能

访问你的部署域名即可查看每日更新的Bing图片,如:

  • https://你的域名/daily.webp - 获取WebP格式的每日图片
  • https://你的域名/daily.jpeg - 获取JPEG格式的每日图片

参考项目

后续维护

提醒
  • 项目会通过GitHub Actions定期自动获取Bing每日图片(默认每天一次)
  • 如果遇到问题,可以查看GitHub Actions的运行日志进行排查
  • 可以根据需要修改项目代码,自定义功能或调整获取图片的频率
  • 建议定期检查项目依赖和配置,确保正常运行

希望本文对你有所帮助,如果你有任何问题或建议,欢迎在评论区留言!

使用Eo Pages免费搭建随机图API!
互联网不是法外之地!

评论区

评论加载中...