telegraph-Image：搭建你的专属开源图床

碳酸tan_suan: 05-17 13:02:23

Telegraph-Image：搭建你的专属开源图床

通过 Telegraph-Image 与赛博菩萨提供的 Pages、D1，你可以轻松搭建属于自己的开源图床。如果你有更多需求，还可以通过 优选加速图片载入时间，并接入 ModerateContent API，自动过滤不良或涩涩图片！

🌟 优点

  • 无需服务器：托管于 Cloudflare 网络上，当使用量不超过免费额度时，完全免费
  • 支持图片审查：可选择开启 API 审查，自动屏蔽不良图片
  • 后台管理：日志管理、访问统计、图片在线预览、白名单/黑名单设置
  • 高可定制性：自定义域名接入、后台管理用户名密码、审查 API Key 等

🚀 开始部署

1️⃣ Pages 部署 Telegraph-Image 项目

  1. 打开 telegraph-Image 仓库
  2. 点击 Star，然后 Fork（可增加部署成功率）
  3. 进入 Workers & Pages > 概述 > 创建 > Pages > 连接到 Git
  4. 选择你的 telegraph-Image 项目
  5. 保存并部署即可

2️⃣ 绑定自定义域

  • 推荐：使用已经接入 Cloudflare 的域名，并开启小黄云
  • 备用：没有域名时，可使用 CNAME 免费域名接入

操作步骤：

  1. 回到 Workers & Pages / telegraph-Image 项目 > 设置 > 函数
  2. 点击 放置 > 制作 > 智能 > 保存

3️⃣ 创建管理后台

3.1 创建 D1 数据库

  1. 打开 Workers & Pages > D1 > 创建数据库
  2. 设置数据库名称，例如：img（可自定义）
  3. 点击 创建

3.2 初始化数据库

  1. 进入 img 数据库控制台
  2. 粘贴以下初始化 SQL 或 JS 代码
  3. 点击 执行
  4. 等待提示：“此查询已成功执行”

3.3 绑定数据库到项目

  1. 回到 Workers & Pages / telegraph-Image 项目 > 设置 > 函数
  2. 在 D1 数据库绑定 中添加
    • 变量名：IMG
    • 数据库选择：img
  3. 点击 保存

3.4 配置环境变量

  • BASIC_USER：后台管理员用户名，例如 admin
  • BASIC_PASS：后台管理员密码，例如 123456
  • ModerateContentApiKey：可选，填写申请到的 ModerateContent API Key，用于图片审查

若无需审查涩涩内容，可跳过 ModerateContentApiKey 步骤

申请 ModerateContent API Key：

  1. 打开 ModerateContent
  2. 输入邮箱，点击 SUBMIT
  3. 查看邮箱，将 API Key 复制到变量中

3.5 部署项目

  1. 回到 Workers & Pages / telegraph-Image 项目 > 部署
  2. 点击右下角 三个点 > 重试部署
  3. 等待部署完成

示例：

  • 自定义域：img.131213.xyz
  • 图床后台管理地址：https://img.131213.xyz/admin

⚙️ 变量说明

变量名 示例 备注
BASIC_USER admin 后台管理员用户名
BASIC_PASS 123456 后台管理员密码
ModerateContentApiKey 8ba353957d6c2bea538dca28a66a04cd 审查图像内容的 API key
RATINGAPI https://xxx.xxx/rating 自建鉴黄 API，优先级高于 ModerateContentApiKey

注意：RATINGAPI > ModerateContentApiKey

✅ 总结

通过以上步骤，你就能快速搭建：

  • 专属图床：托管于 Cloudflare，无需服务器
  • 安全管理：后台管理、日志查看、白名单黑名单
  • 内容审查：可选 API 自动过滤不良图片
  • 加速访问：通过 Pages 或自定义域提升加载速度

感谢阅读，祝你搭建顺利！✨

碳酸tan_suan: 05-17 13:06:33

🌊 全网最全 AnZhiYu 主题 Hexo 博客搭建教程

AnZhiYu 是一款基于 Hexo 的高颜值博客主题，拥有动态效果、丰富组件、音乐播放器、首页卡片、分类标签、相册、朋友圈等功能，非常适合个人博客与技术网站。

🧰 一、环境准备

📦 1. 安装 Node.js

下载地址：

1
https://nodejs.org/en/download

安装完成后打开终端输入：

1
2
node -v
npm -v

如果显示版本号说明安装成功。

📦 2. 安装 Git

下载地址：

1
https://git-scm.com/downloads

安装完成后测试：

1
git --version

🚀 二、安装 Hexo 博客

📥 1. 安装 Hexo CLI

打开终端输入：

1
npm install -g hexo-cli

📁 2. 创建博客

1
2
3
hexo init blog
cd blog
npm install

▶️ 3. 启动博客

1
2
3
hexo clean
hexo g
hexo s

浏览器打开：

1
http://localhost:4000

即可看到博客。

🐟 三、安装 AnZhiYu 主题

📦 1. 下载主题

