

![Speed Insights](https://www.suiyan.cc/assets/images/2025/kanban-dark.avif)


如果你的项目托管在Vercel，那么 Web Analytics 与 Speed Insights 是Vercel提供的非常不错的网络分析与用户体验分析工具，值得在项目中安装部署。


## Vercel Web Analytics

安装包：

    npm i @vercel/analytics


Next.js项目中添加代码：

    import { Analytics } from '@vercel/analytics/next';
    
    export default function RootLayout({ children }) {
    return (
        <html lang="en">
        <head>
            <title>Next.js</title>
        </head>
        <body>
            {children}
            <Analytics />
        </body>
        </html>
    );
    }

保存项目，推送到github，这样你就有了一个非常简单的访问统计以及分析了，可以在vercel的控制面板中查看。


## Vercel Speed Insights

Speed Insights是用来观测用户真实的访问网站速度体验的，可以直观的看到用户连接网站的访问速度，依次为依据对页面进行优化，已达到最佳的访问速度。而且指标优秀的话，也容易背搜索引擎收录。

安装方法和上边的差不多：

    npm i @vercel/speed-insights

项目中插入代码：

    import { SpeedInsights } from '@vercel/speed-insights/next';
    
    export default function RootLayout({ children }) {
    return (
        <html lang="en">
        <head>
            <title>Next.js</title>
        </head>
        <body>
            {children}
            <SpeedInsights />
        </body>
        </html>
    );
    }

保存项目，推送到github，vercel重新构建项目后刷新页面就会看到访问速度的数据了。


## 总结

通过这这两个插件的数据可以分析站点的访问统计以及访问速度，站长可以根据数据对站点进行优化，使网站已达到最佳的访问状态。


如果你的项目托管在Vercel，那么 Web Analytics 与 Speed Insights 是Vercel提供的非常不错的网络分析与用户体验分析工具，值得在项目中安装部署。

在Next.js安装部署 Vercel Web Analytics 与 Speed Insights


昨天闲来无事，把我2023年写的一个终端rss私人订阅器用AI美化了一下，感觉还挺可爱的。


![Speed Insights](https://www.suiyan.cc/assets/images/2025/rss.png)


这个小玩意我竟然用了两年多了，有的时候觉得终端操作就是方便，设计一个APP，UI要占据开发者的大部分时间，折腾起来真实麻烦。


项目地址：


[Python Private RSS subscription](https://github.com/bosichong/python_rss_subscription)

昨天闲来无事，把我2023年写的一个终端rss私人订阅器用AI美化了一下，感觉还挺可爱的。

Python Private RSS subscription


我和孩子有个不成文的约定：只要是期中或是期末开始的早上，我就会去早起去肯德基给孩子买一份肯德基的早餐，一般就是帕尼尼和皮蛋瘦肉粥。今天是期末考试的最后一天，我依然是早早就在肯德基APP上单，然后去门店里等待。提前下单只能预约6:30，但是时间到了6:00的时候，可以刷新APP，然后修改成马上取餐。昨天我点的帕尼尼和皮蛋瘦肉粥，但是没有帕尼尼，店员给我更换了握的大饭团，今天我直接点的握的大饭团，店员跟我说没有但是有帕尼尼，真是无语了，只好更换帕尼尼，肯德基有一点不错，因为下单点餐到店后没有该商品可以更换价位基本相同的餐品，价位多退少不用补，这点还是不错的。

孩子很喜欢吃肯德基的皮蛋瘦肉粥，从小学吃到初中，依然每次早餐都要必点皮蛋瘦肉粥。我之所以每次考试都早早起来去肯德基给孩子买早餐，第一是觉得肯德基的早餐可口孩子喜欢吃，另一方面是肯德基饮食搭配营养均衡，最重要是干净卫生，很多快餐都是预制菜了，肯德基点餐还得现做，难得了，相对其他早餐来说性价比是很不错的，而且孩子喜欢我也放心。毕竟是考试，早餐如果吃出问题会影响考试，所以，考试当天和前一天的饮食我都是很挑剔的，或许当家长的都会理解吧？


## 漫长的假期和昂贵的作业费用

寒假之所以漫长是因为今天是最后一天考试，明天开始就要放寒假了，其实每年寒假的正常起始和结束日期是：01.15-03.01，加上考完试马上放假还要多出一个星期也就是50多天，辽宁的寒暑假期时长度基本相似，加起来差不多有100天，可以傲视全国了。

我不知道你们孩子的寒假作业书本费用是多少？我这边8年级寒假作业缴了240元，难道是因为我们寒假时间长就需要留很多作业？每次放假一家人都会对假期作业和假期作业的费用进行一次吐槽家庭大会。先说价钱，240这个价钱是按着作业背面的原价卖给学生们，但是作业到手后发现这些作业都是书店有卖的，我们去书店充值700送300也就是打7折，你不如告诉我买什么作业我自己去买还能剩下不少钱，难不成学校领导折扣买来原价卖给学生？我又没有证据只能瞎猜吧。这些作业屁用没有，拿到手后就是个抄，要是正常写能写到开学，那么下学期的预习根本就没有时间了，基本上是一家人齐上阵一起动手抄完，反正开学送上去老师也是卖废纸一毛钱一斤，至于钱哪去了，也没人说一下，这一套下来家长真是养活了一大批人啊。


## 补课

只要你的孩子上了学，你肯定离不开补课这个话题。昨天抖音刷到一个视频：爸爸坐在车里吃着干面包（馒头？），看着车外的楼上，字幕：我吃着几块钱的晚餐，你补着600块一节的课。东大的教育真实写照啊！我们这里补课，一对一还是挺贵的，高中更贵，一节课上千块的也有。教育这个话题本来是什么我不知道了，现在谈教育就是哪哪哪补课好费用便宜老师优质。中国教育的悲哀啊。


## 随想

这个世界就是个草台班子，根本不是你看到的那个样子，而我们也是无法改变的，曾经年少无知心比天高要改变这改变那，到头来连自己都难以改变。记得有句话：[世界上只有一种英雄主义，就是看清生活的真相之后依然热爱它。]我们不是英雄，我们如何去爱它？而大多时候，如果看清一件事物或人，本能的反应就是对它失去了兴趣，或许我们还热爱生活是因为它充满了未知和神秘，热爱是个过程不是结果，热爱是执着与执念吧。



我和孩子有个不成文的约定：只要是期中或是期末开始的早上，我就会去早起去肯德基给孩子买一份肯德基的早餐，一般就是帕尼尼和皮蛋瘦肉粥。

漫长的寒假开始了




## 为啥要说这个？

收藏夹里有几个博客聚合类的站点，其中有个叫做川流的网站，起初是因为这个站的简约设计而吸引，进而关注，并且申请了加入，这大约是去年的事吧。

我隔段时间就会刷刷这些博客聚合站，今天发现，川流首页在吵架，大体原因就是收录了某个博客，但是人家不同意收录，然后他们就吵起来了。

## 一些想法

之前关注过一个叫做积薪的博客聚合类站，也加入过，后来也是因为站长的某些立场与收录的博客站意见不同，进而引发争论直到互撕开骂。结果，积薪关闭了，今天看到川流也是处于半关闭状态。


抛开他们的个人恩怨来说，博客聚合类型的站点应该尊重被收录的博主，大家当初也是一眼之缘才申请加入的，茫茫网海，相遇即是缘。聚合站点多做引导，善于发掘优质博客和博文，积少成多聚沙成塔，才会打造有影响力的信息聚合。如若把自己的主观加入到聚合信息中，势必影响原文的思想传递，或是引战焚身与博主们站在对立的立场上整个你死我活，这些都不利于博客聚合类站点的发展。

## 写在最后

曾几何，我也想过要做一个现代的创意的博客聚合类站点，但是一想到要面对众多的博主，如何让大家都能有机会平等的展现在聚合中，让大家有个开心的个性的聚合展示，就觉得自己的技术平庸，思想落后，要实现理想中的乌托邦聚合是需要考虑到很多的。所以，我希望现有的博客聚合类的网站保持现有的状态与初心，继续服务于博友们，避免发生类似积薪，川流等站点的不愉快事件。

大家闲事写个博文，分享有用的知识和快乐的情绪就好，喜欢就收藏评论，不喜欢下次就不去看就好了。


最后祝大家2025年开心快乐每一天。




简单聊聊博客聚合类站点的生存之道以及一些想法。

博客聚合类站点的生存之道


## 简介

NextUI是一个基于Next.js的UI库，它提供了丰富的组件和样式，帮助开发者快速构建现代化的Web应用程序。个人感觉还是挺好用的，这里记录一下如何手动安装配置。

为啥要手动配置安装？主要是使用NextUI的cli工具安装的话，会出现一些问题，而且有一些老项目以后页会使用NextUI的。


## 安装

### 创建项目

这里我想手动创建一个项目用来演示，使用`npx create-next-app`命令来创建项目。

项目没什么特别的，只要记得选上`tailwind`就可以了

### 安装NextUI


    npm install @nextui-org/react
    # 或者
    yarn add @nextui-org/react


### 配置 Tailwind CSS

    /** @type {import('tailwindcss').Config} */
    const {nextui} = require("@nextui-org/react");
    export default {
    content: [
        "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
        "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
        "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
        "./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}"
    ],
    theme: {
        extend: {
        colors: {
            background: "var(--background)",
            foreground: "var(--foreground)",
        },
        },
    },
    darkMode: "class",
    plugins: [nextui()]
    };

### 设置 NextUIProvider

在你的 Next.js 应用的根组件中，使用`NextUIProvider`来包裹你的应用。通常，这可以在`pages/_app.js`或`pages/_app.tsx`中完成：

    import "@/styles/globals.css";
    import {NextUIProvider} from "@nextui-org/react";
    import {ThemeProvider as NextThemesProvider} from "next-themes";
    export default function App({ Component, pageProps }) {
    return (
        <NextUIProvider>
            <NextThemesProvider attribute="class" defaultTheme="dark">
            <Component {...pageProps} />
            </NextThemesProvider>
        </NextUIProvider>
    );
    }


这里，我使用`next-themes`来实现主题切换。`defaultTheme="dark"`可以设置默认的主题样式。


### 使用组件

修改`index.js`内容：


    import {Button} from "@nextui-org/react";


    export default function Home() {
    return (
        <div>
            <Button>Click me</Button>
        </div>
    );
    }


运行项目，就可以看到效果了。

## 总结

NextUI的安装配置还是比较简单的，而且这是一个非常漂亮的UI库。免费的组件基本上能满足日常的需求。

NextUI是一个基于Next.js的UI库，它提供了丰富的组件和样式，帮助开发者快速构建现代化的Web应用程序。个人感觉还是挺好用的，这里记录一下如何手动安装配置。

Next.js项目手动安装配置NextUI


在学习Python的时候，有时我们只是想了解一下模块或是函数，或是测试一些小小代码片段，或是在shell中结合Python一起使用，有没有简便的工具或方法呢？有的，你可以试试IPython.

## IPython的安装

    pip3 install ipython

然后，在终端中输入 `ipython`验证一下

    ➜  ~ ipython
    Python 3.6.1 (v3.6.1:69c0db5050, Mar 21 2017, 01:21:04)
    Type 'copyright', 'credits' or 'license' for more information
    IPython 6.2.1 -- An enhanced Interactive Python. Type '?' for help.

    In [1]:

如果出现以上提示，即是安装成功

## IPython的用处

IPython的使用妙法很多，这里我只介绍一些超级常用的方法，如有不足，欢迎回复本博文进行补充。

+ 代码提示

![输入图片说明](https://suiyan.cc/assets/images/media/upload/2018/01/Snip20180107_19.png)

+  问号？妙用

![输入图片说明](https://suiyan.cc/assets/images/media/upload/2018/01/Snip20180107_20.png)

这样可以直接查看到对象的一些属性介绍。

+ 直接使用shell命令

![输入图片说明](https://suiyan.cc/assets/images/media/upload/2018/01/Snip20180107_21.png)

这个是不是很方便有没有？


IPython确实是Python学习中的好帮手，在熟悉某些模块的时候，用IPythong先来探个明白是个不错的方法。

## 相关参考

+ [IPython使用学习笔记](https://www.cnblogs.com/zzhzhao/p/5295476.html)
+ [使用IPython有哪些好处？](https://www.zhihu.com/question/51467397?from=profile_question_card)

## 本文源码下载：

+ [github](https://github.com/bosichong/17python.com/)
+ [开源中国码云镜像gitee](https://gitee.com/J_Sky/17python.com/)

在学习Python的时候，有时我们只是想了解一下模块或是函数，或是测试一些小小代码片段，或是在shell中结合Python一起使用，有没有简便的工具或方法呢？有的，你可以试试IPython.

Python Private RSS subscription

相关文章

那年今日