官方网站

https://www.chuqiyun.com/

最新特惠活动

活动一：

• 华中高防16-32 180月 续费同价
• 不限量 66 折・骨折码：[qystu] (所有产品)
• 全球加速体验版 月流量：20G 域名：3 防护：自定义 网站预热： 支持 全球多节点负载

活动二：

• aff推介计划 新购返点7%以上，更多查看官网
• 代理75折 5元永久

香港精品云

包括CTG GIA等线路 大陆方向优化

评论获取6折码

10-16评论获取99折扣码

纽约服务器

低价钜惠 线路优秀 利好建站

蜂鸟云桌面

全新技术，支持显卡云桌面，欢迎对接

普通体验型

gcc显卡云

gcpm高性能（适合各种游戏、软件、直播、模拟器多开、虚拟机多开、渲染、模型训练等）

性能方面

小米12su和 vivo x90pro+作为2022年的年度影像旗舰，综合实力两者不相上下，但性能方面vivo会强些。12su由于是7月发布，只能用上骁龙8＋，其闪存和内存分别是 ufs3.1和LPDDR5。而vivo x90pro+为12月发布，用上了高通最新的骁龙8Gen2，内存和闪存也分别升级到了最新规格，为 ufs4.0和 LPDDR5x

此次骁龙 8 Gen2 采用了 1+2+2+3 四丛集方案，具体为 1 颗 3.19GHz 主频 Cortex-X3 超大核，2 个 2.8GHz 主频 A715 大核心，2 个 2.8GHz 主频 A710 中核以及 3 个 2.0GHz 主频 A510 小核心，GPU 为 Adreno 740。

CPU方面为正常迭代升级，主要为降低功耗。而GPU则有亮点，高通增加GPU面积高达50％，但频率却大幅降低至680兆，为的是在低频下得到更好的能效比。根据极客湾的测试，骁龙 8gen2的GPU在性能上比A16高出了18％，且满载功耗仅有8w，表现非常不错。

屏幕

小米12su采用三星E5屏幕，vivo x90pro+采用三星E6，都为2k+120hz，且都有微棱镜技术。虽然显示效果方面大差不差，但E6屏幕的激发亮度更高，并且E6屏幕有1920hzPWM调光，护眼效果比E5好很多。都有ltpo技术。

充电

小米12su采用4860mAh＋67w有线＋50w无线

vivo x90pro+采用4700mAh＋80w有线＋50w无线

影像

小米12su：主摄采用索尼IMX989感光器，其尺寸规格1英寸，这是目前主流手机中所用到最大尺寸的感光器。5000万总像素，默认四合一输出约1250万像素，镜头集成光学防抖，等效焦距23毫米，F/1.9光圈。除了感光器之外，镜头镀膜也采用了ALD镀膜以及IRCF旋涂技术，旨在减少眩光和鬼影。

超广采用索尼IMX586感光器，尺寸规格1/2英寸，4800万像素，默认四合一输出1200万像素，镜头等效焦距13毫米，镜头光圈f/2.2。

潜望长焦也是采用的IMX586感光器，5x光学变焦，等效焦距120毫米，光圈F/4.1，集成光学防抖。

vivo x90pro+：主摄为5000万像素IMX989，1英寸，支持OIS防抖，f/1.75大光圈，外加T*镀膜，抗鬼影和炫光效果十分不错。

人像为5000万像素IMX758，2x光学变焦，支持OIS，1/2.51英寸底，f/1.6大光圈。

超广角为4800万像素IMX598，1/2英寸底，f/2.2光圈。

潜望长焦为6400万像素OV64B，3.5x光学变焦，支持OIS防抖，1/2英寸底，f/3.5光圈。

总结

小米12su和vivo x90pro+影像规格都非常高。由于vivo有 T*镀膜，因此抗炫光能力更强。得益于2x人像镜头的加入，vivo的焦段覆盖更全面，但也造成了vivo在10x以上画质不如小米。vivo还采用了自研影像芯片v2，使得极限暗光场景和夜景视频表现更为出色。但整体来说，这两部机器的影像都非常出色。

看法

但受限于机身内部空间，vivo本次并没有上微云台，但由于机圈内卷现状，各厂商也不得不最求更大的底。

如果vivo去掉2x镜头，再引入融合算法，让2x由主摄裁切＋潜望融合的方式可能会更好，由于融合只能是画面中心，正好在人像模式下，背景能得到自然的虚化，中心人物的解析力也会不错。去掉2x镜头，还可以节省内部空间，使的超广角或潜望的底更大或者加入微云台，使视频效果更好。

