小朱朱

微信小程序图表渲染与翻页体验的“填坑”记

Thu, 25 Dec 2025 00:00:00 GMT

微信小程序开发，有时候真的像是“在玻璃渣里找糖吃”。

今天做一个年度账单的总结页面，本来一切都很顺利。页面布局、数据对接、后端开发，加起来只用了不到2个小时。看着模拟器里精美的界面，我心想：“稳了，今天能早点收工。”

然而，噩梦才刚刚开始。

消失的图表

在微信开发者工具里，ECharts 图表渲染得完美无缺，动画流畅，交互丝滑。我满怀信心地点击上传、发布体验版，掏出手机预览——

图表全都不见了，只有一片空白。

一瞬间心态崩了。明明代码没有任何报错，工具里也正常，怎么真机就“跪”了？我以为是样式问题，开始让 AI 帮忙排查：延迟加载、修改 CSS、调整 Z-index、甚至重写初始化逻辑。折腾了整整3个小时，代码改得面目全非，手机上的图表依然顽固地隐身。

最后实在没办法，我冷静下来，找出了之前一个能正常显示图表的页面，进行逐行代码比对。

终于，我发现了一个关键的区别：正常的页面用的是普通的 <view>，而这个出问题的页面用的是 <scroll-view>。

梦中惊醒。原来，微信小程序的原生组件（Canvas 用于渲染 ECharts）在 <scroll-view> 中存在及其诡异的渲染层级问题，尤其是在安卓和部分 iOS 真机上。这就是图表“消失”的元凶。

我果断把 content wrapper 从 <scroll-view> 换成了 <view> 容器，配合 overflow-y: scroll。重新编译，真机扫码——图表出来了！

翻页的“阵痛”

图表是显示出来了，但为了实现“年度账单”那种一屏一页的沉浸式体验，我使用了 CSS Scroll Snap (scroll-snap-type: y mandatory)。

结果新的问题又来了：

过于灵敏：手指轻轻一划，页面就像刹不住车一样飞出去好几页。
卡顿尴尬：经常出现“上不去下不来”的情况，页面停在两个页面的中间，上面一半显示图表，下面一半显示文字，体验极差。

我又开始疯狂问 AI 如何优化滚动阻尼和吸附效果，但在小程序里，CSS Scroll Snap 的兼容性和手感总是差点意思。

终极方案：回归 Swiper

最后，AI 给出了一个“返璞归真”的建议：直接使用微信原生的 <swiper> 组件。

<swiper vertical="true" bindchange="onSwiperChange" style="height: 100vh;">
  <swiper-item> Page 1 </swiper-item>
  <swiper-item> Page 2 </swiper-item>
  ...
</swiper>

改完之后，世界清静了：

强制整页翻动：再也不会卡在半空中，每一页都严丝合缝。
自带阻尼：滑动体验丝般顺滑，不再“乱飞”。
精准的生命周期：利用 bindchange 事件，我可以精确控制每一页图表的加载时机（翻到这一页再渲染动画），完美解决了图表预加载的性能问题。

总结

微信小程序的开发，真的是在“坑”里仰望星空。

ECharts 慎用 Scroll-View：除非万不得已，能用 view 就别用 scroll-view 包裹 Canvas。
全屏翻页首选 Swiper：不要迷信 CSS 魔法，原生 swiper 组件才是做 H5 翻页效果的王道。

（完）

DockerINDocker中代理配置

Sat, 08 Nov 2025 00:00:00 GMT

在docker In docker中，配置拉取镜像的代理，需要配置daemon.json文件，而不是docker.service文件。在/etc/docker/daemon.json文件中添加如下配置：

{
"proxies": {
    "http-proxy": "socks5h://10.10.0.20:7897",
    "https-proxy": "socks5h://10.10.0.20:7897",
    "no-proxy": "localhost,127.0.0.1"
  },
  "insecure-registries": ["10.10.0.2:2000"]
}

Linux http配置大小写的差异

Sat, 08 Nov 2025 00:00:00 GMT

Linux中常用的http配置为：

export http_proxy=http://192.168.1.2:7897
export https_proxy=http://192.168.1.2:7897

但是有的软件读取的时候识别的是大写的HTTP_PROXY，所以需要将配置改为：

export HTTP_PROXY=http://192.168.1.2:7897
export HTTPS_PROXY=http://192.168.1.2:7897

因此我们在～/.bashrc中添加如下配置：

export HTTP_PROXY=http://192.168.1.2:7897
export HTTPS_PROXY=http://192.168.1.2:7897
export http_proxy=http://192.168.1.2:7897
export https_proxy=http://192.168.1.2:7897

大小写都写上，这样就不会出现找不到代理的问题了。

记一次Nginx反代飞牛遇到416的问题

Wed, 05 Nov 2025 00:00:00 GMT

问题

Nginx 反代飞牛用标准的反代方式之前用的都一切正常，但是最近使用了飞牛影视，发现一直播放失败，控制台查看日志发现有416的错误，使用飞牛的地址直接请求是正常的，原以为是使用了CDN的原因，准备开喷了都。遂想着顺手排查一下是不是Nginx配置的问题，使用一个没有CDN的地址，发现还是416，这就很奇怪了，这误会了，是Nginx的锅，不是CND的锅。直接请求飞牛返回的是206，而Nginx返回的是416。

问了一下AI说是 Nginx 没有正确地处理或传递客户端的 Range 头信息。需要添加如下配置

    proxy_set_header Range $http_range;
    proxy_set_header If-Range $http_if_range;
    proxy_buffering off;

配置完飞牛的完整配置如下


#PROXY-START/


location ^~ /v/api/v1/media/range/
{
    proxy_set_header Range $http_range;
    proxy_set_header If-Range $http_if_range;
    proxy_buffering off;
    proxy_pass http://192.168.101.2:5666;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header REMOTE-HOST $remote_addr;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection $connection_upgrade;
    proxy_http_version 1.1;
    # proxy_hide_header Upgrade;

    add_header X-Cache $upstream_cache_status;

    #Set Nginx Cache
    
    
    set $static_fileQesizG7c 0;
    if ( $uri ~* "\.(gif|png|jpg|css|js|woff|woff2)$" )
    {
    	set $static_fileQesizG7c 1;
    	expires 1m;
        }
    if ( $static_fileQesizG7c = 0 )
    {
    add_header Cache-Control no-cache;
    }
}