进入博客目录：

1
cd blog

执行：

1
git clone -b main https://github.com/anzhiyu-c/hexo-theme-anzhiyu.git themes/anzhiyu

⚙️ 2. 修改主题配置

打开：

1
_config.yml

找到：

1
theme:

改成：

1
theme: anzhiyu

📦 四、安装依赖

执行：

1
npm install hexo-renderer-pug hexo-renderer-stylus --save

🚀 五、运行主题

1
2
3
hexo clean
hexo g
hexo s

打开：

1
http://localhost:4000

即可看到 AnZhiYu 主题。

📁 六、主题配置文件

复制主题配置：

1
cp -rf ./themes/anzhiyu/_config.yml ./_config.anzhiyu.yml

Windows 用户直接复制文件即可。

🎨 七、配置网站信息

打开：

1
_config.yml

修改：

1
2
3
4
5
title: Tim Blog
subtitle: 热爱编程的14岁少年
description: 一个分享技术与生活的博客
author: Tim
language: zh-CN

👤 八、设置头像

把头像放入：

1
source/img/

例如：

1
source/img/avatar.jpg

然后打开：

1
_config.anzhiyu.yml

修改：

1
2
avatar:
  img: /img/avatar.jpg

🌈 九、首页顶部 Banner

📌 修改首页文字

1
2
3
4
5
6
subtitle:
  enable: true
  sub:
    - 热爱编程
    - 分享技术
    - 热爱互联网

🖼 修改顶部背景图

1
index_img: /img/banner.jpg

把图片放入：

1
source/img/banner.jpg

🍔 十、菜单配置

1
2
3
4
5
6
menu:
  首页: / || anzhiyu-icon-house
  归档: /archives/ || anzhiyu-icon-box-archive
  分类: /categories/ || anzhiyu-icon-shapes
  标签: /tags/ || anzhiyu-icon-tags
  关于: /about/ || anzhiyu-icon-paper-plane

📱 十一、社交链接

1
2
3
4
social:
  Github: https://github.com/你的用户名 || anzhiyu-icon-github
  Bilibili: https://space.bilibili.com/你的ID || anzhiyu-icon-bilibili
  Email: mailto:你的邮箱 || anzhiyu-icon-envelope

📝 十二、创建文章

✍️ 新建文章

1
hexo new post 我的第一篇文章

文章位置：

1
source/_posts/

📌 Markdown 示例

1
2
3
4
5
6
7
8
9
10
11
12
13
---
title: 我的第一篇文章
date: 2026-05-17
cover: /img/banner.jpg
tags:
  - 编程
categories:
  - 技术
---

# Hello World

这是我的第一篇博客文章！

🖼 十三、文章封面

推荐图床：

1
https://sm.ms

文章顶部：

1
cover: 图片链接

例如：

1
cover: https://i.imgs.ovh/xxx.jpg

🎵 十四、音乐播放器

开启：

1
2
aplayer:
  enable: true

文章插入：

1
2
3
4
5
<meting-js
server="netease"
type="song"
id="123456">
</meting-js>

💬 十五、评论系统

推荐 Waline。

官网：

1
https://waline.js.org

开启：

1
2
comments:
  use: Waline

🌙 十六、深色模式

1
2
darkmode:
  enable: true

🔍 十七、本地搜索

1
2
local_search:
  enable: true

安装：

1
npm install hexo-generator-search --save

📊 十八、网站统计

📈 百度统计

1
baidu_analytics: 你的统计ID

📈 Google Analytics

1
google_analytics: G-XXXXXXXX

🚀 十九、部署 GitHub Pages

📦 安装部署插件

1
npm install hexo-deployer-git --save

⚙️ 配置部署

打开：

1
_config.yml

修改：

1
2
3
4
deploy:
  type: git
  repo: https://github.com/你的用户名/仓库名.git
  branch: gh-pages

🚀 上传博客

1
2
3
hexo clean
hexo g
hexo d

🌍 二十、自定义域名

GitHub 仓库：

1
2
3
Settings
→ Pages
→ Custom domain

输入：

1
blog.xxx.com

即可。

🖼 二十一、推荐封面图库

📸 Unsplash

1
https://unsplash.com

📸 Pexels

1
https://pexels.com

📸 Pixabay

1
https://pixabay.com

🔥 二十二、推荐插件

📦 Hexo AI 摘要

1
npm install hexo-ai-excerpt

📦 代码复制按钮

1
highlight_copy: true

📦 字数统计

1
npm install hexo-wordcount --save

⚡ 二十三、常用命令

本地运行

1
hexo s

清理缓存

1
hexo clean

生成静态文件

1
hexo g

部署博客

1
hexo d

🎉 二十四、总结

现在你已经拥有：

✅ Hexo 博客
✅ AnZhiYu 高颜值主题
✅ 评论系统
✅ 音乐播放器
✅ 搜索功能
✅ GitHub 部署
✅ 自定义域名
✅ Markdown 写作能力

你的博客已经接近专业级别了 🚀