或者vivo保留人像镜头，但主摄还是用之前的Gn1。众所周知，在白天光线充足的场景，GN1的效果和1英寸基本没什么差距。而夜景，得益于影响芯片的加入，即使是GN1，也会有非常不错的效果。并且这样还能加入微云台技术，使视频稳定性更好

方法

废话不说了，直接上方法

打开 qexo域名/userscrpits.html创建子账号

然后是否为管理按需填写

然后完结撒花

再次感谢abudu大佬

成功又水一篇文章

注册

我们点击这里去注册一个账号，建议使用google账号注册，会更加方便

新建桶

新建一个桶，设置为公开：

上传一个文件，点击右边的信息按钮，我们要在这里获取一些信息：

自定义域名

这一步需要你有个域名，开个子域给图床：

看到你上面的friendly url，把他的域名f00x.backblaze2.com解析到你想要的域名

这里我们先去Cloudflare新建一个workers

代码如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82

'use strict';
const b2Domain = 'assets.qystudio.ml'; // configure this as per instructions above
const b2Bucket = 'qystupic'; // configure this as per instructions above
const b2UrlPath = `/file/${b2Bucket}/`;
addEventListener('fetch', event => {
return event.respondWith(fileReq(event));
});

// define the file extensions we wish to add basic access control headers to
const corsFileTypes = ['png', 'jpg', 'gif', 'jpeg', 'webp', 'css', 'js', 'html'];

// backblaze returns some additional headers that are useful for debugging, but unnecessary in production. We can remove these to save some size
const removeHeaders = [
'x-bz-content-sha1',
'x-bz-file-id',
'x-bz-file-name',
'x-bz-info-src_last_modified_millis',
'X-Bz-Upload-Timestamp',
'Expires'
];
const expiration = 31536000; // override browser cache for images - 1 year

// define a function we can re-use to fix headers
const fixHeaders = function(url, status, headers){
let newHdrs = new Headers(headers);
// add basic cors headers for images
if(corsFileTypes.includes(url.pathname.split('.').pop())){
newHdrs.set('Access-Control-Allow-Origin', '*');
}
// override browser cache for files when 200
if(status === 200){
newHdrs.set('Cache-Control', "public, max-age=" + expiration);
}else{
// only cache other things for 5 minutes
newHdrs.set('Cache-Control', 'public, max-age=300');
}
// set ETag for efficient caching where possible
const ETag = newHdrs.get('x-bz-content-sha1') || newHdrs.get('x-bz-info-src_last_modified_millis') || newHdrs.get('x-bz-file-id');
if(ETag){
newHdrs.set('ETag', ETag);
}
// remove unnecessary headers
removeHeaders.forEach(header => {
newHdrs.delete(header);
});
return newHdrs;
};
async function fileReq(event){
const cache = caches.default; // Cloudflare edge caching
const url = new URL(event.request.url);
if(url.host === b2Domain && !url.pathname.startsWith(b2UrlPath)){
url.pathname = b2UrlPath + url.pathname;
}
let response = await cache.match(url); // try to find match for this request in the edge cache
if(response){
// use cache found on Cloudflare edge. Set X-Worker-Cache header for helpful debug
let newHdrs = fixHeaders(url, response.status, response.headers);
newHdrs.set('X-Worker-Cache', "true");
return new Response(response.body, {
status: response.status,
statusText: response.statusText,
headers: newHdrs
});
}
// no cache, fetch image, apply Cloudflare lossless compression
response = await fetch(url, {cf: {polish: "lossless"}});
let newHdrs = fixHeaders(url, response.status, response.headers);

  if(response.status === 200){

    response = new Response(response.body, {
      status: response.status,
      statusText: response.statusText,
      headers: newHdrs
    });
  }else{
    response = new Response('File not found!', { status: 404 })
  }

event.waitUntil(cache.put(url, response.clone()));
return response;
}

