From dc37b705866a83ed004129824fcd77d8208e38ac Mon Sep 17 00:00:00 2001 From: mayx Date: Sat, 3 Aug 2024 17:33:00 +0000 Subject: [PATCH 001/209] Update file 2024-08-03-cangjie.md --- _posts/2024-08-03-cangjie.md | 58 ++++++++++++++++++++++++++++++++++++ 1 file changed, 58 insertions(+) create mode 100644 _posts/2024-08-03-cangjie.md diff --git a/_posts/2024-08-03-cangjie.md b/_posts/2024-08-03-cangjie.md new file mode 100644 index 0000000..efe7ffd --- /dev/null +++ b/_posts/2024-08-03-cangjie.md @@ -0,0 +1,58 @@ +--- +layout: post +title: 华为仓颉语言使用体验 +tags: [华为, 仓颉, 体验] +--- + + 看看“自研”的轮子有什么特别之处？ + +# 起因 + 前段时间因为华为对它的仓颉编程语言开启了公测（公开内测），随后媒体又吹了一波。虽然华为最近也整了好多乱七八糟的东西，但至少我没有亲眼见过。既然这个仓颉的编译器公测了我就申请试试看呗，反正编译器又不需要特定的设备或者系统运行。 + 申请之后过了几天就通过了，然后编译器的安装包就可以在GitCode上下载。目前看起来没有开源，可以在Windows x64，macOS和Linux的x64和aarch64上运行和编译，另外也支持它的那个鸿蒙Next系统，虽然我申请了那个插件也通过了，但是毕竟没有真机，而且那个IDE挺大的也就算有模拟器可以用也懒得试😂。 + +# 编写体验 + 首先我下了Windows版的编译器，安装好之后看了看文档，感觉语法倒是没什么复杂的，不过和Python差别还是挺大的，所以还是得看着文档写😂。看了一圈之后首先写个九九乘法表试试看： +```kotlin +main() { + for (i in 1..10) { + for (j in 1..i + 1) { + print("${j}*${i}=${i*j}\t") + } + println() + } +} +``` + 编译之后运行倒是没什么问题，随后再写个递归版的试试看： +```kotlin +func row(i: Int): Unit{ + if(i < 10){ + col(i, 1) + println() + row(i + 1) + } +} + +func col(i:Int, j:Int): Unit{ + if(i >= j){ + print("${j}*${i}=${i*j}\t") + col(i, j + 1) + } +} + +main() { + row(1) +} +``` + 运行也没有问题，那就试试看把编译的产物放别的电脑运行试试看？结果就不能运行了。似乎是依赖了“libcangjie-runtime”和“libsecurec”这两个库，即使是在编译选项里开了静态编译也没有用，因为SDK里没有这两个的静态库文件，而且也没有它们的源代码……像Golang都是静态编译没有什么乱七八糟的依赖的啊…… + 另外我在Github上搜了一下，“libsecurec”这个库是有源代码的，叫做[libboundscheck](https://github.com/openeuler-mirror/libboundscheck)，看名字是用来字符边界检查之类的库，似乎华为很多产品里都有用，在这个SDK里用的是[这个](https://github.com/openeuler-mirror/libboundscheck/tree/5701ca210dfb71037f3cb3340166d150917e8a4d)版本。 + 不过如果仓颉主要是给鸿蒙Next用的话，那个系统应该是预先有装仓颉的运行环境的，应该不静态编译也行。 + +# 对仓颉语言的看法 + 单从我上面写的这点代码看的话这语法比C都复杂😂，看了一下文档乱七八糟的概念还挺多，毕竟是融合了各种各样的语言，有Java的复杂，支持什么注解和反射之类的，还有TS的声明类型，变量还要指定变不变啥的，不过似乎没有关于异步的语法，可能是用线程弥补吧？其他近些年出的语言我没怎么接触过所以其他的不太清楚，不过让AI看了看我写的那段代码它说像Kotlin，然后讨论群里又说借鉴了50%的Rust🤣，确实融合的有点多。另外据说除了编译成机器码（CJNative）外还能编译成字节码（CJVM），不过CJVM在内测，不知道到时候会不会正式发布……除此之外也能调C和Python的库，似乎是用的FFI调用，可以不用单独开个进程然后去获得输出的值，效率应该还是挺高的。 + 但是要说这个语言有什么特别之处目前似乎也看不出来，不过毕竟仓颉语言算是给鸿蒙Next系统用的，学着iOS/macOS整Swift那样吧，但是在苹果系开发要想用苹果的框架，可能Swift是最好的选项。鸿蒙Next除了这个还整的什么ArkTS（那个可能算是小程序吧，毕竟那个没见过不知道底层是怎么运行的），至于鸿蒙Next能不能用其他语言开发目前也不知道（倒是能用NDK），要是能的话大家肯定是用现有已经开发好的改改然后移植到鸿蒙Next吧（前提是这些公司认为用鸿蒙Next的人使用他们的软件有足够的收益），如果不行从头开发成本就更高了，估计得劝退一大堆公司。毕竟鸿蒙Next没有历史，和Android以及iOS根本不能比，而且相比也没有解决什么痛点，另外其他手机厂商也不会考虑使用鸿蒙Next，只能像苹果一样搞成仅自家使用的系统。但是用户量根本和iPhone不能比，公司可不会听华为在网上的营销，毕竟公司是要实实在在赚钱的，靠营销只能忽悠普通人（但要是普通人买来发现除了国内大厂的软件其他软件全不能用估计也没人买了🤣）。 + 另外鸿蒙Next好像也会搞PC版，就像Mac那样。不过Mac是正经啥语言写的都能运行，而且相对还是挺开放的，到时候如果PC版的鸿蒙Next连终端个也没有，而且只能运行仓颉语言写的软件那怕是比其他Linux发行版还废了🤣。 + 不过如果用户侧如果搞不好的话说不定可以在服务器上用，毕竟服务器的话只在乎能不能写出这个软件，至于用什么语言写其实不重要，只要性能好就行，如果华为能整一批写仓颉的学生，还能把该整的库整好，也许会有公司考虑用，在做政府相关的项目说不定可以作为卖点🤣。 + +# 感想 + 虽然说华为整的这堆莫名其妙的东西也许没什么用，或者也可能会有些用，不过毕竟搞这些东西已经算是用公司的前景去赌未来了，虽然拿这些东西搞营销很恶心，但目前来看至少确实是有在也许没回报的东西上投真金白银的，还是挺厉害的。 + 但正因为它们营销搞太多了，到时候因为搞这些东西把公司玩死了我觉得也是大快人心的🤣🤣🤣。 \ No newline at end of file From 7a525073f93256f1bf4adf5c942b58431ac8b539 Mon Sep 17 00:00:00 2001 From: mayx Date: Sat, 17 Aug 2024 11:40:35 +0000 Subject: [PATCH 002/209] Update file 2024-08-17-mac-mini.md --- _posts/2024-08-17-mac-mini.md | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) create mode 100644 _posts/2024-08-17-mac-mini.md diff --git a/_posts/2024-08-17-mac-mini.md b/_posts/2024-08-17-mac-mini.md new file mode 100644 index 0000000..a806567 --- /dev/null +++ b/_posts/2024-08-17-mac-mini.md @@ -0,0 +1,23 @@ +--- +layout: post +title: Mac mini 2018使用体验 +tags: [Apple, Mac, 体验] +--- + + 买个快过时的产品是什么感受🤣 + +# 起因 + 最近由于某些原因需要一个装有macOS的电脑用来开发，虽然我自己[有MacBook Pro](/2023/02/03/mbp.html)，但是我不太想让我的电脑上装一堆乱七八糟的环境，而且我的Mac只有8GiB内存😅，也不适合整比较复杂的东西。那既然这样上次不是[整了个黑苹果](/2024/06/16/hackintosh.html)吗？但是考虑到黑苹果不太可靠，可能更新着系统就挂了，而且用APFS文件还不好拷出来。那既然买白苹果是不是还是买M芯片的Mac mini比较好？但是这次开发的程序原来是在Intel的Mac上开发的，虽然有Rosetta 2，但是怕出一些莫名其妙的问题，然后再考虑到以后可能要升macOS 15（macOS 16应该就不再支持Intel的Mac了），所以最后还是整了个二手的8+512的Mac mini 2018（i5-8500B版）。 + +# 更换内存 + 刚拿到手的时候是8GiB内存，显然有点小了，不过Mac mini 2018是支持自己更换内存的，所以又额外买了两条16GiB内存。东西都到了之后就打算直接拆开来换，结果发现我手头没有T6H的螺丝刀🤣。我之前有买过一个很便宜的25合1的螺丝刀套装，里面包含梅花螺丝批头，但是没想到这个Mac mini上的螺丝上面有个柱子，普通的T6螺丝刀根本插不进去。没办法只好单独买了这个螺丝刀……在拿到螺丝刀之前，我觉得还是得看看教程，所以网上搜了个[iFixit的教程](https://zh.ifixit.com/Guide/Mac+mini+Late+2018+%E7%89%88%E5%86%85%E5%AD%98%E6%9B%B4%E6%8D%A2/115309)，看了一下还好只有外壳的螺丝是带柱子的，不然又得买😂。 + 最后东西到齐之后按照上面的教程把内存换了，这下就成了32+512的Mac mini了，也算够用了。 + +# 使用体验 + 作为最后一代Intel的Mac，这个Mac mini其实和黑苹果的区别也就是T2芯片了。但要说这个T2芯片到底在使用体验上有啥区别，目前来看只能说几乎没有……当然不是完全没有，因为装有T2芯片以及之后的M芯片的Mac硬盘默认都是加了密的，所以在开启文件保险箱的时候瞬间就能打开，不需要额外的加密过程。黑苹果虽然也支持文件保险箱，似乎是装“AppleKeyFeeder-64.efi”这个驱动就可以，先不说这个东西会不会出问题，至少它在加解密的过程中需要占用CPU，在这个Mac上它的加解密都是在这个T2芯片上进行的，所以不会影响CPU性能，其实这要比Windows的Bitlocker要好一些，现在预装Windows的电脑基本上默认就开了Bitlocker，但使用肯定是要用CPU进行加解密的，多多少少会影响一点性能，在这个Mac上就不会有问题了。 + 除此之外就是无线网络了，我装的黑苹果是在台式机上装的，没有无线网卡，当然隔空投送也用不了。白苹果就可以，而且很快，我试了一下从我的MacBook传到Mac Mini速度最高可以达到400Mbps，当然和现在的Wi-Fi相比不算很快，但是在我用的设备里面已经算快的了 ~~（用的全是垃圾🤣）~~ + 另外我还听说T2芯片在视频编解码上有额外的优势，不过这个我没法测，毕竟买它又不是为了剪辑的，至于看视频基本上只要支持硬件解码，看4K视频都不会有压力，反正我试了我的黑苹果看4K也没有卡。 + 其他部分和黑苹果几乎没什么区别，毕竟都是Intel的芯片，黑苹果不能干的白苹果一样也不能干，没有因为多出来一个T2芯片就多出来运行ARM程序的能力，至于装Windows……当然两边都能装，白苹果有启动转换，黑苹果本来就能直接装。接下来的话就只能希望苹果在下一个macOS版本更新中淘汰掉没有T2芯片的Intel的Mac，这样黑苹果就彻底完蛋了，而这个有T2芯片的就能发挥它最后的价值了，只不过目前来看黑苹果在macOS 15的Beta版仍然可以装，看来是没什么希望了🤣。 + +# 感想 + 这么看来买这个Mac mini 2018似乎意义不大啊，不过毕竟要长期用，为了可靠性多花点钱也没什么问题，不过这个二手的Mac mini 2018居然比M1的Mac Mini还要贵😂，明明性能要更差啊……不过考虑到M芯片的加内存那么贵，而且这个Intel芯片的以后就算不用macOS还能装Windows，也许就是这个原因所以更贵吧？ \ No newline at end of file From 46f1b8d742726e126cae8f9b4e3004af07014d5e Mon Sep 17 00:00:00 2001 From: mayx Date: Mon, 2 Sep 2024 09:40:45 +0000 Subject: [PATCH 003/209] Update file 2024-09-02-gmssl.md --- _posts/2024-09-02-gmssl.md | 81 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 81 insertions(+) create mode 100644 _posts/2024-09-02-gmssl.md diff --git a/_posts/2024-09-02-gmssl.md b/_posts/2024-09-02-gmssl.md new file mode 100644 index 0000000..676e1d3 --- /dev/null +++ b/_posts/2024-09-02-gmssl.md @@ -0,0 +1,81 @@ +--- +layout: post +title: Python国密算法使用探索 +tags: [Python, GmSSL, 国密] +--- + + 使用罕见的算法是什么感受😁 + +# 起因 + 前段时间因为某些原因需要对某些东西进行密评改造，需要使用国密算法。虽然国密算法也算进入标准了，但是网上能搜到的资料还是太少了（尤其是Python的，大多资料都是Java的），所以我打算自己研究研究。 + +# 关于Python使用国密算法的方式 + 其实在新版OpenSSL中已经支持了国密算法，比如SM3还有SM4，不过[pyOpenSSL](https://github.com/pyca/pyopenssl)似乎只有对非对称加密算法的支持……我倒是不在乎，因为在我实际应用里加解密都是服务器密码机处理的，我自己连密钥也看不到，所以不需要管怎么实现。但是签名验签还有摘要算法之类的理论上应该是可以自己实现的，毕竟算法是公开的。 + 关于摘要算法SM3我搜了一下，似乎因为它已经进入标准了，至少在新版的Python中可以用`hashlib.new("sm3")`这样的方式进行计算，但是旧版的Python用不了……所以如果要在旧版Python上处理还得自己想办法。 + 既然标准库不太能满足，那第三方库选哪个比较好呢？我看用的比较多的一个是封装C库[GmSSL](https://github.com/guanzhi/GmSSL)的[GmSSL-Python](https://github.com/GmSSL/GmSSL-Python)，想要安装得先安装那个C库；还有一个是纯Python实现的[gmssl](https://github.com/duanhongyi/gmssl)。对我来说的话我更喜欢后面那个纯python实现的，虽然效率低了点，但是看起来比较简单（虽然看起来不是很专业🤣），那个C库包装的感觉有点复杂……而且这两个库有冲突，所以最终我选择了那个纯Python实现的版本。 + +# 使用SM2withSM3进行验签 + 在一些挑战应答方式的登录方式中就需要用到这种东西，服务器发送一个随机数让客户端用私钥签名，然后服务器用公钥进行验签。我看了一下那个库的“gmssl.sm2.CryptSM2”中有个verify_with_sm3方法挺符合需求的，但有个问题是它这个CryptSM2传入的公钥是串数字，但客户端传来的是证书……看来还得解析证书，我看pyOpenSSL库里有加载证书还有导出公钥的方法，但是那个导出的公钥也不是一串数字……后来看了半天，发现导出的公钥的倒数130位才是公钥😅……最终把所有的值带进去试了一下终于没问题了，最终的代码如下： +```python +import OpenSSL.crypto +from gmssl import sm2 +import base64 + +certSign = "" # 证书 +signBytes = b"" # 签名 +inData = b"" # 被签名的值 + +sm2.CryptSM2( + private_key="", + public_key=OpenSSL.crypto.dump_publickey( + OpenSSL.crypto.FILETYPE_ASN1, + OpenSSL.crypto.load_certificate( + OpenSSL.crypto.FILETYPE_PEM, + f"""-----BEGIN CERTIFICATE----- +{certSign} +-----END CERTIFICATE-----""".encode(), + ).get_pubkey(), + ).hex()[-128:], + asn1=True, +).verify_with_sm3(signBytes.hex(), inData) +``` + +# 使用HMAC-SM3对数据进行消息验证 + 这个其实新版的Python可以直接用，因为新版Python的hashlib里有SM3，所以一句 +```python +hmac.new(key, data, digestmod="sm3").hexdigest() +``` + 就可以了，但是我用的是旧版的Python（macOS自带的3.9.6🤣）不支持……那怎么办呢？我看了一下这个函数的注释写的“digestmod”这个参数除了传hashlib支持的方法之外还可以传符合[PEP 247](https://peps.python.org/pep-0247/)的模块。显然无论是GmSSL-Python还是gmssl都没有符合这个规范。不过我可以自己写个适配器来适配这个规范。所以最终只好自己写一下了： +```python +import copy +import hmac +from gmssl import sm3 + +class sm3_adapter: + def __init__(self): + self.msg = [] + self.digest_size = 32 + self.block_size = 64 + + def new(self): + self.msg = [] + + def update(self, data): + self.msg += list(data) + + def copy(self): + return copy.deepcopy(self) + + def digest(self): + return bytes.fromhex(self.hexdigest()) + + def hexdigest(self): + return sm3.sm3_hash(self.msg) + +key = b"" # 密钥 +data = b"" # 数据 +hmac.new(key, data, digestmod=sm3_adapter).hexdigest() +``` + +# 感想 + 这么看来使用国密算法加密倒是也没很复杂，但是和国际标准相比也没什么优势。虽然有些地方强制使用那确实没啥办法，但是想要普及肯定是不用想了，另外我自己的东西肯定是不敢用国密，虽然进了标准而且也开放了算法，但是很难说会不会像Dual_EC_DRBG算法那样偷偷插了后门 ~~（虽然我觉得他们应该没这个实力🤣）~~ ，但国际算法有后门我不怕，国内算法有后门那就吓人了🤣。 \ No newline at end of file From 593b4fa00360a30fd50afe2bed68df51d623a9c3 Mon Sep 17 00:00:00 2001 From: mayx Date: Thu, 26 Sep 2024 10:15:00 +0000 Subject: [PATCH 004/209] Update main.js --- js/main.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/js/main.js b/js/main.js index 0377ea1..5684316 100644 --- a/js/main.js +++ b/js/main.js @@ -53,4 +53,4 @@ if (daysold > 90) { } var message_Path = '/Live2dHistoire/live2d/'; -var talkAPI = "https://turing-api.mayx.eu.org/"; +var talkAPI = "https://summary.mayx.workers.dev/ai_chat"; From 50c6c49c4c9e71eb9b4ddf22dd59233c9731e8aa Mon Sep 17 00:00:00 2001 From: mayx Date: Fri, 27 Sep 2024 03:24:54 +0000 Subject: [PATCH 005/209] Update 2 files - /_posts/2024-09-27-rag.md - /_posts/2024-07-03-ai-summary.md --- _posts/2024-07-03-ai-summary.md | 2 +- _posts/2024-09-27-rag.md | 335 ++++++++++++++++++++++++++++++++ 2 files changed, 336 insertions(+), 1 deletion(-) create mode 100644 _posts/2024-09-27-rag.md diff --git a/_posts/2024-07-03-ai-summary.md b/_posts/2024-07-03-ai-summary.md index c44a41c..62b85dd 100644 --- a/_posts/2024-07-03-ai-summary.md +++ b/_posts/2024-07-03-ai-summary.md @@ -288,7 +288,7 @@ export default { 不过毕竟Workers本身是有每日调用次数限制的，自己部署当然更好。方法也很简单，首先在D1里创建一个数据库，然后创建一个Workers，在变量里绑定AI和新建的D1数据库，名字要起成blog_summary，如果想换名字就要改代码，里面建一张叫做blog_summary的表，需要有3个字段，分别是id、content、summary，都是text类型，如果想用博客计数器功能就再加一张counter表，一个是url，text类型，另一个是counter，int类型。本来博客计数器接口名字也打算用counter的，结果不知道AdBlock有什么大病，居然会屏蔽“counter?id=”这样的请求😆，害的我只能改成count_click这样的名字了。 # 其他想法 - 加了这个功能之后感觉效果还挺不错的，这下就有点想加点别的功能了，比如文章推荐和知识库问答啥的，不过这个似乎需要什么向量数据库，而且数据需要进行“嵌入”处理，这用现有的东西感觉难度实在是太高了所以就算了……另外还想用文生图模型给我的文章加个头图，不过我天天写的都是些技术文章，没啥图可加吧🤣。其他的之后再看看有什么有意思的功能再加吧。 + 加了这个功能之后感觉效果还挺不错的，这下就有点想加点别的功能了，比如文章推荐和知识库问答啥的， ~~不过这个似乎需要什么向量数据库，而且数据需要进行“嵌入”处理，这用现有的东西感觉难度实在是太高了所以就算了……~~ （在2024.09.27中[已经实现了](/2024/09/27/rag.html)） 另外还想用文生图模型给我的文章加个头图，不过我天天写的都是些技术文章，没啥图可加吧🤣。其他的之后再看看有什么有意思的功能再加吧。 # 感想 Cloudflare真不愧是赛博活佛，这波操作下来不就省下了那笔生成费用？啥都是免费的，不过问题就是Cloudflare在这方面几乎是垄断地位，虽然国际大厂倒是不担心倒闭，不过万一挂了想再找个这样厉害的平台可就没了😆。 \ No newline at end of file diff --git a/_posts/2024-09-27-rag.md b/_posts/2024-09-27-rag.md new file mode 100644 index 0000000..6d3830c --- /dev/null +++ b/_posts/2024-09-27-rag.md @@ -0,0 +1,335 @@ +--- +layout: post +title: 用CF Vectorize把博客作为聊天AI的知识库 +tags: [Cloudflare, Workers, AI, RAG, Vectorize] +--- + + 有了Cloudflare之后，什么都免费了！ + +# 起因 + 前段时间我用[Cloudflare Workers给博客加了AI摘要](/2024/07/03/ai-summary.html)，那时候其实就想做个带RAG功能的聊天机器人，不过这个操作需要嵌入模型和向量数据库。那时候Cloudflare倒是有这些东西，但是向量数据库Vectorize还没有免费，不过我仔细看了文档，他们保证过段时间一定会免费的。直到前两天我打开Cloudflare之后发现真的免费了！有了向量数据库之后我就可以让博客的机器人（在电脑端可以在左下角和[伊斯特瓦尔](/Live2dHistoire/)对话）获取到我博客的内容了。 + +# 学习RAG + RAG的原理还是挺简单的，简单来说就是在不用让LLM读取完整的数据库，但是能通过某种手段让它获取到和问题相关性最高的内容然后进行参考生成，至于这个“某种手段”一般有两种方式，一种是比较传统的分词+词频统计查询，这种其实我不会🤣，没看到Cloudflare能用的比较好的实现方式，另外这种方式的缺陷是必须包含关键词，如果没有关键词就查不出来，所以这次就不采用这种方法了。另一种就是使用嵌入模型+向量数据库了，这个具体实现我不太清楚，不过原理似乎是把各种词放在一个多维空间中，然后意思相近的词在训练嵌入模型的时候它们的距离就会比较近，当使用这个嵌入模型处理文章的时候它就会综合训练数据把内容放在一个合适的位置，这样传入的问题就可以用余弦相似度之类的算法来查询问题和哪个文章的向量最相近。至于这个查询就需要向量数据库来处理了。 + 原理还是挺简单的，实现因为有相应的模型，也不需要考虑它们的具体实现，所以也很简单，所以接下来就来试试看吧！ + +# 用Cloudflare Workers实现 + 在动手之前，先看看Cloudflare官方给的[教程](https://developers.cloudflare.com/workers-ai/tutorials/build-a-retrieval-augmented-generation-ai)吧，其实看起来还是挺简单的（毕竟官方推荐难度是初学者水平😆）。不过有个很严重的问题，官方创建向量数据库要用它那个命令行操作，我又不是JS开发者，一点也不想用它那个程序，但是它在dashboard上也没有创建的按钮啊……那怎么办呢？还好[文档](https://developers.cloudflare.com/vectorize/best-practices/create-indexes/)中说了可以用HTTP API进行操作。另外还有一个问题，它的API要创建一个令牌才能用，我也不想创建令牌，怎么办呢？还好可以直接用dashboard中抓的包当作令牌来用，这样第一步创建就完成了。 + 接下来要和Worker进行绑定，还好这一步可以直接在面板操作，没有什么莫名其妙的配置文件来恶心我😂，配置好之后就可以开始写代码了。 + 首先确定一下流程，当我写完文章之后会用AI摘要获取文章内容，这时候就可以进行用嵌入模型向量化然后存数据库了。我本来想用文章内容进行向量化的，但是我发现Cloudflare给的只有智源的英文嵌入模型😅（不知道以后会不会加中文的嵌入模型……），而且不是Beta版会消耗免费额度，但也没的选了。既然根据上文来看嵌入模型是涉及词义的，中文肯定不能拿给英文的嵌入模型用，那怎么办呢？还好Cloudflare的模型多，有个Meta的翻译模型可以用，我可以把中文先翻译成英文然后再进行向量化，这样不就能比较准确了嘛。但是这样速度会慢不少，所以我想了一下干脆用摘要内容翻译再向量化吧，反正摘要也基本包含我文章的内容了，给AI也够用了，这样速度应该能快不少。当然这样的话问题也得先翻译向量化再查询了。 + 那么接下来就写代码吧（直接拿上次AI摘要的代码改的）： +```javascript +async function sha(str) { + const encoder = new TextEncoder(); + const data = encoder.encode(str); + const hashBuffer = await crypto.subtle.digest("SHA-256", data); + const hashArray = Array.from(new Uint8Array(hashBuffer)); // convert buffer to byte array + const hashHex = hashArray + .map((b) => b.toString(16).padStart(2, "0")) + .join(""); // convert bytes to hex string + return hashHex; +} +async function md5(str) { + const encoder = new TextEncoder(); + const data = encoder.encode(str); + const hashBuffer = await crypto.subtle.digest("MD5", data); + const hashArray = Array.from(new Uint8Array(hashBuffer)); // convert buffer to byte array + const hashHex = hashArray + .map((b) => b.toString(16).padStart(2, "0")) + .join(""); // convert bytes to hex string + return hashHex; +} + +export default { + async fetch(request, env, ctx) { + const db = env.blog_summary; + const url = new URL(request.url); + const query = decodeURIComponent(url.searchParams.get('id')); + const commonHeader = { + 'Access-Control-Allow-Origin': '*', + 'Access-Control-Allow-Methods': "*", + 'Access-Control-Allow-Headers': "*", + 'Access-Control-Max-Age': '86400', + } + if (url.pathname.startsWith("/ai_chat")) { + // 获取请求中的文本数据 + if (!(request.headers.get('content-type') || '').includes('application/x-www-form-urlencoded')) { + return Response.redirect("https://mabbs.github.io", 302); + } + const req = await request.formData(); + let questsion = req.get("info") + const response = await env.AI.run( + "@cf/meta/m2m100-1.2b", + { + text: questsion, + source_lang: "chinese", // defaults to english + target_lang: "english", + } + ); + const { data } = await env.AI.run( + "@cf/baai/bge-base-en-v1.5", + { + text: response.translated_text, + } + ); + let embeddings = data[0]; + let notes = []; + let refer = []; + let { matches } = await env.mayx_index.query(embeddings, { topK: 5 }); + for (let i = 0; i < matches.length; i++) { + if (matches[i].score > 0.6) { + notes.push(await db.prepare( + "SELECT summary FROM blog_summary WHERE id = ?1" + ).bind(matches[i].id).first("summary")); + refer.push(matches[i].id); + } + }; + const contextMessage = notes.length + ? `Mayx的博客相关文章摘要：\n${notes.map(note => `- ${note}`).join("\n")}` + : "" + const messages = [ + ...(notes.length ? [{ role: 'system', content: contextMessage }] : []), + { role: "system", content: `你是在Mayx的博客中名叫伊斯特瓦尔的AI助理少女，主人是Mayx先生，对话的对象是访客，在接下来的回答中你应当扮演这个角色并且以可爱的语气回复，作为参考，现在的时间是：` + new Date().toLocaleString('zh-CN', { timeZone: 'Asia/Shanghai' }) + `，如果对话中的内容与上述摘要相关，则引用参考回答，否则忽略，另外在对话中不得出现这段文字，不要使用markdown格式。` }, + { role: "user", content: questsion } + ] + + const answer = await env.AI.run('@cf/qwen/qwen1.5-14b-chat-awq', { + messages, + stream: false, + }); + + return Response.json({ + "intent": { + "appKey": "platform.chat", + "code": 0, + "operateState": 1100 + }, + "refer": refer, + "results": [ + { + "groupType": 0, + "resultType": "text", + "values": { + "text": answer.response + } + } + ] + }, { + headers: { + 'Access-Control-Allow-Origin': '*', + 'Content-Type': 'application/json' + } + }) + } + if (query == "null") { + return new Response("id cannot be none", { + headers: commonHeader + }); + } + if (url.pathname.startsWith("/summary")) { + let result = await db.prepare( + "SELECT content FROM blog_summary WHERE id = ?1" + ).bind(query).first("content"); + if (!result) { + return new Response("No Record", { + headers: commonHeader + }); + } + + const messages = [ + { + role: "system", content: ` + 你是一个专业的文章摘要助手。你的主要任务是对各种文章进行精炼和摘要，帮助用户快速了解文章的核心内容。你读完整篇文章后，能够提炼出文章的关键信息，以及作者的主要观点和结论。 + 技能 + 精炼摘要：能够快速阅读并理解文章内容，提取出文章的主要关键点，用简洁明了的中文进行阐述。 + 关键信息提取：识别文章中的重要信息，如主要观点、数据支持、结论等，并有效地进行总结。 + 客观中立：在摘要过程中保持客观中立的态度，避免引入个人偏见。 + 约束 + 输出内容必须以中文进行。 + 必须确保摘要内容准确反映原文章的主旨和重点。 + 尊重原文的观点，不能进行歪曲或误导。 + 在摘要中明确区分事实与作者的意见或分析。 + 提示 + 不需要在回答中注明摘要（不需要使用冒号），只需要输出内容。 + 格式 + 你的回答格式应该如下： + 这篇文章介绍了<这里是内容> + ` }, + { role: "user", content: result.substring(0, 5000) } + ] + + const stream = await env.AI.run('@cf/qwen/qwen1.5-14b-chat-awq', { + messages, + stream: true, + }); + + return new Response(stream, { + headers: { + "content-type": "text/event-stream; charset=utf-8", + 'Access-Control-Allow-Origin': '*', + 'Access-Control-Allow-Methods': "*", + 'Access-Control-Allow-Headers': "*", + 'Access-Control-Max-Age': '86400', + } + }); + } else if (url.pathname.startsWith("/get_summary")) { + const orig_sha = decodeURIComponent(url.searchParams.get('sign')); + let result = await db.prepare( + "SELECT content FROM blog_summary WHERE id = ?1" + ).bind(query).first("content"); + if (!result) { + return new Response("no", { + headers: commonHeader + }); + } + let result_sha = await sha(result); + if (result_sha != orig_sha) { + return new Response("no", { + headers: commonHeader + }); + } else { + let resp = await db.prepare( + "SELECT summary FROM blog_summary WHERE id = ?1" + ).bind(query).first("summary"); + if (!resp) { + const messages = [ + { + role: "system", content: ` + 你是一个专业的文章摘要助手。你的主要任务是对各种文章进行精炼和摘要，帮助用户快速了解文章的核心内容。你读完整篇文章后，能够提炼出文章的关键信息，以及作者的主要观点和结论。 + 技能 + 精炼摘要：能够快速阅读并理解文章内容，提取出文章的主要关键点，用简洁明了的中文进行阐述。 + 关键信息提取：识别文章中的重要信息，如主要观点、数据支持、结论等，并有效地进行总结。 + 客观中立：在摘要过程中保持客观中立的态度，避免引入个人偏见。 + 约束 + 输出内容必须以中文进行。 + 必须确保摘要内容准确反映原文章的主旨和重点。 + 尊重原文的观点，不能进行歪曲或误导。 + 在摘要中明确区分事实与作者的意见或分析。 + 提示 + 不需要在回答中注明摘要（不需要使用冒号），只需要输出内容。 + 格式 + 你的回答格式应该如下： + 这篇文章介绍了<这里是内容> + ` }, + { role: "user", content: result.substring(0, 5000) } + ] + + const answer = await env.AI.run('@cf/qwen/qwen1.5-14b-chat-awq', { + messages, + stream: false, + }); + resp = answer.response + await db.prepare("UPDATE blog_summary SET summary = ?1 WHERE id = ?2") + .bind(resp, query).run(); + } + let is_vec = await db.prepare( + "SELECT `is_vec` FROM blog_summary WHERE id = ?1" + ).bind(query).first("is_vec"); + if (is_vec == 0) { + const response = await env.AI.run( + "@cf/meta/m2m100-1.2b", + { + text: resp, + source_lang: "chinese", // defaults to english + target_lang: "english", + } + ); + const { data } = await env.AI.run( + "@cf/baai/bge-base-en-v1.5", + { + text: response.translated_text, + } + ); + let embeddings = data[0]; + await env.mayx_index.upsert([{ + id: query, + values: embeddings + }]); + await db.prepare("UPDATE blog_summary SET is_vec = 1 WHERE id = ?1") + .bind(query).run(); + } + return new Response(resp, { + headers: commonHeader + }); + } + } else if (url.pathname.startsWith("/is_uploaded")) { + const orig_sha = decodeURIComponent(url.searchParams.get('sign')); + let result = await db.prepare( + "SELECT content FROM blog_summary WHERE id = ?1" + ).bind(query).first("content"); + if (!result) { + return new Response("no", { + headers: commonHeader + }); + } + let result_sha = await sha(result); + if (result_sha != orig_sha) { + return new Response("no", { + headers: commonHeader + }); + } else { + return new Response("yes", { + headers: commonHeader + }); + } + } else if (url.pathname.startsWith("/upload_blog")) { + if (request.method == "POST") { + const data = await request.text(); + let result = await db.prepare( + "SELECT content FROM blog_summary WHERE id = ?1" + ).bind(query).first("content"); + if (!result) { + await db.prepare("INSERT INTO blog_summary(id, content) VALUES (?1, ?2)") + .bind(query, data).run(); + result = await db.prepare( + "SELECT content FROM blog_summary WHERE id = ?1" + ).bind(query).first("content"); + } + if (result != data) { + await db.prepare("UPDATE blog_summary SET content = ?1, summary = NULL, is_vec = 0 WHERE id = ?2") + .bind(data, query).run(); + } + return new Response("OK", { + headers: commonHeader + }); + } else { + return new Response("need post", { + headers: commonHeader + }); + } + } else if (url.pathname.startsWith("/count_click")) { + let id_md5 = await md5(query); + let count = await db.prepare("SELECT `counter` FROM `counter` WHERE `url` = ?1") + .bind(id_md5).first("counter"); + if (url.pathname.startsWith("/count_click_add")) { + if (!count) { + await db.prepare("INSERT INTO `counter` (`url`, `counter`) VALUES (?1, 1)") + .bind(id_md5).run(); + count = 1; + } else { + count += 1; + await db.prepare("UPDATE `counter` SET `counter` = ?1 WHERE `url` = ?2") + .bind(count, id_md5).run(); + } + } + if (!count) { + count = 0; + } + return new Response(count, { + headers: commonHeader + }); + } else { + return Response.redirect("https://mabbs.github.io", 302) + } + } +} +``` + +# 使用方法 + 为了避免重复生成向量（主要是不知道它这个数据库怎么根据id进行查询），所以在D1数据库里新加了一个数字类型的字段“is_vec”，另外就是创建向量数据库，创建方法看官方文档吧，如果不想用那个命令行工具可以看[API文档](https://developers.cloudflare.com/api/operations/vectorize-create-vectorize-index)。因为那个嵌入模型生成的维度是768，所以创建这个数据库的时候维度也是768。度量算法反正推荐的是cosine，其他的没试过不知道效果怎么样。最终如果想用我的代码，需要在Worker的设置页面中把绑定的向量数据库变量设置成“mayx_index”，如果想用其他的可以自己修改代码。 + +# 其他想法 + 其实我也想加推荐文章和智能搜索的，但就是因为没有中文嵌入模型要翻译太费时间😅，所以就算啦，至于其他的功能回头看看还有什么AI可以干的有趣功能吧。 + +# 感想 + Cloudflare实在是太强了，什么都能免费，这个RAG功能其他家都是拿出去卖的，他们居然免费！唯一可惜的就是仅此一家，免费中的垄断地位了，希望Cloudflare能不忘初心，不要倒闭或者变质了🤣。 \ No newline at end of file From 550321e80acceb1d4b0bc442964014f80e1d88d3 Mon Sep 17 00:00:00 2001 From: mayx Date: Sun, 29 Sep 2024 15:20:22 +0000 Subject: [PATCH 006/209] Update 2 files - /_layouts/default.html - /search.html --- _layouts/default.html | 12 ++++++++++++ search.html | 2 +- 2 files changed, 13 insertions(+), 1 deletion(-) diff --git a/_layouts/default.html b/_layouts/default.html index ab90993..ff80871 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -27,6 +27,18 @@ gtag('config', '{{ site.google_analytics }}'); var lastUpdated = new Date("{{ site.time | date: "%FT%T%z" }}"); + function getSearchJSON(callback) { + var searchData = JSON.parse(localStorage.getItem(lastUpdated)); + if (!searchData) { + localStorage.clear(); + $.getJSON("search.json", function (data) { + localStorage.setItem(lastUpdated, JSON.stringify(data)); + callback(data); + }); + } else { + callback(searchData); + } + } {% endif %}
{% include anchor_headings.html html=content beforeHeading=true anchorBody="" %} {% endif %} {% if page.tags %} tags: {% for tag in page.tags %}{{ tag }}{% unless forloop.last %} - {% endunless %}{% endfor %} 查看原始文件 @@ -132,31 +132,16 @@ $.get(BlogAPI + "/suggest?id=" + blogurl + "&update=" + lastUpdated.valueOf(), f
\ No newline at end of file diff --git a/js/main.js b/js/main.js index 72c46a0..f4b2a99 100644 --- a/js/main.js +++ b/js/main.js @@ -42,16 +42,8 @@ $(function () { }); $(function() { - function getQueryVariable(variable){ - var query = window.location.search.substring(1); - var vars = query.split("&"); - for (var i=0;i + # 其他平台博客（备用） -- -- -- -- -- -- -- -- +{% for item in site.data.proxylist.others %}- <{{ item.url }}> +{% endfor %} From f455ccfdd7605473e7e77f7923ca950b5a3b6e9d Mon Sep 17 00:00:00 2001 From: mayx Date: Sat, 5 Apr 2025 11:02:44 +0000 Subject: [PATCH 054/209] =?UTF-8?q?=E7=BC=96=E8=BE=91proxylist.md?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- proxylist.md | 11 ++++------- 1 file changed, 4 insertions(+), 7 deletions(-) diff --git a/proxylist.md b/proxylist.md index c524437..8bd83a8 100644 --- a/proxylist.md +++ b/proxylist.md @@ -10,15 +10,15 @@ title: 代理列表 # 代理列表 考虑到中国对于Github Pages在很多地区都有一定程度的解析异常，所以我为我的博客做了很多反向代理。以下代理站均为官方授权： （根据可能的可用性排序） -{% for item in site.data.proxylist.proxies %}- <{{ item.url }}> +{% for item in site.data.proxylist.proxies %}- <{{ item }}> {% endfor %} # 镜像列表 由于[Github已经不再可信](/2022/01/04/banned.html)，所以现在提供以下镜像站： -{% for item in site.data.proxylist.mirrors %}- <{{ item.url }}> +{% for item in site.data.proxylist.mirrors %}- <{{ item }}> {% endfor %} -# 网站结构 +# 服务架构 ```mermaid graph LR; GH@{ shape: bow-rect, label: "GitHub" } @@ -34,7 +34,6 @@ graph LR; Netlify@{ shape: docs, label: "Netlify" } SH@{ shape: docs, label: "statichost.eu" } DA@{ shape: docs, label: "dAppling" } - EOP@{ shape: docs, label: "EdgeOne Pages" } CFW@{ shape: curv-trap, label: "CloudFlare Workers" } Deno@{ shape: curv-trap, label: "Deno" } Glitch@{ shape: curv-trap, label: "Glitch" } @@ -54,7 +53,6 @@ graph LR; DA Vercel Netlify - EOP end subgraph Proxies @@ -73,7 +71,6 @@ graph LR; GH -- Sync --> GE GH --> GHP & SH & FELH & DA & Netlify GL --> CFP & Vercel & GLP - GE --> EOP CFW --> GHP Deno --> GHP @@ -93,5 +90,5 @@ graph LR; # 其他平台博客（备用） -{% for item in site.data.proxylist.others %}- <{{ item.url }}> +{% for item in site.data.proxylist.others %}- <{{ item }}> {% endfor %} From 2f6eadd14f1b378f1a7ebdb348d8fa78c87a3e86 Mon Sep 17 00:00:00 2001 From: mayx Date: Sat, 5 Apr 2025 12:49:05 +0000 Subject: [PATCH 055/209] Update 3 files - /proxylist.md - /README.md - /_data/proxylist.yml --- README.md | 1 + _data/proxylist.yml | 1 + proxylist.md | 32 +++++++++++++++++++++++--------- 3 files changed, 25 insertions(+), 9 deletions(-) diff --git a/README.md b/README.md index f4c19f6..42d7c10 100644 --- a/README.md +++ b/README.md @@ -28,6 +28,7 @@ Powered by [Jekyll](https://github.com/jekyll/jekyll) [网易云音乐](https://music.163.com/) [CDNJS](https://cdnjs.com/) +[jsDelivr](https://www.jsdelivr.com/) ## 版权声明 未经作者同意，请勿转载 diff --git a/_data/proxylist.yml b/_data/proxylist.yml index c08cc86..3200106 100644 --- a/_data/proxylist.yml +++ b/_data/proxylist.yml @@ -13,6 +13,7 @@ mirrors: - https://mayx.4everland.app/ - https://mayx.dappling.network/ - https://mayx-blog.statichost.eu/ +- https://mayx-blog-pm8qmrzj.edgeone.app/ others: - https://unmayx.blogspot.com/ - https://unmayx.blog.fc2blog.us/ diff --git a/proxylist.md b/proxylist.md index 8bd83a8..f004cc0 100644 --- a/proxylist.md +++ b/proxylist.md @@ -21,6 +21,7 @@ title: 代理列表 # 服务架构 ```mermaid graph LR; + Users@{ shape: stadium, label: "Users" } GH@{ shape: bow-rect, label: "GitHub" } GL@{ shape: bow-rect, label: "GitLab" } GE@{ shape: bow-rect, label: "Gitee" } @@ -34,7 +35,10 @@ graph LR; Netlify@{ shape: docs, label: "Netlify" } SH@{ shape: docs, label: "statichost.eu" } DA@{ shape: docs, label: "dAppling" } - CFW@{ shape: curv-trap, label: "CloudFlare Workers" } + EOP@{ shape: docs, label: "EdgeOne Pages" } + CFW@{ label: "CloudFlare Workers" } + CFAI@{ shape: procs, label: "CloudFlare AI" } + CFD@{ shape: lin-cyl, label: "CloudFlare D1" } Deno@{ shape: curv-trap, label: "Deno" } Glitch@{ shape: curv-trap, label: "Glitch" } Other@{ shape: curv-trap, label: "Other..." } @@ -53,10 +57,16 @@ graph LR; DA Vercel Netlify + EOP + end + + subgraph API[API Service] + CFAI + CFD + CFW end subgraph Proxies - CFW Deno Glitch Other @@ -69,14 +79,18 @@ graph LR; GH <--Sync--> GL GH -- Sync --> GE - GH --> GHP & SH & FELH & DA & Netlify + GH -- Deploy --> GHP & SH & FELH & DA & Netlify GL --> CFP & Vercel & GLP - - CFW --> GHP - Deno --> GHP - Glitch --> GHP - Other --> GHP - + CFW -- Reverse Proxy --> GHP + Deno -- Reverse Proxy --> GHP + Glitch -- Reverse Proxy --> GHP + Other -- Reverse Proxy --> GHP + CFD <--> CFW + CFAI <--> CFW + GE -- Deploy --> EOP + API -- API/Proxy Service <--> Users + Pages -- Serviced --> Users + Proxies -- Serviced --> Users FELH --> IPFS & GF DA --> IPFS ``` From 05ba801c231823de42ca7119ddda7839a2bd9ba0 Mon Sep 17 00:00:00 2001 From: mayx Date: Sat, 5 Apr 2025 14:57:04 +0000 Subject: [PATCH 056/209] Update 3 files - /_data/proxylist.yml - /_posts/2025-04-04-search.md - /proxylist.md --- _data/proxylist.yml | 1 - _posts/2025-04-04-search.md | 6 +++--- proxylist.md | 9 +++------ 3 files changed, 6 insertions(+), 10 deletions(-) diff --git a/_data/proxylist.yml b/_data/proxylist.yml index 3200106..c08cc86 100644 --- a/_data/proxylist.yml +++ b/_data/proxylist.yml @@ -13,7 +13,6 @@ mirrors: - https://mayx.4everland.app/ - https://mayx.dappling.network/ - https://mayx-blog.statichost.eu/ -- https://mayx-blog-pm8qmrzj.edgeone.app/ others: - https://unmayx.blogspot.com/ - https://unmayx.blog.fc2blog.us/ diff --git a/_posts/2025-04-04-search.md b/_posts/2025-04-04-search.md index 7c8e322..913564a 100644 --- a/_posts/2025-04-04-search.md +++ b/_posts/2025-04-04-search.md @@ -7,12 +7,12 @@ tags: [博客, 搜索, 优化] 看看其他的博客也会有新的灵感啊～ # 起因 - 前段时间，我闲来无事在GitHub上搜和我使用相同模板[minimal](https://github.com/pages-themes/minimal)的博客。但搜索结果中有许多人用这个模板制作简历或作品集，这让我有些失望。这倒也能理解，因为这个模版并不算博客模板，没有文章列表之类的代码，这些都只能自己写。不过多找找还是能找到一些的，毕竟这个模板在GitHub Pages中算是最受欢迎，至少符合大众的审美。像我就搜到了一个叫[Guanzhou Hu的博客](https://github.com/josehu07/josehu07.github.io)，他对模板的样式做了不少的改动，而且改的还挺好看的，尤其是右上角的导航栏，看起来挺有意思，不过这个源代码……导航栏有点硬编码的感觉，我不是很喜欢这种实现方式…… + 前段时间，我闲来无事在GitHub上搜和我使用相同模板[minimal](https://github.com/pages-themes/minimal)的博客。但搜索结果中有许多人用这个模板制作的是简历或作品集，这让我有些失望。不过这倒也能理解，因为这个模版并不算博客模板，没有文章列表之类的代码，这些都只能自己写。当然多找找还是能找到一些的，毕竟这个模板在GitHub Pages中算是最受欢迎，至少符合大众的审美。像我就搜到了一个叫[Guanzhou Hu的博客](https://github.com/josehu07/josehu07.github.io)，他对模板的样式做了不少的改动，而且改的还挺好看的，尤其是右上角的导航栏，看起来挺有意思，只是这个源代码……导航栏有点硬编码的感觉，我不是很喜欢这种实现方式…… # 使用标签作为关键词进行搜索 之后我又看了看其他博客，看到了[Matt Walker Blog](https://github.com/mhwalker/mhwalker.github.io)。他没有对模板做很多改动，只是把section元素变得更宽了，但是他没有改手机版自适应的样式，导致界面基本上没法在手机上查看。不过在他的首页中，我对他把文章标签放在文章列表这个操作非常感兴趣，因为每次我都有给文章打标签，但是几乎没什么用。他的标签点进去之后会跳转到该标签下的所有文章，我其实很早就想做这个功能了，但是在不用插件的情况下Jekyll基本上做不出来这种功能，因为没有插件的情况下是不能使用Liquid标签创建文件的，我看了下他的实现，原来是提前创建好的标签页面然后进行筛选的，这个实现我也不喜欢，这样的话我每次打标签都要新建一个标签对应的页面，这种事情不让程序做我会很不爽……（其实现在的GitHub Pages构建网站都是用的Actions了，完全可以自己写一个可以使用插件的Actions来进行构建，不过我也懒得折腾了🤣） - 要么还有一个选择，可以单独搞一个页面，里面有所有标签对应的文章，点击文章的标签之后使用锚链接定位到对应标签所在的位置。不过这样会导致一个页面有可能有一堆相同的文章链接，结果这个页面比归档页面的链接还多，那就感觉有点糟糕了…… - 不过我想起来以前做的[博客全文搜索功能](/2021/07/23/search.html)，如果把标签作为关键词进行查询，那也能起到筛选出标签对应文章的作用吧？而且这样即使我没给那个文章打标签也能搜出来，其实也算不错的选择，而且自从我做出来那个全文搜索的功能之后也没用过几次，没有关键词的话也一时半会想不出来搜什么比较好。于是说做就做，直接把Matt Walker Blog那段在文章列表生成标签的代码复制过来，感觉好像还不错😆？ + 要么还有一个选择，可以单独搞一个页面，里面有所有标签对应的文章，点击文章的标签之后使用锚链接定位到对应标签所在的位置。但这样会导致一个页面有可能有一堆相同的文章链接，结果这个页面比归档页面的链接还多，那就感觉有点糟糕了…… + 不过我想起来以前做的[博客全文搜索功能](/2021/07/23/search.html)，如果把标签作为关键词进行查询，那也能起到筛选出标签对应文章的作用吧？而且这样即使我没给那个文章打标签也能搜出来，其实也算不错的选择，另外自从我做出来那个全文搜索的功能之后也没用过几次，没有关键词的话也一时半会想不出来搜什么比较好。于是说做就做，直接把Matt Walker Blog那段在文章列表生成标签的代码复制过来，感觉好像还不错😆？ 顺便我也把文章里面的标签也加了链接到搜索的功能，不过原来的代码用的是`.join`实现的，现在加上这个功能的话就只能老老实实用循环写了😥…… # 搜索后使用高亮标记关键词 diff --git a/proxylist.md b/proxylist.md index f004cc0..2780ab9 100644 --- a/proxylist.md +++ b/proxylist.md @@ -35,7 +35,6 @@ graph LR; Netlify@{ shape: docs, label: "Netlify" } SH@{ shape: docs, label: "statichost.eu" } DA@{ shape: docs, label: "dAppling" } - EOP@{ shape: docs, label: "EdgeOne Pages" } CFW@{ label: "CloudFlare Workers" } CFAI@{ shape: procs, label: "CloudFlare AI" } CFD@{ shape: lin-cyl, label: "CloudFlare D1" } @@ -57,7 +56,6 @@ graph LR; DA Vercel Netlify - EOP end subgraph API[API Service] @@ -72,22 +70,21 @@ graph LR; Other end - subgraph DS + subgraph DS[Decentralized storage] IPFS GF end GH <--Sync--> GL GH -- Sync --> GE - GH -- Deploy --> GHP & SH & FELH & DA & Netlify - GL --> CFP & Vercel & GLP + GH -- Deploy --> GHP & SH & Netlify & FELH & DA + GL -- Deploy --> CFP & Vercel & GLP CFW -- Reverse Proxy --> GHP Deno -- Reverse Proxy --> GHP Glitch -- Reverse Proxy --> GHP Other -- Reverse Proxy --> GHP CFD <--> CFW CFAI <--> CFW - GE -- Deploy --> EOP API -- API/Proxy Service <--> Users Pages -- Serviced --> Users Proxies -- Serviced --> Users From 85594ca8b1a3e9315be9a6e4529cf39cfc18475b Mon Sep 17 00:00:00 2001 From: mayx Date: Sat, 5 Apr 2025 18:56:42 +0000 Subject: [PATCH 057/209] Update 2 files - /5b60338bca964816af2f0b76965a1b84.txt - /_layouts/post.html --- 5b60338bca964816af2f0b76965a1b84.txt | 1 + _layouts/post.html | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) create mode 100644 5b60338bca964816af2f0b76965a1b84.txt diff --git a/5b60338bca964816af2f0b76965a1b84.txt b/5b60338bca964816af2f0b76965a1b84.txt new file mode 100644 index 0000000..a710f75 --- /dev/null +++ b/5b60338bca964816af2f0b76965a1b84.txt @@ -0,0 +1 @@ +5b60338bca964816af2f0b76965a1b84 \ No newline at end of file diff --git a/_layouts/post.html b/_layouts/post.html index a910dd9..43ecde8 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -75,7 +75,7 @@ layout: default {% include toc.html html=content sanitize=true h_max=3 %} -{% if post.layout == "encrypt" %} {{content}} {% else %}
{% include anchor_headings.html html=content beforeHeading=true anchorBody="" %}
{% endif %} +{% if post.layout == "encrypt" %} {{content}} {% else %}
{% include anchor_headings.html html=content beforeHeading=true anchorBody="" %}
{% endif %} {% if page.tags %} tags: {% for tag in page.tags %}{{ tag }}{% unless forloop.last %} - {% endunless %}{% endfor %} 查看原始文件 From 8c26bc57d5b9c9d5a6155eba222bc7fd47dd74f8 Mon Sep 17 00:00:00 2001 From: mayx Date: Mon, 7 Apr 2025 08:21:34 +0000 Subject: [PATCH 058/209] Update 6 files - /_layouts/post.html - /_layouts/default.html - /_posts/2024-07-03-ai-summary.md - /_posts/2022-02-14-move.md - /_posts/2022-01-04-banned.md - /proxylist.md --- _layouts/default.html | 61 +++++++++++++-------------------- _layouts/post.html | 2 +- _posts/2022-01-04-banned.md | 2 +- _posts/2022-02-14-move.md | 2 +- _posts/2024-07-03-ai-summary.md | 4 +-- proxylist.md | 2 +- 6 files changed, 29 insertions(+), 44 deletions(-) diff --git a/_layouts/default.html b/_layouts/default.html index a3c59c7..90bb0da 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -26,46 +26,31 @@ gtag('js', new Date()); gtag('config', '{{ site.google_analytics }}'); - var lastUpdated = new Date("{{ site.time | date: "%FT%T%z" }}"); - var BlogAPI = "https://summary.mayx.eu.org"; - function getSearchJSON(callback) { - var searchData = JSON.parse(localStorage.getItem("blog_" + lastUpdated.valueOf())); - if (!searchData) { - for (var i = 0; i < localStorage.length; i++) { - var key = localStorage.key(i); - if (key.startsWith('blog_')) { - localStorage.removeItem(key); - } - } - $.getJSON("/search.json", function (data) { - localStorage.setItem("blog_" + lastUpdated.valueOf(), JSON.stringify(data)); - callback(data); - }); - } else { - callback(searchData); - } - } {% endif %} - @@ -145,7 +130,7 @@

- Made with ❤ by Mayx
Last updated at
总字数：{% assign count = 0 %}{% for post in site.posts %}{% assign single_count = post.content | strip_html | strip_newlines | remove: " " | size %}{% assign count = count | plus: single_count %}{% endfor %}{% if count > 10000 %}{{ count | divided_by: 10000 }} 万 {{ count | modulo: 10000 }}{% else %}{{ count }}{% endif %} - 文章数：{% for post in site.posts %}{% assign co = co | plus: 1 %}{% endfor %}{{ co }} - Atom - About + Made with ❤ by Mayx
Last updated at
总字数：{% assign count = 0 %}{% for post in site.posts %}{% assign single_count = post.content | strip_html | strip_newlines | remove: " " | size %}{% assign count = count | plus: single_count %}{% endfor %}{{ count }} - 文章数：{{ site.posts.size }} - Atom - About

diff --git a/_layouts/post.html b/_layouts/post.html index 43ecde8..04a2a4c 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -75,7 +75,7 @@ layout: default {% include toc.html html=content sanitize=true h_max=3 %} -{% if post.layout == "encrypt" %} {{content}} {% else %}
{% include anchor_headings.html html=content beforeHeading=true anchorBody="" %}
{% endif %} +{% if post.layout == "encrypt" %} {{content}} {% else %}
{% include anchor_headings.html html=content beforeHeading=true anchorBody="" %}
{% endif %} {% if page.tags %} tags: {% for tag in page.tags %}{{ tag }}{% unless forloop.last %} - {% endunless %}{% endfor %} 查看原始文件 diff --git a/_posts/2022-01-04-banned.md b/_posts/2022-01-04-banned.md index 1eca6f1..2653221 100644 --- a/_posts/2022-01-04-banned.md +++ b/_posts/2022-01-04-banned.md @@ -38,7 +38,7 @@ tags: [Github, 封禁, 博客] > The repository has been deleted per your request. > Kindly note further instances that hosts a script that leverages git.io URL shortener to redirect to a malicious site may lead to further action, such as permanent suspension. - 🌿，原来是我3年前写的[让Git.io无限制](/2019/03/23/gitio.html)所提供的服务被人利用做坏事了，麻了，这Github是真的不长嘴吗？提前说一声我又不是不会删，而且我的服务被利用，上来就先干我是吧？这和某政府对付ISP有什么区别。 + 🌿，原来是我3年前写的[让Git.io无限制](/2019/03/23/gitio.html)所提供的服务被人利用做坏事了，麻了，这Github是真的不长嘴吗？提前说一声我又不是不会删，而且我的服务被利用，上来就先干我是吧？这和某政府对付ICP有什么区别。 # 造成的损失 1. 我的博客所有Star、Fork和评论全部消失 diff --git a/_posts/2022-02-14-move.md b/_posts/2022-02-14-move.md index 16b6eee..44c4fea 100644 --- a/_posts/2022-02-14-move.md +++ b/_posts/2022-02-14-move.md @@ -13,7 +13,7 @@ tags: [Mayx, Github, Gitlab, 分发] 去年我在[研究博客平台的时候](/2021/08/15/blog.html)已经调查过很多放静态站的平台了，所以这次进行分发的时候有了之前的经验，也简单了不少。 ## 源代码托管平台的选择 因为Github不可信，于是我自然想到了用Gitlab来存放博客源代码。虽然吧Gitlab曾经也发生过用户数据丢失的问题，不过反正目标也是同时放在Github和Gitlab上，总不至于两个一起炸吧。其实最开始我的计划是用Github Actions进行同步，不过在我进行调查之后我发现Gitlab功能还是挺强大的，它支持对一个Git仓库进行自动的推送和拉取，也不需要做过多的配置，就只需要配置个地址和令牌就可以，还是挺方便的。 - 在我做完Github与Gitlab双向同步之后，我发现Gitlab还挺好用的，首先，Gitlab有个很棒的地方就是没被墙，我有时候写文章的时候不挂梯子用Github真的是非常难受，目前依我所感受，防火长城会对Github先进行一下TCP RST，然后刷新一下让你连上，连上之后如果长连接断开或者大概5分钟的样子就再阻断，然后再RST一波，非常的挑战心态。有时候我写了半天然后点预览结果就阻断，等半天还是连不上，还要挂梯子，能预览的时候就得赶紧提交，万一提交的时候再阻断要是没备份就炸了。像Gitlab我就从来没遇到过类似的情况，这一点还是很不错的，大概是因为Gitlab不是社区，而且滥用的人也少，所以政府也不太关系吧。 + 在我做完Github与Gitlab双向同步之后，我发现Gitlab还挺好用的，首先，Gitlab有个很棒的地方就是没被墙，我有时候写文章的时候不挂梯子用Github真的是非常难受，目前依我所感受，防火长城会对Github先进行一下TCP RST，然后刷新一下让你连上，连上之后如果长连接断开或者大概5分钟的样子就再阻断，然后再RST一波，非常的挑战心态。有时候我写了半天然后点预览结果就阻断，等半天还是连不上，还要挂梯子，能预览的时候就得赶紧提交，万一提交的时候再阻断要是没备份就炸了。像Gitlab我就从来没遇到过类似的情况，这一点还是很不错的，大概是因为Gitlab不是社区，而且滥用的人也少，所以政府也不太关心吧。 另外就是Web IDE，相比Github的VSCode Web IDE，Gitlab的要轻量很多了，也不容易发生卡的情况，而且其实Github的VSCode Web IDE也装不了几个插件，功能上也没强到哪去。 还有就是翻译，明明用Github的中国人/华人挺多的，官方就是不出中文界面，明明文档都有中文了……Gitlab可能是因为作为一个开源产品，i18n做的很好，虽然吧英文也不影响我使用，但是毕竟作为用户体验的一项，Gitlab做的确实更好。 不过其实我觉得Gitlab也许只是表面没那么出名，毕竟不是做社区的，大多数公司都用的是自建Gitlab托管代码，而且很多时候Github其实是在抄Gitlab的（虽然最早是Gitlab抄Github），比如Actions抄CI/CD，还有最近又出的一堆什么代码扫描和检查，Gitlab出现的都更早。不过这说着也跑题了这个文章又不是为了专门夸Gitlab的😂。 diff --git a/_posts/2024-07-03-ai-summary.md b/_posts/2024-07-03-ai-summary.md index 62b85dd..a5a0d3c 100644 --- a/_posts/2024-07-03-ai-summary.md +++ b/_posts/2024-07-03-ai-summary.md @@ -235,8 +235,8 @@ export default { } ``` 另外也写了配套的前端代码（用的jQuery，其实应该用Fetch的😂）： -```html {% raw %} +```html AI摘要

正在生成中……

-{% endraw %} ``` +{% endraw %} 本来文章内容应该从html里读更好一些，但是标签啥的还得用正则去掉，感觉不如Liquid方便😂。另外博客计数器不应该用MD5的，但懒得改之前的数据了，还好Cloudflare Workers为了兼容是支持MD5的，免得我还得想办法改数据库里的数据。 # 使用方法 diff --git a/proxylist.md b/proxylist.md index 2780ab9..2a1d2f8 100644 --- a/proxylist.md +++ b/proxylist.md @@ -75,7 +75,7 @@ graph LR; GF end - GH <--Sync--> GL + GH <-- Sync --> GL GH -- Sync --> GE GH -- Deploy --> GHP & SH & Netlify & FELH & DA GL -- Deploy --> CFP & Vercel & GLP From 3bfbd783857f4e79d43ee846d5ffe9422897fffa Mon Sep 17 00:00:00 2001 From: mayx Date: Mon, 7 Apr 2025 12:27:45 +0000 Subject: [PATCH 059/209] Update 3 files - /_data/links.csv - /js/rss-feed-preview.js - /links.md --- _data/links.csv | 28 +++--- js/rss-feed-preview.js | 223 +++++++++++++++++++++++++++++++++++++++++ links.md | 4 +- 3 files changed, 240 insertions(+), 15 deletions(-) create mode 100644 js/rss-feed-preview.js diff --git a/_data/links.csv b/_data/links.csv index e495e23..390f3fc 100644 --- a/_data/links.csv +++ b/_data/links.csv @@ -1,14 +1,14 @@ -title,link,description -花火学园,https://www.sayhanabi.net/,和谐融洽的ACG交流以及资源聚集地 -资源统筹局,https://gkdworld.com/,统筹保管用户分享的资源 -贫困的蚊子,https://mozz.ie/,*No description* -极客兔兔,https://geektutu.com/,致力于分享有趣的技术实践 -维基萌,https://www.wikimoe.com/,萌即是正义！一名热爱acg的前端设计师的小站！ -7gugu's blog,https://www.7gugu.com/,"一个用来存放我爱好的地方,编程,摄影之类的空间" -云游君,https://www.yunyoujun.cn/,希望能成为一个有趣的人。 -Kingfish404,https://blog.kingfish404.cn/,"Stay curious,stay naive. WUT. Jin Yu's Blog" -FKUN,https://blog.fkun.tech/,*No description* -Sinofine,https://sinofine.me/,*No description* -JiaoYuan's blog,https://yuanj.top/,思绪来得快去得也快，偶尔会在这里停留 -花生莲子粥,https://blog.hslzz.cn/,与世无争，不染于泥 -南蛮子懋和,https://www.dao.js.cn/,李懋和，俗名李栋梁。书法、国画爱好者，互联网安全与前端建设者。 \ No newline at end of file +title,link,feed_url,description +花火学园,https://www.sayhanabi.net/,,和谐融洽的ACG交流以及资源聚集地 +资源统筹局,https://gkdworld.com/,,统筹保管用户分享的资源 +贫困的蚊子,https://mozz.ie/,https://mozz.ie/index.xml,*No description* +极客兔兔,https://geektutu.com/,https://geektutu.com/atom.xml,致力于分享有趣的技术实践 +维基萌,https://www.wikimoe.com/,https://www.wikimoe.com/rss,萌即是正义！一名热爱acg的前端设计师的小站！ +7gugu's blog,https://www.7gugu.com/,https://7gugu.com/index.php/feed/,"一个用来存放我爱好的地方,编程,摄影之类的空间" +云游君,https://www.yunyoujun.cn/,https://www.yunyoujun.cn/atom.xml,希望能成为一个有趣的人。 +Kingfish404,https://blog.kingfish404.cn/,https://blog.kingfish404.cn/index.xml,"Stay curious,stay naive. WUT. Jin Yu's Blog" +FKUN,https://blog.fkun.tech/,https://blog.fkun.tech/feed/,*No description* +Sinofine,https://sinofine.me/,https://sinofine.me/atom.xml,*No description* +JiaoYuan's blog,https://yuanj.top/,https://yuanj.top/index.xml,思绪来得快去得也快，偶尔会在这里停留 +花生莲子粥,https://blog.hslzz.cn/,https://blog.hslzz.cn/atom.xml,与世无争，不染于泥 +南蛮子懋和,https://www.dao.js.cn/,https://www.dao.js.cn/feed.php,李懋和，俗名李栋梁。书法、国画爱好者，互联网安全与前端建设者。 \ No newline at end of file diff --git a/js/rss-feed-preview.js b/js/rss-feed-preview.js new file mode 100644 index 0000000..8d74709 --- /dev/null +++ b/js/rss-feed-preview.js @@ -0,0 +1,223 @@ +/** + * RSS/Atom Feed Preview for Links Table + */ + +(function() { + const existingPreviews = document.querySelectorAll('#rss-feed-preview'); + existingPreviews.forEach(el => el.remove()); + + const CORS_PROXY = 'https://cors-anywhere.mayx.eu.org/?'; + + const createPreviewElement = () => { + const existingPreview = document.getElementById('rss-feed-preview'); + if (existingPreview) { + return existingPreview; + } + + const previewEl = document.createElement('div'); + previewEl.id = 'rss-feed-preview'; + previewEl.style.cssText = ` + position: fixed; + display: none; + width: 300px; + max-height: 400px; + overflow-y: auto; + background-color: white; + border: 1px solid #ccc; + border-radius: 5px; + padding: 10px; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); + z-index: 1000; + font-size: 14px; + line-height: 1.4; + `; + document.body.appendChild(previewEl); + return previewEl; + }; + + const parseRSS = (xmlText) => { + const parser = new DOMParser(); + const xml = parser.parseFromString(xmlText, 'text/xml'); + + const rssItems = xml.querySelectorAll('item'); + if (rssItems.length > 0) { + return Array.from(rssItems).slice(0, 5).map(item => { + return { + title: item.querySelector('title')?.textContent || 'No title', + date: item.querySelector('pubDate')?.textContent || 'No date', + }; + }); + } + + const atomItems = xml.querySelectorAll('entry'); + if (atomItems.length > 0) { + return Array.from(atomItems).slice(0, 5).map(item => { + return { + title: item.querySelector('title')?.textContent || 'No title', + date: item.querySelector('updated')?.textContent || 'No date', + }; + }); + } + + return null; + }; + + const checkFeed = async (url) => { + try { + const response = await fetch(CORS_PROXY + url); + if (!response.ok) { + return null; + } + + const text = await response.text(); + return parseRSS(text); + } catch (error) { + return null; + } + }; + + const findFeedUrl = async (siteUrl, linkElement) => { + if (linkElement && linkElement.hasAttribute('data-feed')) { + const dataFeedUrl = linkElement.getAttribute('data-feed'); + if (dataFeedUrl) { + const feedItems = await checkFeed(dataFeedUrl); + if (feedItems) { + return { url: dataFeedUrl, items: feedItems }; + } + } + } + + return null; + }; + + const renderFeedItems = (previewEl, items, siteName) => { + if (!items || items.length === 0) { + previewEl.innerHTML = '

No feed items found.

'; + return; + } + + let html = `

Latest from ${siteName}

    `; + + items.forEach(item => { + html += ` +
  • +
    + ${item.title} +
    +
    + ${new Date(item.date).toLocaleDateString()} +
    +
    • + `; + }); + + html += '
'; + previewEl.innerHTML = html; + }; + + const positionPreview = (previewEl, event) => { + const viewportWidth = window.innerWidth; + const viewportHeight = window.innerHeight; + + let left = event.clientX + 20; + let top = event.clientY + 20; + + const rect = previewEl.getBoundingClientRect(); + + if (left + rect.width > viewportWidth) { + left = event.clientX - rect.width - 20; + } + + if (top + rect.height > viewportHeight) { + top = event.clientY - rect.height - 20; + } + + left = Math.max(10, left); + top = Math.max(10, top); + + previewEl.style.left = `${left}px`; + previewEl.style.top = `${top}px`; + }; + + const initFeedPreview = () => { + const previewEl = createPreviewElement(); + + const tableLinks = document.querySelectorAll('main table tbody tr td a'); + + const feedCache = {}; + + let currentLink = null; + let loadingTimeout = null; + + tableLinks.forEach(link => { + link.addEventListener('mouseenter', async (event) => { + currentLink = link; + const url = link.getAttribute('href'); + const siteName = link.textContent; + + previewEl.innerHTML = '

Checking for RSS/Atom feed...

'; + previewEl.style.display = 'block'; + positionPreview(previewEl, event); + + if (loadingTimeout) { + clearTimeout(loadingTimeout); + } + + loadingTimeout = setTimeout(async () => { + if (feedCache[url]) { + renderFeedItems(previewEl, feedCache[url].items, siteName); + positionPreview(previewEl, event); // Reposition after content is loaded + return; + } + + const feedData = await findFeedUrl(url, link); + + if (currentLink === link) { + if (feedData) { + feedCache[url] = feedData; + renderFeedItems(previewEl, feedData.items, siteName); + positionPreview(previewEl, event); // Reposition after content is loaded + } else { + previewEl.style.display = 'none'; + } + } + }, 300); + }); + + link.addEventListener('mousemove', (event) => { + if (previewEl.style.display === 'block') { + window.requestAnimationFrame(() => { + positionPreview(previewEl, event); + }); + } + }); + + link.addEventListener('mouseleave', () => { + if (loadingTimeout) { + clearTimeout(loadingTimeout); + loadingTimeout = null; + } + + currentLink = null; + previewEl.style.display = 'none'; + }); + }); + + document.addEventListener('click', (event) => { + if (!previewEl.contains(event.target)) { + previewEl.style.display = 'none'; + } + }); + }; + + if (!window.rssFeedPreviewInitialized) { + window.rssFeedPreviewInitialized = true; + + if (document.readyState === 'loading') { + document.addEventListener('DOMContentLoaded', initFeedPreview); + } else { + initFeedPreview(); + } + } + })(); + \ No newline at end of file diff --git a/links.md b/links.md index b0b8e67..dbefd15 100644 --- a/links.md +++ b/links.md @@ -8,7 +8,7 @@ tags: [links] | Link | Description | | - | - | -{% for item in site.data.links %}| [{{ item.title }}]({{ item.link }}) | {{ item.description }} | +{% for item in site.data.links %}| {{ item.title }} | {{ item.description }} | {% endfor %} ## Links申请 @@ -25,3 +25,5 @@ tags: [links] 链接： 头像： Logo： + + \ No newline at end of file From d3eefbba2defb57e54502651ab9e9220e78ab36a Mon Sep 17 00:00:00 2001 From: mayx Date: Mon, 7 Apr 2025 15:52:02 +0000 Subject: [PATCH 060/209] Update 2 files - /_layouts/default.html - /links.md --- _layouts/default.html | 1 + links.md | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/_layouts/default.html b/_layouts/default.html index 90bb0da..702e531 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -49,6 +49,7 @@ } } + diff --git a/links.md b/links.md index dbefd15..d1ef834 100644 --- a/links.md +++ b/links.md @@ -8,7 +8,7 @@ tags: [links] | Link | Description | | - | - | -{% for item in site.data.links %}| {{ item.title }} | {{ item.description }} | +{% for item in site.data.links %}| {{ item.title }} | {{ item.description }} | {% endfor %} ## Links申请 From 9170efdaa394de637bf1887f7f8c5ae4c449e512 Mon Sep 17 00:00:00 2001 From: mayx Date: Tue, 8 Apr 2025 14:12:54 +0000 Subject: [PATCH 061/209] Update 7 files - /_includes/word_count.html - /_config.yml - /_layouts/default.html - /Gemfile - /js/rss-feed-preview.js - /_posts/2025-04-08-feed.md - /links.md --- Gemfile | 1 + _config.yml | 1 + _includes/word_count.html | 1 + _layouts/default.html | 2 +- _posts/2025-04-08-feed.md | 30 ++++++++++++++++++++++++++++++ js/rss-feed-preview.js | 17 +++++++++++++++-- links.md | 3 ++- 7 files changed, 51 insertions(+), 4 deletions(-) create mode 100644 _includes/word_count.html create mode 100644 _posts/2025-04-08-feed.md diff --git a/Gemfile b/Gemfile index a7adda3..6374f49 100644 --- a/Gemfile +++ b/Gemfile @@ -6,6 +6,7 @@ group :jekyll_plugins do gem "jekyll-assets", "~> 1.0.0" gem "jekyll-sitemap", "~> 1.4.0" gem "jekyll-feed", "~> 0.15.1" + gem "jekyll-include-cache", "~> 0.2.1" gem "jekyll-theme-minimal" gem "jekyll-paginate", "~> 1.1.0" gem "kramdown-parser-gfm", "~> 1.1.0" diff --git a/_config.yml b/_config.yml index 4f78f33..7cab47c 100644 --- a/_config.yml +++ b/_config.yml @@ -10,6 +10,7 @@ paginate: 7 plugins: - jekyll-sitemap - jekyll-feed + - jekyll-include-cache feed: path: atom.xml google_analytics: UA-137710294-1 diff --git a/_includes/word_count.html b/_includes/word_count.html new file mode 100644 index 0000000..8cc1cf1 --- /dev/null +++ b/_includes/word_count.html @@ -0,0 +1 @@ +{% assign count = 0 %}{% for post in site.posts %}{% assign single_count = post.content | strip_html | strip_newlines | remove: " " | size %}{% assign count = count | plus: single_count %}{% endfor %}{{ count }} \ No newline at end of file diff --git a/_layouts/default.html b/_layouts/default.html index 702e531..e2c3128 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -131,7 +131,7 @@

- Made with ❤ by Mayx
Last updated at
总字数：{% assign count = 0 %}{% for post in site.posts %}{% assign single_count = post.content | strip_html | strip_newlines | remove: " " | size %}{% assign count = count | plus: single_count %}{% endfor %}{{ count }} - 文章数：{{ site.posts.size }} - Atom - About + Made with ❤ by Mayx
Last updated at
总字数：{{ include_cached word_count.html }} - 文章数：{{ site.posts.size }} - Atom - About

diff --git a/_posts/2025-04-08-feed.md b/_posts/2025-04-08-feed.md new file mode 100644 index 0000000..e8a9a46 --- /dev/null +++ b/_posts/2025-04-08-feed.md @@ -0,0 +1,30 @@ +--- +layout: post +title: 如何使用JS通过订阅源查看文章？ +tags: [JavaScript, RSS, Feed, AI] +--- + + 懒得写代码？那就让AI写！ + +# 起因 + 前段时间，我看到有些博客给自己的友链页面做了通过订阅源查看友链最近更新文章的功能，看起来挺有意思的，有点想整一个。不过对于我的博客来说，作为静态博客想要做到这样的功能估计没那么简单吧……毕竟一般的订阅软件需要隔段时间请求一下对应博客的订阅链接，然后再把结果存到数据库才行。但是我想了想，对我来说没必要做成订阅啊，我又不需要知道对应博客是什么时候更新的，只要在有人想知道的时候去请求一下订阅链接，然后展示出来就行，感觉似乎又没有那么复杂。 + 既然不复杂，那这个功能就让AI来做吧，正好前段时间有个朋友买了一个月的Devin.ai订阅，据说是可以自己调试代码，还能操作浏览器，而且代码基本上写出来就能用。我对这个挺感兴趣的，所以这次的功能就让它来写吧！ + +# 让AI编写代码 + 既然是让AI来写，至少得把我的需求说清楚，所以首先我应该告诉它： +> 创建一个JavaScript函数来实现[Links](/links.html)表格中链接的RSS/Atom源预览。 +> - 当鼠标悬停在表中的链接上时，检查该网站是否有RSS/Atom源，并将结果显示在一个浮动窗口中 +> - 在鼠标光标后的浮动窗口中显示提要中的5篇最新文章 +> - 在窗口中只包含标题和时间，不需要链接和内容 +> - 跳过所有不包含RSS/Atom源的链接，而不显示任何错误 +> - 当鼠标离开链接时，浮动预览应该消失 + + 不过在正式编写之前，我还得考虑一下可行性，毕竟是很简单的功能，我不写但我不能不知道怎么写。首先让JS解析Feed数据也就是XML数据应该是很简单的事情，JS应该有自带的函数来实现这种功能。然后是获取数据，在JS中使用fetch就可以了，但是这里有个很重要的事情，浏览器请求其他网站存在跨域的问题，还好我之前在CF Workers上用[cloudflare-cors-anywhere](https://github.com/Zibri/cloudflare-cors-anywhere)搭了个CORS代理： 。所以我应该在说明中给它说清楚： +> - 如果存在源，请使用CORS代理：https://cors-anywhere.mayx.eu.org/ 获取并解析它 + + 随后我就开始让它编写代码了。接下来就能看到AI在浏览器和编辑器中切换，不停的进行编写和调试，等了一段时间，它把第一版代码写好了。不过也许我说的不够清楚，这个CORS代理的用法和其他的CORS代理不太一样，代理链接和被代理的链接之间需要使用“?”分开，另外第一版我也没说清楚RSS/Atom源的链接在哪，所以它选择遍历常见的几种订阅源的路径，这样有点不太好，除了速度慢，对我的CORS代理消耗也比较大。所以我告诉它代理的正确用法，以及让它假设超链接中包含“data-feed”属性，其中包含订阅源的链接，并且随便挑了个网站拿给它作为示例。 + 随后就能看到它继续改改改，改了几次之后我把最后生成的JS复制到浏览器上执行了一下，效果还不错，于是就把它放到我的博客上了。 + 它的水平还是挺不错的，至少正确的实现了功能。不过我有点担心它的代码会不会不太可靠，毕竟要从其他网站上获取数据，得避免出现XSS之类的问题，于是我把代码丢给DeepSeek-R1让它检查了一下，果不其然Devin.ai写的代码似乎有XSS的隐患，如果链接列表中标题有html标签似乎就会解析（虽然我没试过），于是根据DeepSeek的提示修改了一下，增加了一个过滤特殊字符的函数，改完又放到博客上，最终的代码就是：[rss-feed-preview.js](/js/rss-feed-preview.js)。 + +# 感想 + 让AI全自动写代码感觉还挺方便，有种当产品经理的感觉了🤣，像这种AI就是Agent吧，这也算是我头一次使用Agent了，感觉用起来还挺不错的。不过从这次尝试来看确实AI也有一定的局限性，像是直接写出来的代码可能存在一些安全性问题，除非单独让AI检查，不然很有可能会写出功能正常但是存在漏洞的代码，所以还是得人看着点，AI搞出事故可是**不负责**的啊😇～ \ No newline at end of file diff --git a/js/rss-feed-preview.js b/js/rss-feed-preview.js index 8d74709..2929622 100644 --- a/js/rss-feed-preview.js +++ b/js/rss-feed-preview.js @@ -90,6 +90,17 @@ return null; }; + const escapeHTML = (str) => { + return String(str).replace(/[&<>"'/]/g, (c) => ({ + '&': '&', + '<': '<', + '>': '>', + '"': '"', + "'": ''', + '/': '/' + }[c])); + }; + const renderFeedItems = (previewEl, items, siteName) => { if (!items || items.length === 0) { previewEl.innerHTML = '

No feed items found.

'; @@ -99,13 +110,15 @@ let html = `

Latest from ${siteName}