location ^~ /
{
    proxy_pass http://192.168.101.2:5666;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header REMOTE-HOST $remote_addr;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection $connection_upgrade;
    proxy_http_version 1.1;
    # proxy_hide_header Upgrade;

    add_header X-Cache $upstream_cache_status;

    #Set Nginx Cache
    
    
    set $static_fileQesizG7c 0;
    if ( $uri ~* "\.(gif|png|jpg|css|js|woff|woff2)$" )
    {
    	set $static_fileQesizG7c 1;
    	expires 1m;
        }
    if ( $static_fileQesizG7c = 0 )
    {
    add_header Cache-Control no-cache;
    }
}

#PROXY-END/

记一次巨离谱的调试

Fri, 24 Oct 2025 00:00:00 GMT

调试一上午，发现是打包 Docker 时候的一个小问题导致的。

🐛 问题描述

一台服务器上打包的 Docker 镜像，在另一台服务器上部署后，容器无法访问外部网络。

🔍 排查过程

初步怀疑：防火墙 这台服务器的 iptables 配置了 DOCKER-USER 链的相关防火墙。联想到之前也因为防火墙导致过类似问题，所以这次第一反应还是认为是防火墙导致的。
无效的尝试 于是开始疯狂在防火墙上找问题：
- 重启了 N 遍防火墙和 Docker 服务，不行。
- 甚至在 DOCKER-USER 链的最上层添加 0.0.0.0/0 的 ACCEPT 规则，还是不行。
转折点 在几近崩溃时，突然想到一个问题：这个 docker-compose 下的其他容器是否正常？ 测试后发现，哎～其他容器的网络是正常的，唯独这个新镜像的容器不行！
定位“元凶” 问题基本锁定在镜像本身。遂回头查看 Dockerfile 文件，发现了这几行：
```
ENV http_proxy=http://10.10.0.20:7897
ENV https_proxy=http://10.10.0.20:7897
ENV no_proxy=localhost,127.0.0.1
```
这个代理 10.10.0.20:7897 仅在打包服务器上可用，在部署服务器上是无法访问的。而这几个环境变量在打包后没有被置空，被一起打进了镜像里！

💡 解决方案

问题找到了，解决就很简单了。尝试进入容器内部，使用 unset 命令清除了这几个环境变量：

unset http_proxy
unset https_proxy
unset no_proxy

😮‍💨 总结

一上午的时间，就因为这么一个小小的疏忽流逝了。

P2P慢成PPT？一招CDN暴力加速，让你的异地组网丝滑如德芙！

Fri, 29 Aug 2025 00:00:00 GMT

一、开头：那个深夜，我差点砸了我的NAS

你是不是也遇到过这样的崩溃瞬间？

苦心搭建的异地组网，远程桌面卡得像在看逐帧动画，鼠标漂移到怀疑人生。
想从家里的NAS拖个文件到公司，看着那几KB/s的速度，感觉它是在“跨球”传输。
手机连上家里的网，想看个监控，结果转了三分钟圈圈，激情早已被消磨殆尽。

我们满怀激情地拥抱EasyTier这样的P2P“神器”，奔着“去中心化”、“数据自由”的理想而去，结果却在现实的网速面前撞得头破血流。连接是成功了，但那龟速的体验，像极了爱情里那句扎心的话：“我们不合适”。

二、提问：我们到底错过了什么？

明明我家2000M，公司1000M，为什么点对点之后，速度连2G时代都不如？

P2P（Peer-to-Peer）的理念是美好的——节点直连，不经中转。但现实是残酷的，从你家到你朋友家，中间隔着的是由无数个运营商、交换机组成的“运营商丛林法则”。你的数据包可能绕了半个中国才找到对方，延迟高、丢包严重，体验自然拉胯。

难道，为了追求去中心化的自由，我们就必须忍受这该死的“慢”吗？

不！今天，我就要捅破这层窗户纸，告诉你一个“曲线救国”的骚操作：用魔法打败魔法！我们给去中心化的P2P，套上一层中心化的“CDN氮气瓶”！

三、观点与案例：让云厂商为你的“私有网络”打工！

我们的核心思路很简单：借鸡生蛋。既然我们自己到对方的网络路径质量差，那就“薅”一条高质量的VIP通道——云厂商的CDN。

具体方案： 利用CDN（如阿里云ESA或腾讯云EdgeOne）来加速EasyTier的 wss 协议连接。你的设备（节点B）不再直接“跋山涉水”去找服务器（节点A），而是先就近连接到CDN的边缘节点，然后由CDN通过它们高速的BGP骨干网，将流量精准、稳定地送到你的节点A。

这就好比： 你要去一个很远的地方，普通P2P是自己开拖拉机去，路况未知；而用了CDN，就是在家门口坐上高铁，直达目的地。

【实战演练：三步搞定，让你的网络起飞！】

准备工作：

一台有公网IP（IPv4/v6都行）的服务器（后称节点A）
你的其他设备（后称节点B）
一个已备案的域名（国内CDN加速必备！）
阿里云ESA或腾讯云EdgeOne账号
最新版EasyTier（本文使用v2.4.1）

Step 1: 配置你的“大本营”（节点A）

在节点A上启动EasyTier，关键在于监听协议选择 wss，并让它映射到你的域名上。

监听地址：wss://0.0.0.0:11012 （端口号可自定义）
映射监听：wss://easytier.xxx.com:0/ws （xxx.com 换成你的域名）

就像这样配置：

Step 2: 召唤“CDN神兽”（阿里云ESA / 腾讯云EdgeOne）

二者选一即可，它们各有千秋。

方案A：阿里云ESA（速度派）

添加域名：在ESA控制台，添加你的域名，并将CNAME指向节点A的公网IP。
申请证书：为你的域名申请一个免费的SSL证书，开启HTTPS强制跳转。
配置回源：这是最关键的一步！设置回源协议为 https，回源地址为你的节点A公网IP，回源端口为 11012（与节点A监听端口一致）。

方案B：腾讯云EdgeOne（延迟派）

站点接入：在EdgeOne控制台，添加你的域名，并将CNAME指向节点A的公网IP。
配置回源与证书：

回源协议选择 HTTPS（EdgeOne会将WSS视为HTTPS流量），端口填写 11012。
为节点申请并配置SSL证书。