然后在workers的触发器里面找到路由设置为 域名/*

到这里我们离成功只有一步之遥

配置缓存

储存桶设置

我们打开这里

点击桶，进入桶设定：

里头写上:

{"cache-control":"max-age=43200000"}

这个意思是强制缓存 43200000 ,大约是50天.然而这里注意一下，时间太长有个问题，你修改一张图片，外面可以能要50天才能更改，这样只能通过手动清除缓存做到了。

点击CORS设置,选择:

与所有HTTPS来源共享此存储桶中的所有内容。

cf缓存设置

在域名里面找到规则，新建规则如下设置

到这里我们就大功告成了，完结撒花

其他

你甚至还可以配置国内cdn回源到这里，以提升速度

就像这样

前言

又到了年末之时距离2023你还剩下两天，这时写这篇文章正好

回顾

回顾这一年青云做了许许多多的改动

青云工作室博客更新了主题，更加简洁大方

青云更换了域名 由qystudio.ltd改为qystu.cc

青云迁移了所有服务

青云工作室进行了备案，主体为拾小染网络科技（上海）有限责任公司

青云工作室转移了主体，隶属于武汉初柒网络科技有限公司，保留独立性

青云负责人加入了武汉初柒网络科技有限公司

青云将网站移动到了dcloud中，提高了网络速度

青云招收了3位作者为青云提供文章

青云更换了serviceworker脚本来加速网站

青云更换了sw安装脚本

青云部署了新的jsd代理cdn.chuqis.com不仅支持jsd的常规使用同时代理了cdnjs且支持了青云的图床使用

展望

我们希望未来可以

招收更多作者加入青云博客，尝试多作者模式

与携手初柒科技获得更多发展

更新博客主题，极致优化速度

优化SEO，对蜘蛛优化，增加搜索引擎流量

推广青云博客，收获更多流量

更多参与开源社区活动，聚焦公益项目

远航

最后希望在新的一年了，青云可以扬帆远航

同时预祝大家新年快乐😀 大吉大利

需要的东西

一个netlify账号

一个github账号

查阅文档

打开netlify的文档查看

格式

找到了路由设置的相关内容后可以看到这些内容和格式

If you specify your redirect rules in your Netlify configuration file, you can use a more structured configuration format with additional capabilities such as signed proxy redirects. In a netlify.toml file, we use TOML’s array of tables to specify each individual redirect rule. The following keywords are available:

from: The path you want to redirect.

to: The URL or path you want to redirect to.

status: The HTTP status code you want to use in that redirect; 301 by default.

force: Whether to override any existing content in the path or not; false by default. Visit the shadowing instructions for more details.

query: Query string parameters REQUIRED to match the redirect. Visit the query parameters instructions for more details.

conditions: Conditions to match the redirect, including country, role, and cookie presence conditions.

headers: Additional request headers to send in proxy redirects.

signed: Name of an environment variable for signed proxy redirects.

目录反代目录匹配

因为反代jsd同时需要反代jsd目录下的所有文件，所以这里需要有一个路径匹配

原文如下

An asterisk indicates a splat that will match anything that follows it.

You can use the splat in your rewrites or redirects like this:

/news/* /blog/:splat

This would redirect paths like /news/2004/01/10/my-story to /blog/2004/01/10/my-story.

所以我需要在 from的/后面添加* to的/后面添加:splat

实践代码

这里我需要http返回状态码为200

这样我的国内服务器就能再次反代netlify的cdn

整合完上面的设置配置就是这样了

这里我们需要把下面的代码放在新建名为 netlify.toml的文件中

注意这里的文件必须在仓库的根目录

1
2
3
4
5
6

[[redirects]]
from = "/*"
to = "https://cdn.jsdelivr.net/:splat"
status = 200
force = true
headers = {X-From = "Netlify"}

然后把这个仓库上传到github

之后我们点击这里在netlify新建一个项目并且选择已经上传到github仓库

然后等待部署完成即可

完结撒花👏

前言

前阵子，我开始用cyf大佬的sw加速方案，前前后后我使用了三个不同作者所开发的sw加速，但是因cyf的代码过于难以了解（我菜），而去使用了yfun大佬的代码，以便网页在前端被更新

为什么要首屏优化

在使用cyf大佬的方案是我发现了cyf的首屏优化方案

事实上，ServiceWorker最显著的缺点是要在第一次加载网页安装后，刷新一次才能激活。即访客第一次访问是不受sw控制的。换句话说，访客首屏不受加速，其加载速度与你的服务器有直接联系 [虽然安装完成后就起飞了,但安装前就是屑]。

更加令人抓狂的是，在首屏加载时，静态资源会被直接获取，并且不缓存，而sw激活后又会强制第二次获取，拉跨速度。不过我们可以尽可能弱化这一劣势。我们可以用js打断所有的请求，以确保首屏只加载一个html和一个sw.js，其余资源都不会加载，降低首屏加载延迟。

所以我尝试使用了cyf大佬的首屏优化，而且有一个帅气的sw安装页面谁不爱呢

我前后使用了两种首屏优化样式这里都分享出来

方案1（by cyfan）

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

<!-- sw前端竞速 -->
<script>
(async () => {//使用匿名函数确保body已载入
    /*
    QYBlogHelper_Set 存储在LocalStorage中,用于指示sw安装状态
    0 或不存在 未安装
    1 已打断
    2 已安装
    3 已激活,并且已缓存必要的文件(此处未写出,无需理会)
    */
    if ('serviceWorker' in navigator) { //如果支持sw
        if (Number(window.localStorage.getItem('QYBlogHelper_Set')) < 1) {
            setTimeout(async () => {
                console.log('检测到您的浏览器没有安装QYBlogHelper，开始注册')
                window.stop()
                window.localStorage.setItem('QYBlogHelper_Set', 1)
                const replacehtml = await fetch('https://npm.elemecdn.com/chenyfan-blog@1.0.13/public/notice.html')
                document.body.innerHTML = await replacehtml.text()
                $('#info').innerText = '尝试安装QYBlogHelper...';
            }, 0);
        }
        const $ = document.querySelector.bind(document);//语法糖
        navigator.serviceWorker.register(`/sw.js?time=${new Date().getTime()}`)//随机数,强制更新
            .then(async () => {
                if (Number(window.localStorage.getItem('QYBlogHelper_Set')) < 2) {
                    setTimeout(() => {
                        $('#info').innerText = '安装成功,稍等片刻...';
                    }, 0);
                    setTimeout(() => {
                        window.localStorage.setItem('QYBlogHelper_Set', 2)
                        console.log('准备跳转')
                        window.location.reload()//刷新,以载入sw
                    }, 500)//安装后等待500ms使其激活
                }
            })
            .catch(err => console.error(`QYBlogHelperError:${err}`))
    } else {
        setTimeout(() => {
            $('#info').innerText = '很抱歉,我们已不再支持您的浏览器.';
        }, 0);
    }
})()
</script>

