最新文章那些年用过的CSS奇妙用法之能用CSS就不用JS技巧系列
嵌套的圆角在遇到内外两层圆角时,可以通过 CSS 变量动态去计算内部的圆角,看起来会更加和谐 核心代码 1234567.parent { --anzhiyu-nested-radius: calc(var(--radius) - var(--padding));}.nested { border-radius: var(--anzhiyu-nested-radius);} 《css嵌套的圆角》在线运行1024code 视图转换动画 View Transitions API我们先从一个简单的例子来认识一下。 123456789101112<div class="list" id="list"> <div class="item">1</div> <div class="item">2</div> <div class="item">3</div> &l ...
未读
什么是CDN?它解决了什么难题?国内CDN加Vercel,无服务器使用办法
最近遇到了部分地区vercel即便绑定了自定义域名任然有部分用户无法访问被阻断的情况,于是就打算给vercel套一层国内CDN,既然用户无法访问vercel的ip,那么就让用户去访问国内 CDN的节点,然后再让节点去回源访问vercel即可。 该教程适用于无服务器的情况,如果有自己的服务器就没必要多此一举,而是可以直接使用国内CDN即可。注意大部分国内 CDN使用需要域名进行备案。 什么是CDN?CDN英文全称Content Delivery Network,中文翻译即为内容分发网络。它是建立并覆盖在承载网之上,由分布在不同区域的边缘节点服务器群组成的分布式网络。 简而言之就是,厂商在全国各地都有很多很多的服务器,每一个服务器我们称之为节点,很多的节点组成了CDN。 CDN工作原理CDN的工作原理就是将源站的资源缓存到位于全国各地的CDN节点上,用户请求资源时,就近返回节点上缓存的资源,而不需要每个用户的请求都回您的源站获取,避免网络拥塞、分担源站压力,保证用户访问资源的速度和体验。 在用户与源站之间加了一层CDN,用户先访问 CDN的节点,CDN节点再去源站拿取内容,当用户第二次访 ...
腾讯出品免费logo制作神器AI Logo,腾讯这次真的良心了
今天我要向大家推荐一款由腾讯出品的免费Logo制作神器——AI Logo。这次腾讯真的很良心!您可以访问AI Logo官方网站开始体验。 什么是AI Logo?AI Logo是一款基于人工智能技术的Logo设计工具,旨在帮助用户快速创建独特、专业的Logo设计。它提供了丰富的设计元素、字体和图标,让您能够轻松制作出符合品牌形象的Logo,10秒创建您的LOGO! 如何使用AI Logo?访问AI Logo官方网站 输入你的logo名字 选择行业分类,我这边选择一手元宇宙🤣 选择联想关键词 选择喜欢的主色 生成成功,可以直接选择进行下载 在设计界面上,可以选择使用智能生成的设计方案,或者自行选择设计元素进行定制。 根据需求,对Logo进行调整、修改和优化,直到满意为止。 完成Logo设计后,可以选择下载Logo文件,保存到本地。 值得注意的是生成后的图片,左上角都有标注是商用许可或个人许可 主要特点 免费使用AI Logo是一款完全免费的Logo制作工具,无需支付任何费用即可使用其中的所有功能。这对于初创企业、个人创作者或需要频繁设计Logo的用户来说,无疑是一个非常好的 ...
当AI加上PS后让我变的极为振奋(附mac安装ps beta25.0)教程
在当今的数字时代,人工智能(AI)和图像处理软件如Adobe Photoshop(PS)已经成为创意设计和图像编辑的重要工具。当AI碰上PS,可以创造出令人惊叹的创意式生成作品。本教程将向您介绍如何在Mac上安装PS Beta 25.0,并展示一些创意式生成的示例。 步骤一:安装PS Beta 25.0首先,访问Adobe官方网站并登录您的Adobe账号,如果没有账号就注册一个,注意一定要选择美国区注册。 下载 Creative Cloud 导航到PS Beta页面,下载适用于Mac的PS Beta 25.0安装程序。 完成下载后,运行安装程序并按照提示进行安装。 安装完成后,打开PS Beta 25.0并登录您的Adobe账号。 找到Beta 应用程序中的Photoshop (Beta),点击右侧的试用,等待下载完成,完成安装后打开可以直接使用,试用7天 步骤二:了解AI与PS的结合使用选区工具选中你的选区,然后直接输入你想生成的内容,即可得到一张从无到有的图片 生成完成以后,右侧一共提供了3种可以变换的选项,可以选择喜欢的或者继续生产新的内容 以下我会列出部分目前能够完成的功 ...
CNAME解析至cf:分流解析cloudflare处理国外请求
在受到过一次教训后,得出结论,完全解析至不可访问的界面并不是最优解,在受到小伙伴的提醒后发现,起码会让必应的搜索结果变的很奇怪。 那么,我得找到一个能在国外也访问我博客的办法,但是同时也要能狗抵御住一般的攻击,很快我想到了cloudflare 我们可以把境内的正常解析到我们的境内CDN上或者源站服务器上,将境外的接入到cloudflare 说干就干 域名接入cloudflare此处不再赘述如何创建cloudflare账号,在cloudflare官网创建好账号后 登录 => 主页 => 添加网站 输入你的域名 选择Free计划 cloudflare会扫描已有DNS记录,将已有的DNS记录添加进去,这一步很重要,防止出现服务中断,如果这一步没做好,可能会有部分站点后面没有解析导致出现网站不可访问的现象,将所有已经有的解析记录都在这一步加好。 获取到cloudflare到NS服务器地址 登录你的域名厂商解析修改域名的DNS服务器,此处以腾讯云举例 打开 域名控制台 点击修改DNS服务器地址 添加上刚刚在clo ...
网络安全方向:10分钟2700w请求的攻击我是如何处理的
昨天2023年7月16日,本站遇到了搭建博客以来最大的攻击,10分钟2700w的请求🙏,峰值达到了令人震惊的1400w! 从时间上来看,18:40到18:50,短短10分钟,几乎是一瞬间就被请求了https数2000万次,多吉云在20:00给我发送了请求数激增到2000w的短信 我立马反应过来,登录控制台一看,哦豁,由于之前换了域名,还没来的及设置QPS 限制,于是就被钻空子了 什么是QPS 限制?超出 QPS 限制的请求会直接返回错误,设置较低频次限制可能会影响正常用户的使用,请根据业务情况合理设置阈值。被 QPS 限制拦截的请求不会产生 HTTPS 请求数计费。但需要特别注意的是,当请求被“域名防盗链”规则优先拦截后,无论是否超过 QPS 限制,都将进行 HTTPS 请求数计费。 比如我设置为120次/s,那么一个ip在1s内只能请求当前域名120次,将QPS设置在一个合理的范围内将能够很大程度上的保护你的站点,设置过低将降低正常用户的访问。 日志查看设置好QPS以后,我痛定思痛,将多吉云提供的将近3G的日志下载了下来 下载下来vscode打开一看,好家伙,上百万行数据,随 ...
通义万相上手体验
前两天通过了通义万相的适用体验,一番试用下来,感触最深的便是,当今AI横行,唯有融入并去接受他们才能适应时代。 在我的使用场景下,一般是生成封面图,或者一些唯美超现实主义的图片,相比midjourney绘制的图,二者对我而言都一样。因为二者都能达到我的使用要求。 通义万相作为阿里推出的一款大模型AI绘画,每日免费使用50次,一般的用户基本都能满足,这点让我极其舒适,也就不必再去续费midjourney了(偷笑😏),能够使用中文绘制。 可选的绘制比例有1:1,16:9,9:16 绘制时间一般在1分钟以内,算是比较快的了,可能和描述的多少有关。 有时候它也会无法绘制(会返还灵感值),猜测使用英文绘制会更好,也许中文支持并没有那么高。 绘制后会产生4张图片,也能够继续选择风格继续生成。 总结总而言之,能用,但是如果抱有很高的期待估计不行,国产AI,任重道远。 以下评价由chatGPT生成 通义万相,是一个奇妙而令人陶醉的体验。当你进入这个神奇的场所时,你将被环绕在美学与艺术的氛围中,仿佛穿越到了一个超现实的世界。 在通义万相中,每一个细节都充满了独特的魅力。你会发现自己被无尽 ...
html 属性Accesskey详细解析
accesskey是一个在国内很冷门的属性,一般只有做无障碍才需要使用到它,目前我发现的国内网站有使用的一个是淘宝,另一个是京东,此处点名表扬👍,现在也有越来越多的网站在使用这个属性,并且国内的很多网站都开始支持起了无障碍,目前 微博,京东,淘宝等都支持无障碍通道模式。 我们来仔细看看京东和淘宝是怎么做的,不难发现它们都是在同一个地方使用了这个属性,那就是搜索🔍! [{"url":"https://img02.anheyu.com/adminuploads/1/2023/07/01/64a01fd29c767.webp!blogimg","alt":""},{"url":"https://img02.anheyu.com/adminuploads/1/2023/07/01/64a020547c995.webp!blogimg","alt":""}] 加载更多 简介ℹ️在HTML4.0.1的时候,HTML accesskey属性请可以作用在以下元素上:<a>, <area>, <button>, <in ...
未读
全新卡片式外链标签引入
携带跳转链接的卡片1{% intCard link img tip cardTitle logo title subTitle %} 必填项link,img,tip 新品主题 全新简洁apple风格卡片主题 安知鱼主题 生活明朗,万物可爱 前往 不携带跳转链接的卡片不填写logo title subTitle 新品主题 全新简洁apple风格卡片主题
未读
音乐meting自建api
不少小伙伴发现最近安知鱼主题的音乐胶囊配置无效或者音乐馆没有界面出来,原因其实是因为官方的meting api因为某种原因挂掉了。既然知道了问题所在,就很好解决了,安知鱼主题的配置文件CDN选项自带有meting_api配置,我们可以自己搭建meting api以提高访问性和稳定性,或者使用其他人提供出来的免费API,只不过稳定性可能会没有那么高。 自建API项目地址meting-api 部署方式此处提供宝塔部署方法,新建一个站点,然后将项目代码下载下来,上传到站点目录并解压 然后在当前目录执行命令安装依赖 1composer install 在根目录会有index.php,可以在这里调整参数设置API路径缓存及时间等等,详细见原项目README.md,博主全默认配置,注意配置完后可能会存在跨域的情况,可以修改index.php前面加上允许跨站的两行代码,修复这个情况,虽然本来就有这个,但是不知道为什么写在后面就会跨域,写在前面就不会再有这种情况了。 123456789101112131415<?php// 允许跨站header('Access-Control-Al ...
未读
安知鱼主题标签 Tag Plugins
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博客工作流CI(一键部署的快乐)
在日常写博客的过程中我常常使用 CI 部署,一开始我是使用Jenkins,后来觉得很丑且经常拉库失败(设置的 cron 是半小时拉取一次,然而常常 4-5 小时才能更新) 就转向了阿里的工作流,好看很多且界面操作也简单了许多,缺点就是个人使用实在是没必要,企业的话用起来还是很爽的。 再后来看到店长的文章以后就开始使用 Github Action,具体可以去看这篇文章 引用站外地址 使用 Github Action 自动部署 使用 Github Action 自动部署 Github Action 优点 可以多域名多站点部署 不会出现从服务器去连接 github 连接不上的情况 可以一键多处全部部署完成 ✅ 不再需要使用繁杂的前置命令 hexo cleanhexo bangumi -u #bilibili 番剧更新hexo generatehexo algoliagulp 比如我自己是在vercel, netlify, ...