Step 3: “小兵”集结（节点B）

现在，在你的其他设备（节点B）上配置EasyTier就极其简单了。在“节点连接”处，直接填上我们CDN加速后的域名地址：

节点连接：wss://easytier.xxx.com:0/ws

启动节点B，稍等片刻，你就能在网络拓扑中看到，节点B与节点A的连接方式已经变成了闪亮的 WSS！这意味着，你的数据已经跑在了云厂商的VIP高速公路上！

四、社会现象分析：当“极客精神”遇上“实用主义”

我们为什么热衷于EasyTier、Tailscale这类工具？因为在这个数据为王的时代，我们渴望构建一个属于自己的、可控的、安全的私有网络。这是一种数字时代的“圈地运动”，是技术人的浪漫。

然而，纯粹的“去中心化”理想，在复杂的现实网络环境中往往会碰壁。今天这个方案，看似用“中心化”的CDN解决了问题，实则是一种更成熟的思考：我们不应被技术理念束缚，而应灵活地组合利用现有最强大的工具，去实现我们的最终目的——一个高速、稳定、可靠的私有网络。 这不是对理想的背叛，而是务实的进化。

五、总结与升华：谁是你的“梦中情网”？

我们来实测对比一下两位“CDN神兽”的表现：

腾讯云EdgeOne：延迟杀手
优点：延迟极低！实测仅20ms，几乎和我用TCP直连的速度一模一样，回源节点质量非常高。
缺点：免费版限速500KB/s。
适用场景：对延迟极度敏感的操作，如远程桌面、SSH、在线协作。
阿里云ESA：速度猛兽
优点：不限速！带宽能跑多高，取决于你的服务器和本地网络。
缺点：延迟相对较高，实测约80ms。
适用场景：需要大带宽的场景，如异地文件传输、视频流媒体。

结论： 没有最好的，只有最合适的。通过简单的CDN配置，我们不仅解决了P2P网络慢的痛点，还拥有了根据需求自由切换“低延迟模式”和“高带宽模式”的超能力。

我们从最初的“连接万物”，进化到了“高效连接万物”。这不仅仅是一次网络优化，更是一次技术思维的升级——懂得借力，才能真正让技术为我所用。

六、金句收尾

最好的异地组网，就是让“异地”感觉不到距离。

七、开放问题

好了，技术干货就到这里。现在轮到你了：面对低延迟和高带宽，你会选择做“手速超神的电竞选手”，还是“下载看片从不等待的仓鼠党”？在评论区聊聊你的选择吧！

aliyun-esa

Wed, 06 Aug 2025 00:00:00 GMT

阿里云ESA加速效果不错，非常推荐！
不限速，不限量，不用抽奖。
领取链接：http://s.tb.cn/e6.0Fu67m

vscode端口转发

Mon, 26 May 2025 00:00:00 GMT

VS Code 端口转发指南 🔌

在 Visual Studio Code (VS Code) 中进行端口转发主要有两种方法：使用命令面板和配置 SSH 文件。

方法一：使用命令面板转发

通过 VS Code 的命令面板转发端口非常直接。

打开命令面板 (快捷键: Ctrl + Shift + P 或 Cmd + Shift + P on macOS)。
输入“转发端口”(Forward a Port)。
选择“转发端口”选项。
输入需要转发的端口号和目标地址。

您也可以直接在 VS Code 的“端口”视图中配置端口转发，如下图所示： ⚠️ 注意： 此方法默认将端口转发到本机的 localhost。这意味着局域网内的其他设备可能无法访问该转发端口。

方法二：使用 SSH 配置文件转发

通过修改 SSH 配置文件 (.ssh/config)，您可以实现更灵活的端口转发设置。

1. 本地端口转发到远程服务器

将本地机器的某个端口的流量转发到远程服务器的指定端口。

在您的 .ssh/config 文件中，为目标主机添加或修改以下行：

Host your_remote_host_alias
    HostName your_remote_host_ip_or_domain
    User your_username
    LocalForward 0.0.0.0:3001 0.0.0.0:3001

将 your_remote_host_alias, your_remote_host_ip_or_domain, 和 your_username替换为您的实际配置。
LocalForward 0.0.0.0:3001 0.0.0.0:3001 表示将本机所有网络接口的 3001 端口的流量转发到远程服务器所有网络接口的 3001 端口。
- 第一个 0.0.0.0:3001 指的是本地监听的地址和端口。使用 0.0.0.0 意味着允许来自任何网络接口（包括局域网）的访问。如果只想监听本地回环地址，可以使用 127.0.0.1:3001。
- 第二个 0.0.0.0:3001 指的是远程目标地址和端口。

连接到此 SSH 主机后，访问本机的 http://0.0.0.0:3001 (或配置的IP和端口) 实际上会访问远程服务器的 0.0.0.0:3001。

2. 远程端口转发到本地机器

将远程服务器某个端口的流量转发到本地机器的指定端口。

在您的 .ssh/config 文件中，为目标主机添加或修改以下行：

Host your_remote_host_alias
    HostName your_remote_host_ip_or_domain
    User your_username
    RemoteForward 0.0.0.0:7891 127.0.0.1:7890

RemoteForward 0.0.0.0:7891 127.0.0.1:7890 表示将远程服务器所有网络接口的 7891 端口的流量转发到本机 127.0.0.1 (localhost) 的 7890 端口。
- 第一个 0.0.0.0:7891 指的是远程服务器监听的地址和端口。
- 第二个 127.0.0.1:7890 指的是本地目标地址和端口。

连接到此 SSH 主机后，当远程服务器的 0.0.0.0:7891 端口收到请求时，流量会被转发到您本地机器的 7890 端口。

查看qq空间历史说说

Tue, 24 Sep 2024 00:00:00 GMT

查看qq空间历史说说

打开浏览器开发者工具，点击与我相关。在网络控制台搜索 dmain.offset 第二个js文件就是，点击后右侧面板会定位到该文件点击响应的空白处，点击在"来源"面板中打开。在搜索框中搜索dmain.offset，找到对应的行。

p.offset = dmain ? (dmain.offset || 0) + (dmain.count || 10) : 0;

在此行下断点，下滑页面，会在此处断点，断到后在控制台输入

dmain.offset=52700