方案2（by yfun）

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

<!-- sw前端竞速 -->
<script>
(async () => {//使用匿名函数确保body已载入
    /*
    QYBlogHelper_Set 存储在LocalStorage中,用于指示sw安装状态
    0 或不存在 未安装
    1 已打断
    2 已安装
    3 已激活,并且已缓存必要的文件(此处未写出,无需理会)
    */
    if ('serviceWorker' in navigator) { //如果支持sw
        if (Number(window.localStorage.getItem('QYBlogHelper_Set')) < 1) {
            setTimeout(async () => {
                console.log('检测到您的浏览器没有安装QYBlogHelper，开始注册')
                window.stop()
                window.localStorage.setItem('QYBlogHelper_Set', 1)
                const replacehtml = await fetch('https://npm.elemecdn.com/qycdn@0.9.13/html/swinstall.html')
                document.body.innerHTML = await replacehtml.text()
            }, 0);
        }
        const $ = document.querySelector.bind(document);//语法糖
        navigator.serviceWorker.register(`/sw.js?time=${new Date().getTime()}`)//随机数,强制更新
            .then(async () => {
                if (Number(window.localStorage.getItem('QYBlogHelper_Set')) < 2) {
                    setTimeout(() => {
                        window.localStorage.setItem('QYBlogHelper_Set', 2)
                        console.log('准备跳转')
                        window.location.reload()//刷新,以载入sw
                    }, 500)//安装后等待500ms使其激活
                }
            })
            .catch(err => console.error(`QYBlogHelperError:${err}`))
    } else {
        setTimeout(() => {
            console.log('很抱歉,我们已不再支持您的浏览器');
        }, 0);
    }
})()
</script>

注意事项

frp服务端搭建

首先我们先安装一键部署frp的脚本,如果是阿里云的服务器直接用以下源：

Aliyun

1
2
3

wget https://code.aliyun.com/MvsCode/frps-onekey/raw/master/install-frps.sh -O ./install-frps.sh
chmod 700 ./install-frps.sh
./install-frps.sh install

首先选择下载源：：

默认是阿里云 回车

frp的监听端口我选7000 默认是5443默认就直接回车

vhost_http_port端口默认是80,但是我80端口已经给nginx了所以随便设置了8080,因为我用不到这个

同上我默认的443端口也是被占用了，所以直接随机给了4433

dashboard是监控面板网址的端口我们直接用默认的回车就行

监控面板的用户名和密码设置,接下来的一些日志配置直接回车就行,配置好后:

以上是我的frp服务器的配置

我已经把6443端口用nginx转发到我自己的域名上了登录就可以看到各种仪表盘

本地frp客户端搭建

进入github下载,我选择的是64位windows

解压后修改frpc.ini文件配置,这是我的配置

1
2
3
4
5
6
7
8
9
10

[common]
server_addr = 47.110.134.2  #frp服务器地址
server_port = 7000    #frp服务器监听端口
token = hBanuRmGrwNlNe10 #服务器token是随机的在上图的配置中有

[mstsc]
type = tcp
local_ip = 127.0.0.1 
local_port = 3389  #因为我是开远程桌面RDP所以是映射3389端口
remote_port = 6000

进入cmd 运行frp客户端

1

frpc.exe -c frpc.ini

报错：[service.go:103] login to server failed

