此前我的图床是基于 Cloudflare + Telegraph 这两位大善人的,我本以为他们会比我的博客活得更久,因此我默认这是一个长期的解决方案,足够可靠易用,最重要的是免费。
但最近 Telegram CEO 被捕,韩国也因为审查方面的原因和 Telegram 有冲突,可能受此影响,Telegraph 的图床服务已经不能上床新的图片,旧的图片尚且可以访问,但也不知道什么时候就会完蛋。
于是我开始寻找新的图床解决方案,我的期望是可靠易用,最好免费,Cloudflare R2+PicGo+WebP Cloud 就是这样的解决方案。
本文主要参考了这篇文章,另外包括了 WebP Cloud 自定义域名 和 从 Telegraph 迁移图片到 R2 图床 的内容。
部署您需要
Cloudflare 账号,并绑定信用卡(开启 R2 的必要条件)
一个域名(非必须)接下来让我们开始吧…
1. 启用 Cloudflare R2
打开 Cloudflare 控制台,选择 R2,在这里您可以看到 R2 的免费额度,点击同意启用。
新建一个 bucket(Create bucket)
输入你喜欢 ...
Cloudflare
未读部署前提已注册CloudFlare并开通R2服务
引用站外地址
项目地址
GitHub
预览地址roim-picx
介绍一款基于Cloudflare的Worker、R2、Pages实现的图床应用,具有以下特点:
10GB的免费存储空间
每月300W次的不计流量的图片访问,每天10W的限制。
每月100W次的图片上传次数
不需要自己购买服务器,克隆代码后部署CloudFlare即可使用。
独立部署不需要担心被第三方删除数据。
已实现功能
图片批量上传
图片列表查询
图片删除
目录创建
按目录查询
链接地址点击复制
简单的身份认证功能,进入管理页面需要授权
TODO
上传时支持选择目录。
提供删除图片的访问链接
管理页面支持分页加载图片
部署教程我也不会因为项目的图片挂了
引用站外地址
...
大家都申请了nyc.mn 这个域名吧,看说明需要一个活动状态,下来教大家部署一个简单的网页,起始页
起始页演示网站
这个项目可以直接在CF pages 部署
引用站外地址
项目地址
GitHub
1. 进入后点击fork .env 的内容请自行更改
2. 然后我们进入到CF里面点击workers和pages点击创建
3. 选择pages点击Git选择我们刚刚fork的仓库点击开始设置
4. 设置构建和部署我们这里框架预设选择 VUE 点击保存并部署
5. 接下来回到部署页面点击域就可以看到效果了
6.也可以自己添加自定义域,这个相信大家都会了的,不在CF上托管的域名也可以添加的
7. 成功部署后点击CF分配的域名或者自己添加的自定义域。祝大家都可以搭建成功.这是成功的网页效果
显示效果看侧边栏 ,此功能参考自小冰博客,记录方便以后学习。
1. NPM 插件安装的部署方法:注意,一定要加 --save,不然本地预览的时候可能不会显示12345npm i hexo-history-calendar --save# 或者cnpm i hexo-history-calendar --save
2. 新增网站根目录_config 配置项 (不是主题的):123456789history_calendar: priority: 4 enable: true enable_page: all layout: type: class name: sticky_layout index: 0 temple_html: '<div class="card-widget card-history"><div class="card-content"><div class="item-headline"><i class="fa ...
AnZhiYu主题中大部分标签移植于店长的hexo-butterfly-tag-plugins-plus,转载请注明来自安知鱼
段落文本 p标签语法配置参数样式预览示例源码1{% p 样式参数(参数以空格划分), 文本内容 %}
字体: logo, code
颜色: red,yellow,green,cyan,blue,gray
大小: small, h4, h3, h2, h1, large, huge, ultra
对齐方向: left, center, right
彩色文字在一段话中方便插入各种颜色的标签,包括:红色、黄色、绿色、青色、蓝色、灰色。
超大号文字文档「开始」页面中的标题部分就是超大号文字。Volantis
A Wonderful Theme for Hexo
123456- 彩色文字 在一段话中方便插入各种颜色的标签,包括:{% p red, 红色 %}、{% p yellow, 黄色 %}、{% p green, 绿色 %}、{% p cyan, 青色 %} ...
加载动画结语
Hexo是一款快速、简洁且高效的静态博客框架,它的加载页是展示个人品牌和风格的重要组成部分。通过定制加载页,你可以为你的网站增添个性化的风格,提升用户体验,以及传达特定的信息。
本文以本站使用的主题 anzhiyu 为例,在本教程中,我们将深入探讨如何更换Hexo加载页,从简单的概念到具体的实施步骤,帮助你轻松地定制属于自己的加载页。
加载页的作用:加载页是指在网页加载完成之前显示的页面,通常用于展示品牌标识、加载进度和欢迎信息。它不仅可以提升用户体验,还可以传达网站的特色和个性。
加载页设计的考虑因素:在定制加载页时,需要考虑网站的整体风格和目标受众。加载页应该与主题风格一致,同时尽量简洁明了,以保持用户的注意力和耐心。
原教程中使用的是butterfly主题,本教程将以anzhiyu的格式进行更改,在此,感谢煮雪话河山和SNTube Studio整合并提供了详细的配置教程,他们的博客链接如下:煮雪话河山
SNTube Studio
首页加载预览效果 加载预览效果
...
Hexo
未读Hexo博客如何迁移到新电脑参考教程:CSDN:Hexo博客迁移到新电脑1. 在新电脑行进行环境准备工作,具体的步骤看Hexo博客搭建教程,大家在新电脑上跟着做即可(注意千万不要做第9步,hexo init blog-demo这一步会覆盖并还原你原本的的源码文件)2. 这时候新建一个文件夹new-blog,用来装你的新博客源码的,进入这个文件夹,准备复制我们旧的博客源码进来,我们可以看到旧的博客项目结构是如下样子的:
这里红框内的都是需要复制迁移到新的博客的,具体的要不要保留见下表
需要复制的
需要删除的
_config.yml:站点配置文件
.git:无论是在站点根目录下,还是主题目录下的.git文件,都可以删掉
_config.butterfly.yml:主题配置文件,为了方便主题升级剥离出来的配置文件
node_modules:npm install会根据package.json生成
package.json:说明使用哪些依赖包
public:hexo g会重新编译生成
scaffolds:文章的模板
.deploy_git:在使用hexo d时也会重新生 ...
Cloudflare
未读利用cloudflare+work+pages部署一个简易的临时邮件系统
引用站外地址
视频转载自
MilaoneChannel
[]
.video-container {
position: relative;
width: 100%;
padding-top: 56.25%; /* 16:9 aspect ratio (height/width = 9/16 * 100%) */
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
项目官方文档https://temp-mail-docs.awsl.uk/
项目github仓库https://github.com/dream ...
欢迎大家来到我的博客,我是一个小白,正在学习中,希望大佬多多指教,这是我的GitHub.偶然看到一个名叫杨幂的脚,俗称CM大佬喂饭大大,特别喜欢他的喂饭视频.希望大家多多支持。这是他的个人GitHub.还有博客BLOG
金克丝 金克丝(Jinx)是电子游戏《英雄联盟》(League of Legends)中的一个角色,也称为勇敢的爆炸物(Blowing Up With Guts)。她是皮尔特沃夫的敌对组织“爆炸犬”的一员,以其机智、疯狂和不可预测的行为而闻名。
金克丝的设计灵感来自经典的疯狂科学家角色,她的性格特点通常被描述为过度自信的、调皮捣蛋的、喜欢恶作剧的,而且对几乎所有事物都怀着好玩的兴趣。她被设计为一个蓝色皮肤的女性角色,拥有紫色的头发和黄色的眼睛,穿着标志性的装备,包括肩上的火箭发射器、一条机械尾巴和一把能够转化为不同武器的枪械,比如火箭发射器和手雷。
在游戏中,金克丝是一位AD(攻击型)射手(Marksmen),她擅长从远处对敌人和建筑进行伤害。金克丝的技能集中在投射物攻击、机动性和爆炸物使用上,她喜欢在战斗中制造混乱,并通过其独特的能力如“跃影”(Zap)和 ...
Npm命令安装pm21bash <(curl -s https://raw.githubusercontent.com/k0baya/alist_repl/main/serv00/install-pm2.sh)
引用站外地址
PM2
Saika
如果你有安装自己使用 go build 构建的需求,你可以选择安装最新的 go1.22 ,这里记录其安装过程由于 Serv00 服务器上并未提供 go1.22 ,只提供了 go1.20.3 ,无法正常进行构建工作,所以需要手动安装 go1.22 环境。
1234567891011121314# 创建安装目录mkdir -p ~/local/soft && cd ~/local/soft# 下载编译好的 go1.22 的程序包wget https://dl.google.com/go/go1.22.0.freebsd-amd6 ...