此处的52700是我查看的说说的总数，你可以根据你的说说总数来设置。然后点击继续，后面加载的就是你设定数量的说说了。如果显示没有更多动态显示，说明dmain.offset太大了。如果你想快速的查看自己dmain.offset的值，可以找到 https://user.qzone.qq.com/proxy/domain/ic2.qzone.qq.com/cgi-bin/feeds/feeds2_html_pav_all请求，对该请求进行重发，只需要修改请求中的offset参数即可。

注意

如果说说是已删除的，是无法点进查看原说说的。只能在该页面f12，定位到元素后查看大致的内容！

给女朋友写每日推送

Fri, 23 Aug 2024 00:00:00 GMT

    const gdkey = 'xxxx' //高德地图key
    const city = 'xxxx' //城市
    function getTimeDifferenceToNextFifteenth() {
        const today = new Date();
        const currentMonth = today.getMonth();
        const currentYear = today.getFullYear();

        // 下个月的15号
        const fifteenthNextMonth = new Date(currentYear, currentMonth + 1, 15);

        // 本月的15号
        const fifteenthThisMonth = new Date(currentYear, currentMonth, 15);

        // 如果今天是15号或之后，使用下个月的15号
        const nextFifteenth = today >= fifteenthThisMonth ? fifteenthNextMonth : fifteenthThisMonth;

        // 计算时间差（毫秒）
        const timeDifference = nextFifteenth - today;

        // 转换为天数
        const daysDifference = Math.ceil(timeDifference / (1000 * 60 * 60 * 24));

        return daysDifference

    }
    function calculateDaysDifference() {
        const targetDate = "2024-3-22"; // 指定的目标日期
        const today = new Date();
        const target = new Date(targetDate);
    
        // 计算时间差（毫秒）
        const timeDifference = today - target;
    
        // 转换为天数
        const daysDifference = Math.ceil(timeDifference / (1000 * 60 * 60 * 24));
    
        return daysDifference - 1;
    }
    

    function getDayOfWeek() {
        const date = new Date();
        const dayOfWeek = date.getDay(); // 返回值为0（周日）到6（周六）
        // 将返回值转换为1（周一）到7（周日）
        return dayOfWeek === 0 ? 7 : dayOfWeek;
    }

    function getFormattedTime() {
        const date = new Date();
        const year = date.getFullYear();
        const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始
        const day = String(date.getDate()).padStart(2, '0');
        return `${year}年${month}月${day}日`;
    }
    // http://timor.tech/api/holiday/year
    const holidaysData = {
        "01-01": {
            "holiday": true,
            "name": "元旦",
            "wage": 3,
            "date": "2024-01-01",
            "rest": 1
        },
        "02-10": {
            "holiday": true,
            "name": "初一",
            "wage": 3,
            "date": "2024-02-10",
            "rest": 4
        },
        "02-11": {
            "holiday": true,
            "name": "初二",
            "wage": 3,
            "date": "2024-02-11",
            "rest": 1
        },
        "02-12": {
            "holiday": true,
            "name": "初三",
            "wage": 3,
            "date": "2024-02-12",
            "rest": 1
        },
        "02-13": {
            "holiday": true,
            "name": "初四",
            "wage": 2,
            "date": "2024-02-13",
            "rest": 1
        },
        "02-14": {
            "holiday": true,
            "name": "初五",
            "wage": 2,
            "date": "2024-02-14",
            "rest": 1
        },
        "02-15": {
            "holiday": true,
            "name": "初六",
            "wage": 2,
            "date": "2024-02-15",
            "rest": 1
        },
        "02-16": {
            "holiday": true,
            "name": "初七",
            "wage": 2,
            "date": "2024-02-16",
            "rest": 1
        },
        "02-17": {
            "holiday": true,
            "name": "初八",
            "wage": 2,
            "date": "2024-02-17",
            "rest": 1
        },
        "04-04": {
            "holiday": true,
            "name": "清明节",
            "wage": 3,
            "date": "2024-04-04",
            "rest": 1
        },
        "04-05": {
            "holiday": true,
            "name": "清明节",
            "wage": 2,
            "date": "2024-04-05",
            "rest": 1
        },
        "04-06": {
            "holiday": true,
            "name": "清明节",
            "wage": 2,
            "date": "2024-04-06",
            "rest": 1
        },
        "05-01": {
            "holiday": true,
            "name": "劳动节",
            "wage": 3,
            "date": "2024-05-01",
            "rest": 17
        },
        "05-02": {
            "holiday": true,
            "name": "劳动节",
            "wage": 2,
            "date": "2024-05-02",
            "rest": 1
        },
        "05-03": {
            "holiday": true,
            "name": "劳动节",
            "wage": 3,
            "date": "2024-05-03",
            "rest": 1
        },
        "05-04": {
            "holiday": true,
            "name": "劳动节",
            "wage": 3,
            "date": "2024-05-04",
            "rest": 1
        },
        "05-05": {
            "holiday": true,
            "name": "劳动节",
            "wage": 3,
            "date": "2024-05-05",
            "rest": 1
        },
        "06-08": {
            "holiday": true,
            "name": "端午节",
            "wage": 2,
            "date": "2024-06-08",
            "rest": 30
        },
        "06-09": {
            "holiday": true,
            "name": "端午节",
            "wage": 2,
            "date": "2024-06-09",
            "rest": 1
        },
        "06-10": {
            "holiday": true,
            "name": "端午节",
            "wage": 3,
            "date": "2024-06-10",
            "rest": 1
        },
        "09-15": {
            "holiday": true,
            "name": "中秋节",
            "wage": 2,
            "date": "2024-09-15",
            "rest": 24
        },
        "09-16": {
            "holiday": true,
            "name": "中秋节",
            "wage": 2,
            "date": "2024-09-16",
            "rest": 1
        },
        "09-17": {
            "holiday": true,
            "name": "中秋节",
            "wage": 3,
            "date": "2024-09-17",
            "rest": 1
        },
        "10-01": {
            "holiday": true,
            "name": "国庆节",
            "wage": 3,
            "date": "2024-10-01",
            "rest": 13
        },
        "10-02": {
            "holiday": true,
            "name": "国庆节",
            "wage": 3,
            "date": "2024-10-02",
            "rest": 1
        },
        "10-03": {
            "holiday": true,
            "name": "国庆节",
            "wage": 3,
            "date": "2024-10-03",
            "rest": 1
        },
        "10-04": {
            "holiday": true,
            "name": "国庆节",
            "wage": 2,
            "date": "2024-10-04",
            "rest": 1
        },
        "10-05": {
            "holiday": true,
            "name": "国庆节",
            "wage": 2,
            "date": "2024-10-05",
            "rest": 1
        },
        "10-06": {
            "holiday": true,
            "name": "国庆节",
            "wage": 2,
            "date": "2024-10-06",
            "rest": 1
        },
        "10-07": {
            "holiday": true,
            "name": "国庆节",
            "wage": 2,
            "date": "2024-10-07",
            "rest": 1
        }
    };
    function getNextHoliday() {
        const today = new Date();
        console.log(today)
        let nextHoliday = null;
        let daysDifference = null;

        for (const key in holidaysData) {
            const holiday = holidaysData[key];
            const holidayDate = new Date(holiday.date);

            if (holidayDate >= today) {
                console.log(holidayDate)
                if (nextHoliday === null || holidayDate < nextHoliday.date) {
                    nextHoliday = holiday;
                    daysDifference = Math.ceil((holidayDate - today) / (1000 * 60 * 60 * 24));
                }
                if (holidayDate === today) {
                    return `今天是【${holiday.name}】`;
                }
            }
        }

        if (nextHoliday) {
            return `距离最近的节假日是【${nextHoliday.name}】还有${daysDifference}天`;
        } else {
            return '没有更多节假日';
        }
    }

    function checkIfTodayIsHoliday() {
        const today = new Date();
        const todayString = today.toISOString().split('T')[0];

        for (const key in holidaysData) {
            const holiday = holidaysData[key];
            if (holiday.date === todayString && holiday.holiday) {
                return `今天就是【${holiday.name}】`;
            }
        }

        return getNextHoliday();
    }
    let tianqi
    try {
        allday = await request({ url: $`https://restapi.amap.com/v3/weather/weatherInfo?key=${gdkey}&city=${city}&extensions=all`,json: true });
        today = allday.body.forecasts[0].casts[0]
        console.log(today)
        tianqi = `白天${today['dayweather']}，夜晚${today['nightweather']}，最高温度${today['daytemp']}，最低温度${today['nighttemp']}，${today['daywind']}风${today['daypower']}级`
    } catch (error) { 
        console.log(error)
        tianqi = ''
    }

    let yiyan
    try {
        const options = {
            method: 'POST',
            url: 'xxxx',//每日一言接口
            body: 'xxxx',
            json: true
        };
        yiyan = await request(options);
        yiyan = yiyan.body.data.result.answer
    } catch (error) {
        yiyan = '今天也是元气满满的一天哦~'
    }
    // 如果getDayOfWeek的值为6或7，说明今天是周末
    const zhoumo = getDayOfWeek() === 6 || getDayOfWeek() === 7 ? '今天是周末哦~' : `距离【周末】还有${6 - getDayOfWeek()}天`;
    const fagongzi = getTimeDifferenceToNextFifteenth() === 0 ? '今天发工资啦！' : `距离【发工资】还有${getTimeDifferenceToNextFifteenth()}天`;
    const tsmsg = `[CQ:face,id=319]和宝宝相恋【${calculateDaysDifference()}】天[CQ:face,id=319]\n[CQ:face,id=351]今天是${getFormattedTime()}[CQ:face,id=351]\n[CQ:face,id=293]是本周的第${getDayOfWeek()}天[CQ:face,id=293]\n[CQ:face,id=332]${zhoumo}[CQ:face,id=332]\n[CQ:face,id=332]${fagongzi}[CQ:face,id=332]\n[CQ:face,id=332]${checkIfTodayIsHoliday()}[CQ:face,id=332]\n[CQ:face,id=333]${tianqi}[CQ:face,id=333]\n【[CQ:face,id=63]${yiyan}[CQ:face,id=63]】`