原因是没有打开阿里云服务器安全组的7000端口,现在去打开

再次运行后, login to server success成功

试试远程连接，连不上

原因是没有打开阿里云安全组的6000端口,现在去打开

再次连接可以连上了

最后还有一点小坑，这里的登陆密码不能用pin码,我用户密码忘记了,需要用cmd管理员模式运行

1

net user username password

重置密码,这里非常感谢钢明兄

其他命令

Uninstall（卸载）

1

./install-frps.sh uninstall

Update（更新）

1

./install-frps.sh update

Hexo 博客的Github Action自动化部署是什么？

简单说，就是把hexo博客的源代码上传到github代码仓库，github在代码发生变动的时候，自动通过安装一系列nodejs环境和相关依赖，生成html页面到github pages仓库。

再简单点说，就是把本地生成博客的工作，全部交给github执行。

为什么要action

hexo 是一款快速、简洁且高效的静态博客框架，因为它的高可定制性，所以深受各个程序员的喜爱，我也曾一头扎进去研究过，魔改了vlts主题，在使用过程中，也渐渐的发现了一些问题

情景一，当浏览自己某篇博客时发现了一些错误之后想要马上修改时，将要经历经历一下步骤
在本地的hexo博客文件夹中找到source/_post文件夹
找到那个md文件，打开修改
然后还要经历hexo clean,hexo g，hexo d

情景二，当想要马上写一篇博客时，需要经历以下步骤
在博客根目录中hexo n “博客名”
点击进入source/_post文件夹中找到这个md文件并打开写博客
然后还要经历hexo clean,hexo g，hexo d
且hexo是由nodejs编写的，性能不佳，生产需要较长时间
action的高性能可以解决这些问题

这样做的好处

随时随地都能修改或增加博文

使用hpp,qexo,wexa等编辑器

前言

网上这种教程一大堆，有的装了插件不一样（gulp等等），有的部署方法（ssh、令牌）不一样，以至于自动化部署的文件写法也不一样。

我这里尽量写一个适合小白和大多数hexo博客的一个自动化部署的教程。

总体步骤 ：

• 使用Github令牌部署hexo博客
• Github新建一个私有仓库，并上传hexo博客源码
• 配置Github Action实现自动化部署

How to do

获取github令牌

前往github新建一个token

注意token只会显示一次注意保存，同时注意``注意``注意千万不要暴露token

注意先保存，等新建仓库后填入

在源码仓库的密钥处填入

PERSONAL_TOKEN里面写密钥即可

上传源码

首先初始化本地仓库

1
2
3
4

git init 
git add . 
git commit -m "first commit" 
git branch -M main git remote add origin https://github.com/username/xxx.git 

注意自己看着改

然后把在.git/config里面修改类似这样的远程路径https://github.com/username/xxx.git改成https://TOKEN@github.com/username/xxx.git

1

git push -u origin main

然后你就可以看到你的源码被推送到了远程仓库

配置自动流程

既然做的这一步了，就只差一步了配置自动化流程，帮助我们自动生成网页文件并推送到静态页面仓库

打开action new workflow 或者在本地新建.github/workflows/main.yml的文件

填入以下代码

已经很详细的看了上面的阐述，并且我不会直接照搬

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50

name: Deploy
'on':
  - workflow_dispatch
  - push
jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@v3
        with:
          ref: main
      - name: Setup Node
        uses: actions/setup-node@v2
        with:
          node-version: 16.x
      - name: Install Hexo
        run: |
          npm install hexo-cli -g
          npm install -g gulp //如果没有gulp把这行去掉
      - name: Cache Modules
        uses: actions/cache@v2.1.1
        id: cache-modules
        with:
          path: node_modules
          key: ${{runner.OS}}-${{hashFiles('**/package-lock.json')}}
      - name: Install Dependencies
        if: steps.cache-modules.outputs.cache-hit != 'true'
        run: |
          npm ci
      - name: Setting Token
        run: |
          sed -i "s/.Baidu_Token/${{ secrets.BAIDU_TOKEN }}/" _config.yml
      - name: Generate
        run: |
          hexo clean
          hexo recommend
          hexo generate
          gulp //如果没有gulp把这行去掉
          git clone https://github.com/username/username.github.io.git .public
      - name: Deploy
        uses: peaceiris/actions-gh-pages@v3
        with:
          personal_token: ${{ secrets.PERSONAL_TOKEN }}
          publish_dir: ./public
          external_repository: username/username.github.io
          publish_branch: main
          exclude_assets: ''
          user_name: github-actions[bot]
          user_email: github-actions[bot]@users.noreply.github.com

暑假准备做什么？

维护博客

魔改主题(偷偷说一句pr有问题)

催狗子熙写官网

