mirror of
https://codeberg.org/mayx/pages
synced 2026-01-02 06:43:41 +08:00
update
This commit is contained in:
334
2022/10/05/rules.html
Normal file
334
2022/10/05/rules.html
Normal file
@@ -0,0 +1,334 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
|
||||
<!-- Begin Jekyll SEO tag v2.8.0 -->
|
||||
<title>Cloudflare规则新功能体验 | Mayx的博客</title>
|
||||
<meta name="generator" content="Jekyll v3.9.5" />
|
||||
<meta property="og:title" content="Cloudflare规则新功能体验" />
|
||||
<meta name="author" content="mayx" />
|
||||
<meta property="og:locale" content="zh_CN" />
|
||||
<meta name="description" content="Cloudflare真是良心,为广大站长节约了无数成本!♥" />
|
||||
<meta property="og:description" content="Cloudflare真是良心,为广大站长节约了无数成本!♥" />
|
||||
<meta property="og:site_name" content="Mayx的博客" />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="article:published_time" content="2022-10-05T00:00:00+08:00" />
|
||||
<meta name="twitter:card" content="summary" />
|
||||
<meta property="twitter:title" content="Cloudflare规则新功能体验" />
|
||||
<meta name="google-site-verification" content="huTYdEesm8NaFymixMNqflyCp6Jfvd615j5Wq1i2PHc" />
|
||||
<meta name="msvalidate.01" content="0ADFCE64B3557DC4DC5F2DC224C5FDDD" />
|
||||
<meta name="yandex-verification" content="fc0e535abed800be" />
|
||||
<script type="application/ld+json">
|
||||
{"@context":"https://schema.org","@type":"BlogPosting","author":{"@type":"Person","name":"mayx"},"dateModified":"2022-10-05T00:00:00+08:00","datePublished":"2022-10-05T00:00:00+08:00","description":"Cloudflare真是良心,为广大站长节约了无数成本!♥","headline":"Cloudflare规则新功能体验","mainEntityOfPage":{"@type":"WebPage","@id":"/2022/10/05/rules.html"},"publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"https://avatars0.githubusercontent.com/u/17966333"},"name":"mayx"},"url":"/2022/10/05/rules.html"}</script>
|
||||
<!-- End Jekyll SEO tag -->
|
||||
|
||||
<link rel="canonical" href="https://mabbs.github.io/2022/10/05/rules.html" />
|
||||
<link type="application/atom+xml" rel="alternate" href="/atom.xml" title="Mayx的博客" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Mayx的博客(RSS)" href="/rss.xml" />
|
||||
<link rel="alternate" type="application/json" title="Mayx的博客(JSON Feed)" href="/feed.json" />
|
||||
<link rel="stylesheet" href="/assets/css/style.css?v=1767196818" />
|
||||
<!--[if !IE]> -->
|
||||
<link rel="stylesheet" href="/Live2dHistoire/live2d/css/live2d.css" />
|
||||
<!-- <![endif]-->
|
||||
<link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="Mayx的博客" />
|
||||
<link rel="webmention" href="https://webmention.io/mabbs.github.io/webmention" />
|
||||
<link rel="pingback" href="https://webmention.io/mabbs.github.io/xmlrpc" />
|
||||
<link rel="preconnect" href="https://summary.mayx.eu.org" crossorigin="anonymous" />
|
||||
<link rel="prefetch" href="https://www.blogsclub.org/badge/mabbs.github.io" as="image" />
|
||||
<link rel="blogroll" type="text/xml" href="/blogroll.opml" />
|
||||
<link rel="me" href="https://github.com/Mabbs" />
|
||||
<script src="/assets/js/jquery.min.js"></script>
|
||||
<!--[if lt IE 9]>
|
||||
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
|
||||
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.3/jquery.xdomainrequest.min.js"></script>
|
||||
<script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
<script>
|
||||
var lastUpdated = new Date("Thu, 01 Jan 2026 00:00:18 +0800");
|
||||
var BlogAPI = "https://summary.mayx.eu.org";
|
||||
</script>
|
||||
<script src="/assets/js/main.js"></script>
|
||||
<!--[if !IE]> -->
|
||||
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async="async" src="https://www.googletagmanager.com/gtag/js?id=UA-137710294-1"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
gtag('config', 'UA-137710294-1');
|
||||
</script>
|
||||
|
||||
<script src="/assets/js/instant.page.js" type="module"></script>
|
||||
<!-- <![endif]-->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!--[if !IE]> --><noscript><marquee style="top: -15px; position: relative;"><small>发现当前浏览器没有启用JavaScript,这不影响你的浏览,但可能会有一些功能无法使用……</small></marquee></noscript><!-- <![endif]-->
|
||||
<!--[if IE]><marquee style="top: -15px; position: relative;"><small>发现当前浏览器为Internet Explorer,这不影响你的浏览,但可能会有一些功能无法使用……</small></marquee><![endif]-->
|
||||
<div class="wrapper">
|
||||
<header class="h-card">
|
||||
<h1><a class="u-url u-uid p-name" rel="me" href="/">Mayx的博客</a></h1>
|
||||
|
||||
|
||||
<img src="https://avatars0.githubusercontent.com/u/17966333" fetchpriority="high" class="u-photo" alt="Logo" style="width: 90%; max-width: 300px; max-height: 300px;" />
|
||||
|
||||
|
||||
<p class="p-note">Mayx's Home Page</p>
|
||||
|
||||
<form action="/search.html">
|
||||
<input type="text" name="keyword" id="search-input-all" placeholder="Search blog posts.." /> <input type="submit" value="搜索" />
|
||||
</form>
|
||||
<br />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<p class="view"><a class="u-url" href="/Mabbs/">About me</a></p>
|
||||
|
||||
<ul class="downloads">
|
||||
|
||||
<li style="width: 270px; border-right: none;"><a href="/MayxBlog.tgz">Download <strong>TGZ File</strong></a></li>
|
||||
|
||||
</ul>
|
||||
</header>
|
||||
<section class="h-entry">
|
||||
|
||||
<small><time class="date dt-published" datetime="2022-10-05T00:00:00+08:00">5 October 2022</time> - 字数统计:2631 - 阅读大约需要8分钟 - Hits: <span id="/2022/10/05/rules.html" class="visitors">Loading...</span></small>
|
||||
<h1 class="p-name">Cloudflare规则新功能体验</h1>
|
||||
|
||||
<p class="view">by <a class="p-author h-card" href="//github.com/Mabbs">mayx</a></p>
|
||||
<div id="outdate" style="display:none;">
|
||||
<hr /><p>
|
||||
这是一篇创建于 <span id="outime"></span> 天前的文章,其中的信息可能已经有所发展或是发生改变。
|
||||
</p>
|
||||
</div>
|
||||
<script>
|
||||
daysold = Math.floor((new Date().getTime() - new Date("Wed, 05 Oct 2022 00:00:00 +0800").getTime()) / (24 * 60 * 60 * 1000));
|
||||
if (daysold > 90) {
|
||||
document.getElementById("outdate").style.display = "block";
|
||||
document.getElementById("outime").innerHTML = daysold;
|
||||
}
|
||||
</script>
|
||||
|
||||
<hr />
|
||||
|
||||
<b>AI摘要</b>
|
||||
<p id="ai-output">这篇文章分享了Cloudflare新增的几个规则功能的体验,包括二级域名重定向、动态重定向和内容转换,如重写URL、请求头、响应头以及应对防盗链问题。作者赞赏Cloudflare的免费服务和强大功能,但也指出了一些限制,比如免费用户不能随意使用正则表达式,以及规则配置上的局限。作者表达了对于更自由配置的向往,但同时也认可Cloudflare在性能和实用性上的优势。</p>
|
||||
|
||||
<hr />
|
||||
|
||||
|
||||
|
||||
<ul><li><a href="#起因">起因</a></li><li><a href="#使用体验">使用体验</a><ul><li><a href="#二级域名重定向到用户页面">二级域名重定向到用户页面</a></li><li><a href="#pixiv图片反代">Pixiv图片反代</a></li><li><a href="#iwara下载地址解析与dns解析">Iwara下载地址解析与DNS解析</a></li></ul></li><li><a href="#感想">感想</a></li></ul>
|
||||
<hr />
|
||||
|
||||
|
||||
<main class="post-content e-content" role="main"><p>Cloudflare真是良心,为广大站长节约了无数成本!♥<!--more--></p>
|
||||
<h1 id="起因">
|
||||
|
||||
|
||||
<a href="#起因"><svg class='octicon' viewBox='0 0 16 16' version='1.1' width='16' height='32' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg></a> 起因
|
||||
|
||||
|
||||
</h1>
|
||||
|
||||
<p>之前登录到Cloudflare的时候看规则的时候发现了一些新功能,现在好像增加了什么转换规则,动态重定向啥的。看到之后好像还挺有意思,就试用了一下。用了一下之后发现还真不错,功能很强大,而且还免费。所以这次想说说关于Cloudflare规则新出的几个功能体验。</p>
|
||||
<h1 id="使用体验">
|
||||
|
||||
|
||||
<a href="#使用体验"><svg class='octicon' viewBox='0 0 16 16' version='1.1' width='16' height='32' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg></a> 使用体验
|
||||
|
||||
|
||||
</h1>
|
||||
|
||||
<p>为了更好的描述,我就直接用实例说明了。</p>
|
||||
<h2 id="二级域名重定向到用户页面">
|
||||
|
||||
|
||||
<a href="#二级域名重定向到用户页面"><svg class='octicon' viewBox='0 0 16 16' version='1.1' width='16' height='32' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg></a> 二级域名重定向到用户页面
|
||||
|
||||
|
||||
</h2>
|
||||
|
||||
<p>之前Telegram出了个新功能,可以直接用二级域名作为自己的Telegram名片,比如我的用户名是unmayx,在Telegram上就是 <a href="https://unmayx.t.me/">https://unmayx.t.me/</a> 。这个功能看起来还挺有意思的,所以我也想给自己的网站整一个。其实这个东西如果说自己的网站没有二级域名,直接用页面规则就可以做出来,这个功能能实现也是多亏了Cloudflare愿意让免费用户使用泛解析的代理,真是太良心了😭。首先在解析里加一条泛解析,A或者CNAME都行,目标也可以随便填。然后在页面规则里加一条URL为<code class="language-plaintext highlighter-rouge">*.example.com/*</code>这样的地址,具体域名写自己的就行,然后设置为转发URL,状态代码301或者302都行,目标URL填类似于<code class="language-plaintext highlighter-rouge">https://example.com/username-$1.html</code>,具体规则根据自己网站来,像Telegram那样的规则就可以填<code class="language-plaintext highlighter-rouge">https://t.me/$1</code>这样子 <del>(当然Telegram不可能用Cloudflare的CDN啦🤣)</del> 。 </p><p>
|
||||
不过这样设定有个问题,大多数网站不会只有一级域名,如果有二级域名而且也用了Cloudflare CDN会和规则冲突导致优先匹配规则。Cloudflare原来的页面规则比较拉跨的地方就是除了匹配URL没有别的可以操作的地方,像我要不匹配某个东西也没办法做到。还好新出的动态重定向有这样的功能,它可以匹配一串东西,比如我要不匹配某个地址,比如www开头的我可以写<code class="language-plaintext highlighter-rouge">not starts_with(http.host, "www.")</code>,反正Cloudflare的证书也没法用在三级以上的域名,这样匹配也没啥问题。另外还要除了自己,所以最终写成<code class="language-plaintext highlighter-rouge">(not starts_with(http.host, "www.") and http.host ne "example.com")</code>就可以啦,接下来就是写动态重定向到哪里了。我翻了半天<a href="https://developers.cloudflare.com/ruleset-engine/rules-language/">文档</a>发现除非用正则表达式,否则没有办法单独把<code class="language-plaintext highlighter-rouge">http.host</code>中“.”前面的东西取出来,然而正则功能不是免费的😂。 </p><p>
|
||||
但是之前用页面规则的时候也没有这个问题啊,怎么这个新功能还有这种问题……不过既然页面规则支持这个功能那我们就可以把两个结合一下,先用动态重定向接收,然后发给页面规则处理就好啦,所以我们可以把刚刚动态重定向的表达式写成一个和现有网站不冲突的地址,比如<code class="language-plaintext highlighter-rouge">concat("https://example.com/user/", http.host, "/")</code>,这时候它会先重定向到一级域名的某个位置,然后用页面规则接收一下,URL设定为<code class="language-plaintext highlighter-rouge">example.com/user/*.example.com/</code>,然后目标URL设定为<code class="language-plaintext highlighter-rouge">https://example.com/username-$1.html</code>就可以啦。</p>
|
||||
<h2 id="pixiv图片反代">
|
||||
|
||||
|
||||
<a href="#pixiv图片反代"><svg class='octicon' viewBox='0 0 16 16' version='1.1' width='16' height='32' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg></a> Pixiv图片反代
|
||||
|
||||
|
||||
</h2>
|
||||
|
||||
<p>之前我也有搭过Pixiv的图片反代,是学着<a href="https://pixiv.re/reverseproxy.html">Pixiv圖片代理</a>的教程搭的,用的是Cloudflare Workers,不过我大概看了下代码其实我们的主要目的只是想让服务器收到可以用的Referer嘛,正好这个新出的转换规则就挺不错的,可以重写URL、请求头和响应头,那么我们这次的需求就是把请求Pixiv图片服务器的请求头改掉吧,那么我们就首先给自己的域名加一条指向i.pximg.net的CNAME解析,像我整的就是 <a href="https://pixiv.mayx.eu.org">https://pixiv.mayx.eu.org</a> ,然后添加一条修改请求头的转换规则,内容就写当<code class="language-plaintext highlighter-rouge">(http.host eq "pixiv.mayx.eu.org")</code>时,将Referer设定为 <a href="https://www.pixiv.net/">https://www.pixiv.net/</a> 就好啦(实际上好像是只要包含pixiv字样就可以)。 </p><p>
|
||||
为了让它能发挥更大的用处,我想起来我以前写的<a href="/2021/02/23/picbotpro.html">发图微信机器人</a>,这次我想整个直接在Web界面就可以用的,于是<a href="https://github.com/Mabbs/pixiv-index/blob/main/setu.html">Viewer</a>就诞生了,而且用的就是我新设定的反代,相比原来的Workers反代不仅没有了请求次数限制,而且还可以设定页面规则来设置更长时间的缓存,来达到更快的速度。</p>
|
||||
<h2 id="iwara下载地址解析与dns解析">
|
||||
|
||||
|
||||
<a href="#iwara下载地址解析与dns解析"><svg class='octicon' viewBox='0 0 16 16' version='1.1' width='16' height='32' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg></a> Iwara下载地址解析与DNS解析
|
||||
|
||||
|
||||
</h2>
|
||||
|
||||
<p>看着这个规则我就又想起来了高中的时候写的<a href="/2019/04/13/iwara.html">Iwara Viewer</a>,因为跨域我不能直接用Web调用Iwara的API,而且当时主要是为了给服务器获取下载地址。现在我既然可以用转换规则改响应头,那相应的我就可以加一个<code class="language-plaintext highlighter-rouge">Access-Control-Allow-Origin: *</code>了吧,那这样我也可以用前端去直接调用Iwara的API了吧,所以我简单写了一个<a href="/iwara.html">Iwara Downloader</a>,因为对JavaScript不是特别熟悉,而且Iwara的目录老是出问题,所以就懒得写Viewer了。现在只要把Iwara的地址粘到输入框里,比如<a href="https://ecchi.iwara.tv/videos/jemn7sgm7wuw0oqv9">OBSERVATION DIARY</a>,就可以获取到这个视频的下载地址。不过这个东西确实有点鸡肋了😂,毕竟Iwara又不是不给你下载地址。 </p><p>
|
||||
其实我写这个还有个想法就是做在国内下载的加速器,但是那个防盗链实在是整的让人难受,它的Hash目前来看好像是由文件名,Host,过期时间和访问者IP四个值算出来的(有没有更多的我也不清楚),我要是修改了这四个中的任意一项就会403,然而Iwara的域名又被DNS污染了,首先先解决这个问题吧,Cloudflare能代理除了它本身的其他不检查Host的网站,我想了想可以反代Google DNS的DoH,这样我就可以获取到下载地址的真实IP了(顺便dns.mayx.eu.org就相当于我的DoH了)。不过获取到了也没什么用😂,如果改hosts会发现有SNI RST,直接用IP访问防盗链会检查Host字段,我也想过要不然把下载的地址再反代一下?不过因为会检查Host,那个转换规则又不能改Host,所以没办法,就先写这么个东西吧。</p>
|
||||
<h1 id="感想">
|
||||
|
||||
|
||||
<a href="#感想"><svg class='octicon' viewBox='0 0 16 16' version='1.1' width='16' height='32' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg></a> 感想
|
||||
|
||||
|
||||
</h1>
|
||||
|
||||
<p>Cloudflare真是良心啊,其他就算是付费CDN可能都没有这么多功能吧,而且还抗打。不过限制还是比较多的,要是能像Nginx那样随意配置该多好啊😂,不过想想也不可能,真那样估计就被大规模滥用了。</p></main>
|
||||
|
||||
|
||||
<small style="display: block">tags: <a rel="category tag" class="p-category" href="/search.html?keyword=Cloudflare"><em>Cloudflare</em></a> - <a rel="category tag" class="p-category" href="/search.html?keyword=%E8%A7%84%E5%88%99"><em>规则</em></a> - <a rel="category tag" class="p-category" href="/search.html?keyword=%E5%8A%9F%E8%83%BD"><em>功能</em></a> <span style="float: right;"><a href="https://gitlab.com/mayx/mayx.gitlab.io/tree/master/_posts/2022-10-05-rules.md">查看原始文件</a></span></small>
|
||||
|
||||
|
||||
<h4 style="border-bottom: 1px solid #e5e5e5;margin: 2em 0 5px;">推荐文章</h4>
|
||||
<p id="suggest-container">Loading...</p>
|
||||
<script>
|
||||
var suggest = $("#suggest-container");
|
||||
$.get(BlogAPI + "/suggest?id=/2022/10/05/rules.html&update=" + lastUpdated.valueOf(), function (data) {
|
||||
if (data.length) {
|
||||
getSearchJSON(function (search) {
|
||||
suggest.empty();
|
||||
var searchMap = {};
|
||||
for (var i = 0; i < search.length; i++) {
|
||||
searchMap[search[i].url] = search[i];
|
||||
}
|
||||
|
||||
var tooltip = $('<div class="content-tooltip"></div>').appendTo('body').hide();
|
||||
for (var j = 0; j < data.length; j++) {
|
||||
var item = searchMap[data[j].id];
|
||||
if (item) {
|
||||
var link = $('<a href="' + item.url + '">' + item.title + '</a>');
|
||||
var contentPreview = item.content.substring(0, 100);
|
||||
if (item.content.length > 100) {
|
||||
contentPreview += "……";
|
||||
}
|
||||
link.hover(
|
||||
function(e) {
|
||||
tooltip.text($(this).data('content'))
|
||||
.css({
|
||||
top: e.pageY + 10,
|
||||
left: e.pageX + 10
|
||||
})
|
||||
.show();
|
||||
},
|
||||
function() {
|
||||
tooltip.hide();
|
||||
}
|
||||
).mousemove(function(e) {
|
||||
tooltip.css({
|
||||
top: e.pageY + 10,
|
||||
left: e.pageX + 10
|
||||
});
|
||||
}).data('content', contentPreview);
|
||||
|
||||
suggest.append(link);
|
||||
suggest.append(' - ' + item.date + '<br />');
|
||||
}
|
||||
}
|
||||
});
|
||||
} else {
|
||||
suggest.html("暂无推荐文章……");
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<br />
|
||||
<div class="pagination">
|
||||
|
||||
<span class="prev">
|
||||
<a href="/2022/09/21/cron.html">
|
||||
上一篇:使用Python制作可热载的定时调度器
|
||||
</a>
|
||||
</span>
|
||||
|
||||
<br />
|
||||
|
||||
<span class="next">
|
||||
<a href="/2022/10/08/tinyaes.html">
|
||||
下一篇:用Python写一个超简单的加密程序
|
||||
</a>
|
||||
</span>
|
||||
|
||||
</div>
|
||||
|
||||
<!--[if !IE]> -->
|
||||
<link rel="stylesheet" href="/assets/css/gitalk.css">
|
||||
<script src="/assets/js/gitalk.min.js"></script>
|
||||
|
||||
<div id="gitalk-container"></div>
|
||||
|
||||
<script>
|
||||
var gitalk = new Gitalk({
|
||||
clientID: '36557aec4c3cb04f7ac6',
|
||||
clientSecret: 'ac32993299751cb5a9ba81cf2b171cca65879cdb',
|
||||
repo: 'mabbs.github.io',
|
||||
owner: 'Mabbs',
|
||||
admin: ['Mabbs'],
|
||||
id: '/2022/10/05/rules', // Ensure uniqueness and length less than 50
|
||||
distractionFreeMode: false, // Facebook-like distraction free mode
|
||||
proxy: "https://cors-anywhere.mayx.eu.org/?https://github.com/login/oauth/access_token"
|
||||
})
|
||||
gitalk.render('gitalk-container')
|
||||
</script>
|
||||
<!-- <![endif]-->
|
||||
|
||||
</section>
|
||||
<!--[if !IE]> -->
|
||||
<div id="landlord" style="left:5px;bottom:0px;">
|
||||
<div class="message" style="opacity:0"></div>
|
||||
<canvas id="live2d" width="500" height="560" class="live2d"></canvas>
|
||||
<div class="live_talk_input_body">
|
||||
<form id="live_talk_input_form">
|
||||
<div class="live_talk_input_name_body" >
|
||||
<input type="checkbox" id="load_this" />
|
||||
<input type="hidden" id="post_id" value="/2022/10/05/rules.html" />
|
||||
<label for="load_this">
|
||||
<span style="font-size: 11px; color: #fff;"> 想问这篇文章</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="live_talk_input_text_body">
|
||||
<input name="talk" type="text" class="live_talk_talk white_input" id="AIuserText" autocomplete="off" placeholder="要和我聊什么呀?" />
|
||||
<button type="submit" class="live_talk_send_btn" id="talk_send">发送</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<input name="live_talk" id="live_talk" value="1" type="hidden" />
|
||||
<div class="live_ico_box" style="display:none;">
|
||||
<div class="live_ico_item type_info" id="showInfoBtn"></div>
|
||||
<div class="live_ico_item type_talk" id="showTalkBtn"></div>
|
||||
<div class="live_ico_item type_music" id="musicButton"></div>
|
||||
<div class="live_ico_item type_youdu" id="youduButton"></div>
|
||||
<div class="live_ico_item type_quit" id="hideButton"></div>
|
||||
<input name="live_statu_val" id="live_statu_val" value="0" type="hidden" />
|
||||
<audio src="" style="display:none;" id="live2d_bgm" data-bgm="0" preload="none"></audio>
|
||||
<input id="duType" value="douqilai" type="hidden" />
|
||||
</div>
|
||||
</div>
|
||||
<div id="open_live2d">召唤伊斯特瓦尔</div>
|
||||
<!-- <![endif]-->
|
||||
<footer>
|
||||
<p>
|
||||
<small>Made with ❤ by Mayx<br />Last updated at 2026-01-01 00:00:18<br /> 总字数:614622 - 文章数:178 - <a href="/atom.xml" >Atom</a> - <a href="/README.html" >About</a></small>
|
||||
</p>
|
||||
</footer>
|
||||
</div>
|
||||
<script src="/assets/js/scale.fix.js"></script>
|
||||
<!--[if !IE]> -->
|
||||
<script src="/assets/js/main_new.js"></script>
|
||||
<script src="/Live2dHistoire/live2d/js/live2d.js"></script>
|
||||
<script src="/Live2dHistoire/live2d/js/message.js"></script>
|
||||
<!-- <![endif]-->
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user