效果展示：

记一次Github Actions的使用

Tue, 13 Aug 2024 00:00:00 GMT

使用Github Actions自动部署Fuwari博客到Azure static web apps

之前使用默认的配置都可以完成自动化部署，单身从昨天开始，Github Actions就一直报错，无法部署，查看日志，发现是有一个库的引用有问题。日志如下

5:15:55 AM [vite] Error when evaluating SSR module /github/workspace/astro.config.mjs: failed to import "astro-icon"
|- file:///github/workspace/node_modules/@iconify/tools/lib/svg/index.mjs:1
import cheerio from 'cheerio';
       ^^^^^^^
SyntaxError: The requested module 'cheerio' does not provide an export named 'default'
    at ModuleJob._instantiate (node:internal/modules/esm/module_job:134:21)
    at async ModuleJob.run (node:internal/modules/esm/module_job:217:5)
    at async ModuleLoader.import (node:internal/modules/esm/loader:316:24)
    at async nodeImport (file:///github/workspace/node_modules/vite/dist/node/chunks/dep-NjL7WTE1.js:52928:15)
    at async ssrImport (file:///github/workspace/node_modules/vite/dist/node/chunks/dep-NjL7WTE1.js:52786:16)
    at async eval (/github/workspace/astro.config.mjs:8:31)
    at async instantiateModule (file:///github/workspace/node_modules/vite/dist/node/chunks/dep-NjL7WTE1.js:52844:5)

[astro] Unable to load your Astro config

The requested module 'cheerio' does not provide an export named 'default'
  Stack trace:
    at ModuleJob._instantiate (node:internal/modules/esm/module_job:134:21)
    at async ModuleLoader.import (node:internal/modules/esm/loader:316:24)
    at async ssrImport (file:///github/workspace/node_modules/vite/dist/node/chunks/dep-NjL7WTE1.js:52786:16)
    at async instantiateModule (file:///github/workspace/node_modules/vite/dist/node/chunks/dep-NjL7WTE1.js:52844:5)


---End of Oryx build logs---
Oryx has failed to build the solution.

For further information, please visit the Azure Static Web Apps documentation at https://docs.microsoft.com/en-us/azure/static-web-apps/
If you believe this behavior is unexpected, please raise a GitHub issue at https://github.com/azure/static-web-apps/issues/
Exiting

搜了好久都没有解决，区fuwari的issue提问了之后，作者回复说只支持npnm,但是actions默认使用的时npm，所有需要修改actions的workflow文件，在Azure/static-web-apps-deploy@v1工作之前，添加构建步骤，将Azure/static-web-apps-deploy@v1的skip_app_build设置为true，让官方的工作流跳过构建。

    #自定义构建步骤
      - name: Install pnpm
        run: npm install -g pnpm

      - name: Install Dependencies
        run: pnpm install

      - name: Run Build
        run: pnpm build

这里又遇到了新的问题，默认的app_location是/，output_location是dist,但是自定义构建输出的是工作目录的dist文件，构建完成后，官方的工作流就会显示找不到dist的文件，这里需要把app_location更改为自定义构建输出的目录，在日志中可以看到是/home/runner/work/blog/blog/dist

#完整的workflow文件是
name: Azure Static Web Apps CI/CD

on:
  push:
    branches:
      - main
  pull_request:
    types: [opened, synchronize, reopened, closed]
    branches:
      - main

jobs:
  build_and_deploy_job:
    if: github.event_name == 'push' || (github.event_name == 'pull_request' && github.event.action != 'closed')
    runs-on: ubuntu-latest
    name: Build and Deploy Job
    steps:
      - uses: actions/checkout@v3
        with:
          submodules: true
          lfs: false
          
      - name: Install pnpm
        run: npm install -g pnpm

      - name: Install Dependencies
        run: pnpm install

      - name: Run Build
        run: pnpm build

      - name: Build And Deploy
        id: builddeploy
        uses: Azure/static-web-apps-deploy@v1
        with:
          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_THANKFUL_SKY_0884F7B00 }}
          repo_token: ${{ secrets.GITHUB_TOKEN }} # Used for Github integrations (i.e. PR comments)
          action: "upload"
          ###### Repository/Build Configurations - These values can be configured to match your app requirements. ######
          # For more information regarding Static Web App workflow configurations, please visit: https://aka.ms/swaworkflowconfig
          app_location: "/home/runner/work/blog/blog/dist" # App source code path
          skip_app_build: true
          ###### End of Repository/Build Configurations ######

  close_pull_request_job:
    if: github.event_name == 'pull_request' && github.event.action == 'closed'
    runs-on: ubuntu-latest
    name: Close Pull Request Job
    steps:
      - name: Close Pull Request
        id: closepullrequest
        uses: Azure/static-web-apps-deploy@v1
        with:
          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_THANKFUL_SKY_0884F7B00 }}
          action: "close"

Nginx反代Fastapi

Mon, 12 Aug 2024 00:00:00 GMT

Nginx配置文件

location ^~ /api
{
    proxy_pass http://127.0.0.1:7899;
    proxy_set_header Host $http_host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header REMOTE-HOST $remote_addr;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection $connection_upgrade;
    proxy_set_header X-Forwarded-Proto $scheme;
    proxy_http_version 1.1;
    # proxy_hide_header Upgrade;

    add_header X-Cache $upstream_cache_status;

    #Set Nginx Cache
    
    
    set $static_filevM0NQDr8 0;
    if ( $uri ~* "\.(gif|png|jpg|css|js|woff|woff2)$" )
    {
        set $static_filevM0NQDr8 1;
        expires 1m;
        }
    if ( $static_filevM0NQDr8 = 0 )
    {
    add_header Cache-Control no-cache;
    }
}

此配置文件Fastapi可以获取到真实的IP地址和host以及Scheme，同时支持http2.0协议，支持缓存静态文件。

request.url.scheme+"://"+request.url.netloc

实用的浏览器插件

Thu, 08 Aug 2024 00:00:00 GMT

cat-catch

浏览器嗅探工具，能够帮你筛选列出当前页面的资源。

::github{repo="xifangczy/cat-catch"}

一些实用的windows工具

Wed, 07 Aug 2024 00:00:00 GMT

WizTree

Windows磁盘分析工具，可快速分析出磁盘中的大文件，方便清理。 <a href="/wiztree_4_20_portable.zip" target="_blank">下载链接（WizTree）</a>

Everything

Windows文件搜索工具，可以快速搜索文件，支持正则表达式。 <a href="/Everything-1.4.1.1026.x64.zip" target="_blank">下载链接（everything）</a>

Fuwari 首次使用体验

Thu, 01 Aug 2024 00:00:00 GMT

一个小的测试

测试

Markdown Extended Features

Wed, 01 May 2024 00:00:00 GMT

GitHub Repository Cards

You can add dynamic cards that link to GitHub repositories, on page load, the repository information is pulled from the GitHub API.

::github{repo="Fabrizz/MMM-OnSpotify"}

Create a GitHub repository card with the code ::github{repo="<owner>/<repo>"}.

::github{repo="saicaca/fuwari"}

Admonitions

Following types of admonitions are supported: note tip important warning caution

:::note Highlights information that users should take into account, even when skimming. :::

:::tip Optional information to help a user be more successful. :::

:::important Crucial information necessary for users to succeed. :::

:::warning Critical content demanding immediate user attention due to potential risks. :::

:::caution Negative potential consequences of an action. :::

Basic Syntax

:::note
Highlights information that users should take into account, even when skimming.
:::

:::tip
Optional information to help a user be more successful.
:::

Custom Titles

The title of the admonition can be customized.

:::note[MY CUSTOM TITLE] This is a note with a custom title. :::

:::note[MY CUSTOM TITLE]
This is a note with a custom title.
:::

GitHub Syntax

[!TIP] The GitHub syntax is also supported.

> [!NOTE]
> The GitHub syntax is also supported.

> [!TIP]
> The GitHub syntax is also supported.

Spoiler

You can add spoilers to your text. The text also supports Markdown syntax.

The content :spoiler[is hidden ayyy]!

The content :spoiler[is hidden **ayyy**]!

Expressive Code Example

Wed, 10 Apr 2024 00:00:00 GMT

Here, we'll explore how code blocks look using Expressive Code. The provided examples are based on the official documentation, which you can refer to for further details.

Expressive Code

Syntax Highlighting

Regular syntax highlighting

console.log('This code is syntax highlighted!')

Rendering ANSI escape sequences

ANSI colors:
- Regular: [31mRed[0m [32mGreen[0m [33mYellow[0m [34mBlue[0m [35mMagenta[0m [36mCyan[0m
- Bold:    [1;31mRed[0m [1;32mGreen[0m [1;33mYellow[0m [1;34mBlue[0m [1;35mMagenta[0m [1;36mCyan[0m
- Dimmed:  [2;31mRed[0m [2;32mGreen[0m [2;33mYellow[0m [2;34mBlue[0m [2;35mMagenta[0m [2;36mCyan[0m

256 colors (showing colors 160-177):
[38;5;160m160 [38;5;161m161 [38;5;162m162 [38;5;163m163 [38;5;164m164 [38;5;165m165[0m
[38;5;166m166 [38;5;167m167 [38;5;168m168 [38;5;169m169 [38;5;170m170 [38;5;171m171[0m
[38;5;172m172 [38;5;173m173 [38;5;174m174 [38;5;175m175 [38;5;176m176 [38;5;177m177[0m

Full RGB colors:
[38;2;34;139;34mForestGreen - RGB(34, 139, 34)[0m

Text formatting: [1mBold[0m [2mDimmed[0m [3mItalic[0m [4mUnderline[0m

Editor & Terminal Frames

Code editor frames

console.log('Title attribute example')

<!-- src/content/index.html -->
<div>File name comment example</div>

Terminal frames

echo "This terminal frame has no title"

Write-Output "This one has a title!"

Overriding frame types

echo "Look ma, no frame!"

# Without overriding, this would be a terminal frame
function Watch-Tail { Get-Content -Tail 20 -Wait $args }
New-Alias tail Watch-Tail

Text & Line Markers

Marking full lines & line ranges

// Line 1 - targeted by line number
// Line 2
// Line 3
// Line 4 - targeted by line number
// Line 5
// Line 6
// Line 7 - targeted by range "7-8"
// Line 8 - targeted by range "7-8"

Selecting line marker types (mark, ins, del)

function demo() {
  console.log('this line is marked as deleted')
  // This line and the next one are marked as inserted
  console.log('this is the second inserted line')

  return 'this line uses the neutral default marker type'
}

Adding labels to line markers

// labeled-line-markers.jsx
<button
  role="button"
  {...props}
  value={value}
  className={buttonClassName}
  disabled={disabled}
  active={active}
>
  {children &&
    !active &&
    (typeof children === 'string' ? <span>{children}</span> : children)}
</button>

Adding long labels on their own lines

// labeled-line-markers.jsx
<button
  role="button"
  {...props}

  value={value}
  className={buttonClassName}

  disabled={disabled}
  active={active}
>

  {children &&
    !active &&
    (typeof children === 'string' ? <span>{children}</span> : children)}
</button>

Using diff-like syntax

+this line will be marked as inserted
-this line will be marked as deleted
this is a regular line

--- a/README.md
+++ b/README.md
@@ -1,3 +1,4 @@
+this is an actual diff file
-all contents will remain unmodified
 no whitespace will be removed either

Combining syntax highlighting with diff-like syntax

  function thisIsJavaScript() {
    // This entire block gets highlighted as JavaScript,
    // and we can still add diff markers to it!
-   console.log('Old code to be removed')
+   console.log('New and shiny code!')
  }

Marking individual text inside lines

function demo() {
  // Mark any given text inside lines
  return 'Multiple matches of the given text are supported';
}

Regular expressions

console.log('The words yes and yep will be marked.')

Escaping forward slashes

echo "Test" > /home/test.txt

Selecting inline marker types (mark, ins, del)

function demo() {
  console.log('These are inserted and deleted marker types');
  // The return statement uses the default marker type
  return true;
}

Word Wrap

Configuring word wrap per block

// Example with wrap
function getLongString() {
  return 'This is a very long string that will most probably not fit into the available space unless the container is extremely wide'
}

// Example with wrap=false
function getLongString() {
  return 'This is a very long string that will most probably not fit into the available space unless the container is extremely wide'
}

Configuring indentation of wrapped lines

// Example with preserveIndent (enabled by default)
function getLongString() {
  return 'This is a very long string that will most probably not fit into the available space unless the container is extremely wide'
}

// Example with preserveIndent=false
function getLongString() {
  return 'This is a very long string that will most probably not fit into the available space unless the container is extremely wide'
}

Collapsible Sections

// All this boilerplate setup code will be collapsed
import { someBoilerplateEngine } from '@example/some-boilerplate'
import { evenMoreBoilerplate } from '@example/even-more-boilerplate'

const engine = someBoilerplateEngine(evenMoreBoilerplate())

// This part of the code will be visible by default
engine.doSomething(1, 2, 3, calcFn)

function calcFn() {
  // You can have multiple collapsed sections
  const a = 1
  const b = 2
  const c = a + b

  // This will remain visible
  console.log(`Calculation result: ${a} + ${b} = ${c}`)
  return c
}

// All this code until the end of the block will be collapsed again
engine.closeConnection()
engine.freeMemory()
engine.shutdown({ reason: 'End of example boilerplate code' })

Line Numbers

Displaying line numbers per block

// This code block will show line numbers
console.log('Greetings from line 2!')
console.log('I am on line 3')

// Line numbers are disabled for this block
console.log('Hello?')
console.log('Sorry, do you know what line I am on?')

Changing the starting line number

console.log('Greetings from line 5!')
console.log('I am on line 6')

Simple Guides for Fuwari

Mon, 01 Apr 2024 00:00:00 GMT

Cover image source: Source

This blog template is built with Astro. For the things that are not mentioned in this guide, you may find the answers in the Astro Docs.

Front-matter of Posts

---
title: My First Blog Post
published: 2023-09-09
description: This is the first post of my new Astro blog.
image: ./cover.jpg
tags: [Foo, Bar]
category: Front-end
draft: false
---

Attribute	Description
`title`	The title of the post.
`published`	The date the post was published.
`description`	A short description of the post. Displayed on index page.
`image`	The cover image path of the post.<br/>1. Start with `http://` or `https://`: Use web image<br/>2. Start with `/`: For image in `public` dir<br/>3. With none of the prefixes: Relative to the markdown file
`tags`	The tags of the post.
`category`	The category of the post.
`draft`	If this post is still a draft, which won't be displayed.

Where to Place the Post Files

Your post files should be placed in src/content/posts/ directory. You can also create sub-directories to better organize your posts and assets.

src/content/posts/
├── post-1.md
└── post-2/
    ├── cover.png
    └── index.md

Markdown Example

Sun, 01 Oct 2023 00:00:00 GMT

An h1 header

Paragraphs are separated by a blank line.

2nd paragraph. Italic, bold, and monospace. Itemized lists look like:

this one
that one
the other one

Note that --- not considering the asterisk --- the actual text content starts at 4-columns in.

Block quotes are written like so.

They can span multiple paragraphs, if you like.

Use 3 dashes for an em-dash. Use 2 dashes for ranges (ex., "it's all in chapters 12--14"). Three dots ... will be converted to an ellipsis. Unicode is supported. ☺

An h2 header

Here's a numbered list:

first item
second item
third item

Note again how the actual text starts at 4 columns in (4 characters from the left side). Here's a code sample:

# Let me re-iterate ...
for i in 1 .. 10 { do-something(i) }

As you probably guessed, indented 4 spaces. By the way, instead of indenting the block, you can use delimited blocks, if you like:

define foobar() {
    print "Welcome to flavor country!";
}

(which makes copying & pasting easier). You can optionally mark the delimited block for Pandoc to syntax highlight it:

import time
# Quick, count to ten!
for i in range(10):
    # (but not *too* quick)
    time.sleep(0.5)
    print i

An h3 header

Now a nested list:

First, get these ingredients:
- carrots
- celery
- lentils
Boil some water.

Dump everything in the pot and follow this algorithm:

 find wooden spoon
 uncover pot
 stir
 cover pot
 balance wooden spoon precariously on pot handle
 wait 10 minutes
 goto first step (or shut off burner when done)

Do not bump wooden spoon or it will fall.

Notice again how text always lines up on 4-space indents (including that last line which continues item 3 above).

Here's a link to a website, to a local doc, and to a section heading in the current doc. Here's a footnote [^1].

[^1]: Footnote text goes here.

Tables can look like this:

size material color

9 leather brown 10 hemp canvas natural 11 glass transparent

Table: Shoes, their sizes, and what they're made of

(The above is the caption for the table.) Pandoc also supports multi-line tables:

keyword text

red Sunsets, apples, and other red or reddish things.

green Leaves, grass, frogs and other things it's not easy being.

A horizontal rule follows.

Here's a definition list:

apples : Good for making applesauce. oranges : Citrus! tomatoes : There's no "e" in tomatoe.

Again, text is indented 4 spaces. (Put a blank line between each term/definition pair to spread things out more.)

Here's a "line block":

| Line one | Line too | Line tree

and images can be specified like so:

Inline math equations go in like so: $\omega = d\phi / dt$. Display math should get its own line and be put in in double-dollarsigns:

$$I = \int \rho R^{2} dV$$

$$ \begin{equation*} \pi =3.1415926535 ;8979323846;2643383279;5028841971;6939937510;5820974944 ;5923078164;0628620899;8628034825;3421170679;\ldots \end{equation*} $$

And note that you can backslash-escape any punctuation characters which you wish to be displayed literally, ex.: `foo`, *bar*, etc.

Include Video in the Posts

Tue, 01 Aug 2023 00:00:00 GMT

Just copy the embed code from YouTube or other platforms, and paste it in the markdown file.

---
title: Include Video in the Post
published: 2023-10-19
// ...
---

<iframe width="100%" height="468" src="https://www.youtube.com/embed/5gIf0_xpFPI?si=N1WTorLKL0uwLsU_" title="YouTube video player" frameborder="0" allowfullscreen></iframe>

YouTube

Bilibili

小朱朱

微信小程序图表渲染与翻页体验的“填坑”记

消失的图表

翻页的“阵痛”

终极方案：回归 Swiper

总结

DockerINDocker中代理配置

Linux http配置大小写的差异

记一次Nginx反代飞牛遇到416的问题

问题

记一次巨离谱的调试

🐛 问题描述

🔍 排查过程

💡 解决方案

😮‍💨 总结

P2P慢成PPT？一招CDN暴力加速，让你的异地组网丝滑如德芙！

一、 开头：那个深夜，我差点砸了我的NAS

二、 提问：我们到底错过了什么？

三、 观点与案例：让云厂商为你的“私有网络”打工！

Step 1: 配置你的“大本营”（节点A）

Step 2: 召唤“CDN神兽”（阿里云ESA / 腾讯云EdgeOne）

Step 3: “小兵”集结（节点B）

四、 社会现象分析：当“极客精神”遇上“实用主义”

五、 总结与升华：谁是你的“梦中情网”？

六、 金句收尾

七、 开放问题

aliyun-esa

vscode端口转发

VS Code 端口转发指南 🔌

方法一：使用命令面板转发

方法二：使用 SSH 配置文件转发

1. 本地端口转发到远程服务器

2. 远程端口转发到本地机器

查看qq空间历史说说

查看qq空间历史说说

注意

给女朋友写每日推送

记一次Github Actions的使用

使用Github Actions自动部署Fuwari博客到Azure static web apps

Nginx反代Fastapi

Nginx配置文件

实用的浏览器插件

cat-catch

一些实用的windows工具

WizTree

Everything

Fuwari 首次使用体验

一个小的测试

Markdown Extended Features

GitHub Repository Cards

Admonitions

Basic Syntax

Custom Titles

GitHub Syntax

Spoiler

Expressive Code Example

Expressive Code

Syntax Highlighting

Regular syntax highlighting

Rendering ANSI escape sequences

Editor & Terminal Frames

Code editor frames

Terminal frames

Overriding frame types

Text & Line Markers

Marking full lines & line ranges

Selecting line marker types (mark, ins, del)

Adding labels to line markers

Adding long labels on their own lines

Using diff-like syntax

Combining syntax highlighting with diff-like syntax

Marking individual text inside lines

Regular expressions

Escaping forward slashes

Selecting inline marker types (mark, ins, del)

Word Wrap

Configuring word wrap per block

Configuring indentation of wrapped lines

Collapsible Sections

Line Numbers

一、开头：那个深夜，我差点砸了我的NAS

二、提问：我们到底错过了什么？

三、观点与案例：让云厂商为你的“私有网络”打工！

四、社会现象分析：当“极客精神”遇上“实用主义”

五、总结与升华：谁是你的“梦中情网”？

六、金句收尾

七、开放问题