挑战五天不停更

写一个新的友链提交

练字

预习高中数理化

搞点钱

总结

如果还有再补充

结

最后，请教一下水动力学教授，专家，

(1) 在你们的教学实验之中，是否听说过水沙冲击下重物反而会向上游长距离移动的任何例子？

(2) 如果上述问题的答案是否定的，那么初中语文课本给出这样一篇明显违反能量守恒原理的文章，要不要建议教育部从课本中删去？谁来提这个建议呢？

评

违反能量守恒原理的文章在课本里有意思吗。。。

npm发包

Before Start

那么我们怎么才能继续愉快的使用cdn加速呢

• jsd
• 反代
• npm

自建cdn

绝对不可能😭 ，这太费钱包了

npm发包

将github的cdn仓库编辑一个action使其在每次更新文件时把文件打包到npm仓库里

说做就做

workflows

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

name: npm-publish 
 
on: 
  push: 
    branches: 
      - main 
       
  workflow_dispatch: 
   
jobs: 
  npm-publish: 
    name: npm-publish 
    runs-on: ubuntu-latest 
     
    steps: 
    - name: Checkout repository 
      uses: actions/checkout@v2 
       
    - name: Set up Node.js 
      uses: actions/setup-node@master 
      with: 
        node-version: 12 
        registry-url: https://registry.npmjs.org 
         
    - name: update
      run: |
        npm version patch
    - name: Publish 
      run: | 
        npm publish 
      env: 
        NODE_AUTH_TOKEN: ${{ secrets.npm_token }}

这样就可以方便的分发cdn文件的npm了

镜像

既然有npm，那么类似jsd的镜像就很多了

其他方案(前端竞速)

去看cyfan的博客

小结

这篇文章在2月就准备开始写了，憋到今天才发布

前端竞速不会的还在问，会用的同学已经用起来了，我的博客速度怎么样，留言告诉我

重启时间

重启时间预计定在8月中旬

再起航

在8月重启网站时，我们将带来更好的网站，更快的速度

同时会重构开往的官网

预计我们会在开源美化的主题同时，尝试开源全部源码

而且青云将建立一个基于gitea的代码托管平台，拥有CI/CD

请耐心等待，青云将变得更好

聊天扯淡加群

为什么写这篇文章

你是否一直在找一个hexo后台，但不尽人意，或许在没有qexo之前，hpp是一个很好的选择，但是显然拥有更多能力的qexo是更好的选择

为什么

qexo拥有如下功能

• 自定义图床上传图片
• 在线配置编辑
• 在线文章管理
• 在线页面管理
• 在线友链管理
• 较为完善的缓存功能
• Webhook 清除缓存
• 自动检查更新
• 实验性的在线更新
• 开放的 API

那么看起来qexo是非常强大的

怎么用

申请 MongoDB

注册 MongoDB 账号 创建免费 MongoDB 数据库，区域推荐选择 AWS / N.
Virginia (us-east-1) 在 Clusters 页面点击 CONNECT，按步骤设置允许所有 IP 地址的连接），创建数据库用户，并记录数据库连接信息，密码即为你所设置的值

一键部署

点击按钮开始部署

重新进入项目，在项目设置界面添加环境变量 Environment Variables

在 Deployments 点击 Redeploy 开始部署，若没有 Error 信息即可打开域名进入初始化引导

相关api

写在前面

1. Qexo 的 API 后方通常加上斜杠，否则可能出现重定向，可能会影响使用
2. 若没有特殊说明，以下 API 都需要鉴权 ，具体方法为在 POST 或 GET 中添加项 token=”API密钥”
3. Qexo 的 API 分为对公与程序内部调用两种，分别位于 pub 和 api 路径下，本文只说明对外 API，即可以通过 API 密钥进行校验
4. 若没有特殊说明，本文提到的参数均需要 POST 请求

对公 API

pub/save/

修改文件

1
2
3
4

{
    "msg": "OK!",
    "status": true
}

pub/save_post/

修改文章

1
2
3
4

{
    "msg": "OK!",
    "status": true
}

pub/save_draft/

保存文章草稿

1
2
3
4

{
    "msg": "OK!",
    "status": true
}

pub/new/

新建文件

1
2
3
4

{
    "msg": "OK!",
    "status": true
}

pub/delete/

删除文件

1
2
3
4

{
    "msg": "OK!",
    "status": true
}

pub/delete_post/

删除文章

1
2
3
4

{
    "msg": "OK!",
    "status": true
}

pub/create_webhook/

创建 Webhook 事件

1
2
3
4

{
    "msg": "设置成功！",
    "status": true
}

pub/get_update/

获取更新

1
2
3
4
5
6
7
8

{
    "hasNew": false,
    "newer": "1.5.5",
    "newer_link": "https://github.com/am-abudu/Qexo/releases/tag/1.5.5",
    "newer_time": "2022-02-16 23:27:23",
    "newer_text": " 修复已知BUG; 添加友链清理功能  ",
    "status": true
}

pub/get_posts/

获取文章列表

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

{
    "status": true,
    "posts": [
        {
            "name": "10",
            "fullname": "10.md",
            "path": "source/_posts/10.md",
            "size": 592,
            "status": true
        },
        {
            "name": "11",
            "fullname": "11.md",
            "path": "source/_posts/11.md",
            "size": 1118,
            "status": true
        }
    ]
}

pub/get_pages/

获取页面列表

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

{
    "status": true,
    "pages": [
        {
            "name": "404",
            "path": "source/404/index.md",
            "size": 5059
        },
        {
            "name": "about",
            "path": "source/about/index.md",
            "size": 141
        }
    ]
}

pub/get_configs/

获取配置列表

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

{
    "status": true,
    "configs": [
        {
            "name": "main.yml",
            "path": ".github/workflows/main.yml",
            "size": 1500
        },
        {
            "name": "_config.butterfly.yml",
            "path": "_config.butterfly.yml",
            "size": 27990
        }
    ]
}

pub/get_images/

获取图片列表

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

{
    "status": true,
    "images": [
        {
            "name": "avatar-new-test3.png",
            "size": 556194,
            "url": "https://xxx",
            "date": "2021-11-15 23:03:53",
            "time": "1636988633.7590833"
        },
        {
            "name": "image.png",
            "size": 2080250,
            "url": "https://xxx",
            "date": "2022-02-15 16:05:39",
            "time": "1644912339.5202296"
        }
    ]
}

pub/fix/

自动修复程序

1
2
3
4

{
    "msg": "尝试自动修复了 1 个字段，请在稍后检查和修改配置",
    "status": true
}

pub/friends/

获取友链 无需鉴权

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

{
    "data": [
        {
            "name": "iMaeGoo’s Blog",
            "url": "https://www.imaegoo.com/",
            "image": "https://www.imaegoo.com/images/avatar.jpg",
            "description": "虹墨空间站",
            "time": "1642516414.3821218"
        },
        {
            "name": "Icarus",
            "url": "https://ppoffice.github.io/hexo-theme-icarus/",
            "image": "https://ppoffice.github.io/hexo-theme-icarus/img/avatar.png",
            "description": "本站主题",
            "time": "1642516682.7982264"
        }
    ],
    "status": true
}

pub/add_friend

新增友链

1
2
3
4
5

{
    "msg": "添加成功！",
    "time": "1642516682.7982264",
    "status": true
}

pub/edit_friend

编辑友链

1
2
3
4

{
    "msg": "修改成功！",
    "status": true
}

pub/del_friend

删除友链

1
2
3
4

{
    "msg": "删除成功！",
    "status": true
}

pub/ask_friend

申请友链 无需鉴权但需要在设置中开启

1
2
3
4
5

{
    "msg": "申请成功！",
    "time": "1642516682.7982264",
    "status": true
}

pub/last 已移除于1.6.2

获取博主最后在线时间 已移除请使用/pub/status/

1
2
3
4

{
    "msg": "1645543096",
    "status": true
}

pub/get_custom

获取自定义的字段 无需鉴权

1
2
3
4

{
    "data": "xxxx",
    "status": true
}

pub/get_notifications

获取消息

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

{
    "data": [
        {
            "label": "title",
            "content": "text",
            "timestamp": "1647668134.7664979",
            "time": "2022-03-19 13:35:34"
        },      
        {
            "label": "title1",
            "content": "text1",
            "timestamp": "1647668134.7664979",
            "time": "2022-03-19 13:35:34"
        },

    ],
    "status": true
}

pub/status

获取博客基本信息 无需鉴权

1
2
3
4
5
6
7

{
    "data": {
        "posts": "68",
        "last": "1648050031"
    },
    "status": true
}

错误示例

错误返回在大多数情况相同

1
2
3
4

{
    "msg": "Error Message", 
    "status": false
}

更多

去问abudu

终于水完这篇文章了

问题

在查看了日志最后发现了如下报错

1

Did you forget to signal async completion?

在查看了gulp官网之后我人傻了,全是英文

这是一个新特性,简单来说就是原因: gulp 不再支持同步任务了。 因为同步任务常常会导致难以调试的细微错误,例如忘记从任务 (task)中返回 stream。 当你看到 “ Did you forget to signal async completion ?” 警告时,说明你并未使用前面提到的返回方式

意思是你没有写一个任务完成的返回通知(如果我描述有误评论区告诉我)

官网的原文是When you see the “Did you forget to signal async completion?” warning, none of the techniques mentioned above were used. You’ll need to use the error-first callback or return a stream, promise, event emitter, child process, or observable to resolve the issue.

解决方案

官网的解决方案是

Using async/await

即把原来类似这样的代码

1
2
3
4

const gulp = require('gulp');
gulp.task('testGulp', () => {
    console.log('Hello World!');
});

改成这样

1
2
3
4

const gulp = require('gulp');
gulp.task('testGulp', async() => {
   await console.log('Hello World!');
});

就正常了

更简单的方法

在我一顿搜索之后发现了更简单的方法

在不使用文件流的情况下，向task的函数里传入一个名叫done的回调函数，以结束task

例如源代码是这样的

1

gulp.task('default', gulp.series('one'));

那只要添加一个done的回调函数即可

1
2
3
4

gulp.task("default", done => {
    gulp.series("one");
    done();
  });

结语

又码了700多字,如果有其他问题可以在评论区回复噢，我会尽量回复的😃

部署

点我fork此仓库，然后在vercel中部署

或使用他部署

修改

打开 js/index.js修改个人信息

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45

$(document).ready(()=>{
console.log("Running...")
    if(window.location.hash===""){
        document.getElementsByClassName("loading-text")[0].innerHTML = "参数错误，将跳转回青云工作室<dot>...</dot>"
        setTimeout(()=>{
            window.location.href = "https://qystu.cc/"/* 这里 */
        },5000)
        return;
    }
    let reg = new RegExp(/#(.*)/g);
    let base64 = reg.exec(window.location.hash)
    let link = window.atob(base64[1])
    let referrer = document.referrer.split('/')[2];
    referrer = referrer===undefined?"":referrer.split('.')
    if(referrer[referrer.length-2]+'.'+referrer[referrer.length-1]!="pai233.top" || document.referrer===""){
        swal.fire({
            title: "确定访问？",
            text: "该网址不属于青云工作室，你确定要打开"+link+"吗？",/* 这里 */
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "确定",
            cancelButtonText: "取消",
          }).then(function(isConfirm){
            console.log(isConfirm)
            if (isConfirm) {
                console.log('setTimeout')
                setTimeout(function(){
                    window.location.href = link
                },3000)
            }  
            else {
                window.opener=null;
                window.open('','_self');
                window.close();
                /* 微信浏览器关闭 */ 
                WeixinJSBridge.call('closeWindow');
            }
        })
    }else{
        setTimeout(function(){
            window.location.href = link
        },3000)
    }
})

打开 js/checker.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

$(document).ready(function(){
    checkLink();
});
// 若博客启用了Pjax请去掉注释。
// $(document).on('pjax:complete', function () {
//     checkLink();
// });
async function checkLink(){
    let link = document.getElementsByTagName('a');
    for(var i=0;i<link.length;i++){
        //如果你的博客添加了Gitter聊天窗，请去掉下方注释
        if(link[i].href==="" /*|| link[i].className==="gitter-open-chat-button"*/)continue;
        if(!await checkLocalSite(link[i].href)){
            link[i].href = "[你的Go Jumper的部署地址]#"+window.btoa(link[i].href)
            //console.log("edit.")
        }
    }
}
async function checkLocalSite(url){
    try{
        //console.log("check:",url)
        let reg = new RegExp(/\/\/(.*)\//g)
        let domain = reg.exec(url)[1].split('/')[0].split('.')
        //console.log(domain,domain[domain.length-2]+'.'+domain[domain.length-1])
        domain = {
            //二级域名请去除下一行的注释
            check: (/*domain[domain.length-3]+'.'+*/domain[domain.length-2]+'.'+domain[domain.length-1]).split('/')[0],
            original: domain
        }
        //console.log(domain)/* 这里 */
        if(domain.check==="qystu.cc" || domain.original[0].split('/')[0]==="localhost:4000")return true;//将domain.check修改为根或二级域名，domain.original[0].split('/')[0]修改为本地测试页面
        return false;
    }catch(err){
        return true;
    }
}

引入

最后在博客的 _config.yml中引入
例如vlts的

1
2
3

import:
  script:
    - <script src="https://cdn.jsdelivr.net/gh/qystudio0/go-jumper/js/checker.js"></script>

如果你的主题不支持引入那么可以在head里添加

1

<script src="https://cdn.jsdelivr.net/gh/qystudio0/go-jumper/js/checker.js"></script>

结语

这样，当博客加载完毕的时候，博客的全部外链就会被加上二级跳转，但是源HTML里的外链不变。可以优化 SEO和加强网站体验

本文修改自pai233

源码参考自go-jumper