SanXiaoXing 2026-06-09T14:11:29.528Z https://happy.sanxiaoxing.cn/ SanXiaoXing Hexo 关于基金投资后的一些感悟 https://happy.sanxiaoxing.cn/posts/1b18684f.html 2026-06-09T21:06:00.000Z 2026-06-09T14:11:29.528Z 前言

说起来也挺有意思的，2026 年这一年，我因为基金投资这件事，心态上发生了不少变化。这些变化不只是跟钱有关，它像是一条隐秘的线，悄悄牵动了我工作和生活的方方面面。

我开始认真学理财，不是为了暴富，更多是想让自己在陌生的城市出差时，有点事做，有点奔头。出差久了，在外地也交了些朋友，聊起来发现大家多多少少都在理财。方式各不相同，有人玩股票，有人买债券，有人定投指数。但说到底，大家都在做同一件事——想办法让手里的钱动起来，哪怕只多赚一瓶水的钱。

[! warning]

本文章不做任何理财建议，只做本人基金投资感悟分享，理财风险请个人承担 ！ ！ ！

投资心态

回头看我这一路的心态变化，大致可以分成四个阶段：赚钱的惊喜 → 惊喜后的恐慌 → 贪心后的沮丧易怒 → 到现在的平静接受。

这四个阶段，回过头来看，其实不只是投资的历程，也是一个人慢慢被生活教育的过程。

赚钱的惊喜——纯粹的快乐总是短暂的

最开始接触基金，买的是长期债券。利息比余额宝高那么一点点，但也没高到哪里去。我当时就拿两顿饭钱投进去玩，纯粹是试试水。

那时候心态特别好，真的。每个月多了一瓶水的钱，我就挺开心的。因为压根没指望它发财，所以也不焦虑。每天该吃吃该喝喝，考虑的最多的问题就是中午吃什么。

然后一个月后，我发现自己赚的钱，比余额宝一整年的还要多。

那一刻，我膨胀了。我觉得自己是”投资天才”。

这种纯粹的快乐，现在想来特别珍贵。因为后面我再也没有过这种感觉。人就是这样，一旦尝到了甜头，就很难再回到那种简单的满足里去了。

惊喜后的恐慌——从乐园到战场

赚到钱之后，我想把钱提出来。结果发现，我买的基金有锁定期，不到六个月取不出来。

当时行情正好，我看着账户里的数字一天天往上走，心里美滋滋的。但没过多久，行情开始往下走了。那时候我还安慰自己：没事，只是回调。

我发现市面上大部分基金都在涨，就跟着买了个科技基金。买什么涨什么，倒手一卖就赚钱。我心想，这不就是捡钱吗？

然后就梭哈了。我把所有资金全部转到一个基金里。

那段时间，我每天都能赚一个早饭钱。听起来不错对吧？但问题来了——我开始想，如果今天赔了，那我的早饭钱是不是就没了？我会不会亏？

你看，我的关注点已经变了。最初我关注的是”今天中午吃什么”，后来我关注的是”今天有没有早饭钱”。盈利的那部分钱，我早就默认是自己的了，没有把它剥离出来，没有意识到那只是账面上的浮盈。

这个阶段让我明白一件事：当你开始害怕失去的时候，其实你已经失去了某种自由。

贪心后的沮丧易怒——生活给你一巴掌

任何事情只要是贪，必输。

这句话说出来像鸡汤，但真正吃过亏的人才知道，它有多沉。

玩基金跟赌博心理上是很像的。你觉得还能涨，市场就给你一个大跌。你觉得应该跌了吧，它又涨给你看。等到你真的以为不会跌了，加仓进去，它就开始一路狂泻。

我当时就是一味的追高，舍不得抛。结果一次大跌，几乎把我所有的利润全部抹平了。

我也确实做到了”早饭不吃了”——因为真的没利息了。哈哈，现在回想起来，觉得自己好傻。

但那段时间，我的情绪确实受到了很大影响。变得易怒，变得沮丧，变得动不动就怀疑自己。工作上正好也有压力，两件事夹在一起，就像左右夹击。后来我才意识到，其实那段时间的糟糕情绪，表面上看是因为亏了钱，实际上是我把自己的价值感和账户余额绑在了一起。

这是一个很危险的绑定。因为你赚的时候，你会觉得自己无所不能；你亏的时候，你会觉得自己一无是处。而市场的特点是——它永远不会只涨不跌。

心态上的稳定——与不确定性共存

现在回头看，从最开始的小白，到现在超越 93% 的全国财友，算不上什么了不起的成就。但我确实觉得自己找到了一种比较舒服的状态。

说起来，最大的变化并不是我学会了什么投资技巧，而是我终于意识到：稳定不来自于市场，而来自于自己的内心。

不会因为赚钱就夸张地高兴，也不会因为亏钱就伤心难过。因为任何事物都有涨有降，就像海浪一样。

有涨潮，就有退潮。

涨潮的时候，海浪猛烈地拍打海岸，看起来很吓人。但这个时候其实考验的不是你能捞到多少鱼，而是你能不能站住脚跟、守住本心。

退潮的时候，海浪退去了，沙滩露出来，这时候你反而可以去挖到一些宝藏。

这个道理放在生活里也是一样的。顺境的时候不要飘，逆境的时候不要慌。你越是把手里的沙子攥紧，沙子流得越快。你越是坦然地张开手掌，反而能留住更多。

结语

投资到最后，修的其实不是财，是心。

我们这一生会遇到很多不确定性——工作的变动、关系的起伏、市场的波动。你没办法控制潮水什么时候来、什么时候走，你能控制的，是自己站在岸上的姿态。

投资真正的意义，不是让你的钱变多，而是让你学会和不确定性共处。

共处，不是对抗。和解，才是答案。

[! success]
想到了一个博主说的话：年轻的时候通过投资挣到的大钱不是你真正得到的，这需要你后面来补偿的，年轻人少些浮躁，沉下心来。

]]> <h1 id="前言"><a href="#前言" class="headerlink" title="前言"></a>前言</h1><p>说起来也挺有意思的，2026 年这一年，我因为基金投资这件事，心态上发生了不少变化。这些变化不只是跟钱有关，它像是一条隐秘的线，悄悄牵动了我 给 Astro 博客加上点赞文章功能 https://happy.sanxiaoxing.cn/posts/30e39654.html 2026-06-07T22:48:00.000Z 2026-06-09T14:11:29.528Z 前言

在博客评论区已经接入了 Twikoo 评论系统的基础上，我一直觉得缺少一个轻量的”反应”能力——在文章末尾加几个 emoji 按钮，读者可以随手点个 👍，其他人也能看到。

需求很简单：

  • 每篇文章下方显示几个 emoji 反应按钮
  • 读者点击后高亮，计数 +1
  • 所有人都能看到当前计数
  • 不需要登录，零摩擦
  • 纯静态站点，不引入 serverless 函数

听起来很直接，但真正落地时涉及了组件设计、数据持久化、防刷、SSG/CSR 融合、以及一连串部署环境差异的坑。这篇文章就完整记录整个过程。

第一步：选择技术栈

项目现状是 Astro + React + Tailwind CSS，输出模式为纯静态 SSG。要支持”所有人可见”的计数，最关键的问题只有一个 —— 数据存在哪里？

选项对比

方案优点缺点
A. 复用 Twikoo 评论零新依赖，几乎不需新代码数据模型错位，污染评论流，聚合困难
B. Supabase / Firebase托管 PostgreSQL，SDK 成熟，免费档够用多一个外部服务依赖
C. 自建 Serverless API完全可控要从静态站切 hybrid 模式，部署复杂度翻倍
D. 静态 JSON 文件极致简单每次反应都要 build，完全不现实

最终选择了 B（Supabase），理由很简单：

  1. 关系型数据模型天然适合”文章 × emoji 计数”这种场景
  2. Supabase JS client 只有几 KB，可以直接在 React 组件里用
  3. RLS 策略可以在不写后端代码的前提下做安全校验
  4. 免费档够个人博客跑很久

问：要不要让用户登录？

当然最简单的是用 Supabase Auth，走 GitHub 登录。但真实场景是：浏览博客的人大概率不会为了点个 👍 去点登录。直接匿名方案才能保证转化率。

最终的防刷体系是：

1
localStorage UUID（身份）→ 数据库 UNIQUE(post_slug, visitor_id) 约束 → RLS 策略校验

不依赖服务端 —— 所有身份管理在前端完成，Supabase 的 RLS 兜底防止伪造。

第二步：架构设计

数据模型

1
2
3
4
5
6
7
8
9
create table public.reactions (
  id uuid primary key default gen_random_uuid(),
  post_slug text not null,
  emoji text not null,
  visitor_id text not null,
  created_at timestamptz not null default now(),
  updated_at timestamptz not null default now(),
  unique (post_slug, visitor_id)
);

核心约束 UNIQUE(post_slug, visitor_id) —— 每篇文章每个访客只有一行数据。点击不同 emoji 时通过 UPDATE 更新 emoji 字段（不是 Insert + Delete，也不是多行）。

读路径：SSG 与 CSR 的混合

Astro 是纯静态构建，所以采用了 混合策略：

1
2
3
4
5
6
7
8
构建时（Node.js 环境）:
  → fetchBuildTimeCounts(slug)   ← 用原生 fetch 调 Supabase REST API
  → 把当前计数烤进 HTML

客户端（浏览器环境）:
  → 组件挂载时再次 fetch
  → 用最新数据覆盖构建时的快照
  → 同时查询 "我当前选了哪个 emoji" 并高亮

这样搜索引擎能看到数字，用户看到的是实时数据，各取所需。

写路径：乐观更新 + 失败通知

1
2
3
4
5
用户点击 emoji
  → 立刻更新 UI（选中高亮，计数 ±1）
  → 异步调用 supabase.upsert / delete
  → 成功 → 静默
  → 失败 → toast 报错 + 回滚 UI

Toast 组件用了 sonner，shadcn 生态标配，和 Tailwind 风格统一。

组件结构

最后的组件拆分为两个：

  • reaction-chip.tsx —— 核心组件，包含 MessageWithReactions（外部容器）和 ReactionChip（浮动 emoji 选择面板）两个导出
  • sonner.tsx —— 标准 Toaster 包装，挂载在全局 Layout

第三步：具体实现

访客身份管理

在 src/lib/reactions.ts 中实现：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
export function getOrCreateVisitorId(): string | null {
  if (typeof window === 'undefined') return null

  // 尝试读取已有的 UUID
  try {
    const existing = window.localStorage.getItem(VISITOR_ID_KEY)
    if (existing) return existing
  } catch { /* private mode */ }

  // 没有则生成一个新的
  const id = crypto.randomUUID()
  try {
    window.localStorage.setItem(VISITOR_ID_KEY, id)
  } catch { /* 写不进去也不影响本次会话 */ }
  return id
}

为什么不哈希？因为纯粹前端做加盐哈希没有意义 —— 盐写在前端 bundle 里就等于公开。直接用 cookie/localStorage 的值作为身份标识，数据库 UNIQUE 约束才是真正的防刷防线。

RLS 策略

Supabase 的 Row Level Security 是零服务端方案的安全基石：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
-- 任何人都能读
create policy "reactions_read_all"
  on public.reactions for select
  to anon, authenticated
  using (true);

-- 写入时必须声称自己的 visitor_id
-- 前端通过 X-Visitor-Id header 传入
create policy "reactions_write_self"
  on public.reactions for insert
  to anon, authenticated
  with check (
    visitor_id = current_setting('request.headers', true)::json->>'x-visitor-id'
  );

前端请求时自动携带 X-Visitor-Id header：

1
2
3
4
5
const supabase = createClient(SUPABASE_URL, SUPABASE_ANON_KEY, {
  global: {
    headers: { 'x-visitor-id': visitorId }
  }
})

Supabase helper 分装

在 src/lib/reactions.ts 中封装了三个场景的查询函数：

函数使用场景技术栈
fetchBuildTimeCountsAstro 构建时（Node.js）fetch + REST API
fetchLiveCounts浏览器组件挂载@supabase/supabase-js
fetchMySelection浏览器查询当前访客的选择@supabase/supabase-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
┌─ 构建时（Node.js）─────────────────────────────┐
│  BlogPost.astro frontmatter                     │
│    → fetchBuildTimeCounts(slug)                 │
│    → 返回 { "👍": 3, "❤️": 1 }                │
│    → 序列化到 HTML props                        │
└────────────────────────────────────────────────┘

┌─ 浏览器（React 组件）──────────────────────────┐
│  useEffect:                                     │
│    1. 读 localStorage UUID                      │
│    2. fetchLiveCounts (实时覆盖构建快照)          │
│    3. fetchMySelection (高亮选择)                │
│                                                 │
│  onClick:                                       │
│    1. 乐观更新 UI                                │
│    2. supabase.upsert / delete                  │
│    3. 失败 → toast.error + 回滚                 │
└────────────────────────────────────────────────┘

┌─ Supabase ─────────────────────────────────────┐
│  Table: reactions                               │
│  RLS: SELECT 开放 / 写操作需校验 visitor_id       │
│  UNIQUE(post_slug, visitor_id) 防刷             │
└────────────────────────────────────────────────┘

总结

这个功能本身不复杂，但从需求到上线踩了三个平台/框架版本兼容的坑：

  1. Vercel 环境差异 —— Node 20 没有 WebSocket，createClient 在构建时直接崩溃
  2. Node 24 解析差异 —— BOM 字符导致 commitlint.config.js 无法加载

最终收获是 零服务端、纯静态 的反应系统，全部代码量不到 300 行，依赖于 @supabase/supabase-js + sonner 两个外部包。pnpm-lock.yaml 里锁定了所有依赖版本，确保本地和 Vercel 构建行为一致。

如果你也在自己的 Astro 博客上做类似的功能，可以从我的 GitHub 仓库 的 src/components/ui/reaction-chip.tsx 开始，祝顺利。

]]> <h1 id="前言"><a href="#前言" class="headerlink" title="前言"></a>前言</h1><p>在博客评论区已经接入了 Twikoo 评论系统的基础上，我一直觉得缺少一个轻量的”反应”能力——在文章末尾加几个 emoji 按钮，读者可以 使用 Obsidian 统一管理多个博客项目（Vault + 软链接方案） https://happy.sanxiaoxing.cn/posts/b3335e30.html 2026-03-15T22:48:00.000Z 2026-06-09T14:11:29.528Z 前言

在日常写博客的过程中，我逐渐维护了多个不同类型的博客项目。例如：

  • 一个基于 Astro 的个人博客

  • 一个自动化生成内容的博客项目

  • 以及一些日常记录的 Markdown 笔记

这些内容分别分散在不同的项目目录中，例如：

1
2
3
/Volumes/SanXiaoXing/Blog/Astro_profile/src/content/blog
/Volumes/SanXiaoXing/Blog/blog_auto/source/_posts
/Volumes/SanXiaoXing/Blog/Note

虽然我使用 Obsidian 进行 Markdown 写作，但如果每个目录都单独作为一个 Vault 打开，不仅切换麻烦，也无法进行统一搜索和管理。

因此，需要一种方法：

  • 可以 统一查看所有 Markdown 文档

  • 又 不影响原有博客项目结构

  • 同时 修改内容可以直接同步到项目中

最终选择的方案是：

建立一个统一的 Obsidian Vault，并使用 macOS 的软链接（Symbolic Link）映射各个博客目录。

原理说明

软链接（Symbolic Link）是一种文件系统机制，它允许在一个目录中创建一个“指向另一个目录”的链接。

在 Obsidian 中看起来像是普通文件夹，但实际上内容仍然在原始项目中。

因此可以实现：

  • Obsidian 统一管理

  • 博客项目结构保持不变

  • Git 提交不受影响

目录规划

首先创建一个统一的 Obsidian Vault，例如：

1
/Volumes/SanXiaoXing/Blog/ObsidianVault

目标结构如下：

1
2
3
4
ObsidianVault
    astro_blog
    hexo_blog
    notes

其中：

文件夹实际指向
astro_blogAstro 博客文章目录
hexo_blogHexo 博客文章目录
notes个人笔记

创建软链接

在 macOS 终端中执行以下操作。

进入 Vault 目录

1
cd /Volumes/SanXiaoXing/Blog/ObsidianVault

创建 Astro 博客映射

1
ln -s /Volumes/SanXiaoXing/Blog/Astro_profile/src/content/blog astro_blog

创建 Hexo 博客映射

1
ln -s /Volumes/SanXiaoXing/Blog/blog_auto/source/_posts hexo_blog

创建笔记映射

1
ln -s /Volumes/SanXiaoXing/Blog/Note notes

完成后的目录结构

执行

1
ls -l

可以看到：

1
2
3
astro_blog -> /Volumes/SanXiaoXing/Blog/Astro_profile/src/content/blog
hexo_blog -> /Volumes/SanXiaoXing/Blog/blog_auto/source/_posts
notes -> /Volumes/SanXiaoXing/Blog/Note

在 Obsidian 中显示为：

1
2
3
4
ObsidianVault
   astro_blog
   hexo_blog
   notes

现在就可以：

  • 在一个 Vault 中管理所有博客

  • 统一搜索所有文章

  • 使用统一插件和模板

  • 修改内容立即同步到项目

推荐优化

由于博客项目通常包含大量开发文件，例如：

  • node_modules

  • .git

  • dist

  • .astro

这些文件对写作没有意义，但会影响 Obsidian 的扫描速度。

可以在 Obsidian 设置中排除这些目录：

1
Settings → Files & Links → Excluded files

添加：

1
2
3
4
**/node_modules/**
**/.git/**
**/dist/**
**/.astro/**

这样 Vault 会更加流畅。

进阶玩法

如果安装 Dataview 插件，还可以建立一个博客管理面板，例如显示最近修改的博客：

1
2
3
TABLE file.mtime as 修改时间
FROM "astro_blog" OR "hexo_blog"
SORT file.mtime desc

这样就可以在一个页面看到所有博客文章的更新情况。

总结

通过 统一 Vault + 软链接 的方式，可以很好地解决多博客项目管理的问题：

优点：

  • Markdown 写作环境统一

  • 项目结构不被破坏

  • Git 工作流保持正常

  • 支持跨博客全文搜索

  • 维护成本极低

对于同时维护多个博客项目的人来说，这是一个非常高效且优雅的解决方案。

结语

工具的价值，在于减少无意义的操作，让注意力重新回到创作本身。

当写作环境足够顺手时，剩下的事情，就只是继续写下去。

]]> <h1 id="前言"><a href="#前言" class="headerlink" title="前言"></a>前言</h1><p>在日常写博客的过程中，我逐渐维护了多个不同类型的博客项目。例如：</p> <ul> <li><p>一个基于 <strong>Astro</s Mac必装软件 https://happy.sanxiaoxing.cn/posts/ac36adc7.html 2025-04-21T09:48:09.000Z 2026-06-09T14:11:29.528Z 重要声明

此工具仅供个人学习使用，请在学习后24小时内删除。若有侵权，请联系我，我会及时删除。

必装软件

Mac必装软件

必装软件官网
RunCat
RunCat
一个查看 Mac 电脑的运行情况的工具
Obsidian
Obsidian
超强笔记软件
iTerm
iTerm
独属于 Mac 的终端
Arc
Arc
Mac 最佳的浏览器
Mos
Mos
让鼠标滚动更加顺滑
Raycast
Raycast
Your shortcut to everything
Sublime Text
Sublime Text
简洁、强大的文本编辑器
]]> <h1 id="重要声明"><a href="#重要声明" class="headerlink" title="重要声明"></a>重要声明</h1><div class="tip bell"><p>此工具仅供个人学习使用，请在学习后24小时内删除。若有侵权，请联系我，我会及时删 英文昵称更改 https://happy.sanxiaoxing.cn/posts/5715173d.html 2024-07-09T23:55:00.000Z 2026-06-09T14:11:29.528Z

由于SanXiaoXing的英文昵称过于冗余以及不便于记忆，故想借助AI帮忙起一个更简洁、易记的英文昵称。

英文昵称选择

SamXenon

  • 采用“兴”的谐音“Xe”，结合元素周期表中的“Neon”（氖），创造出一个独特的英文昵称。

个人还是比较喜欢这个的，不管是从结构还是语义，都十分符合我的个人喜好。“氖”是一个稳定的元素，而且“Neon”是一个非常特殊的元素，是一种无色的稀有气体，把它放电时呈橙红。是我喜欢的类型。

SamXavier

  • 通过“兴”的谐音“X”结合常见的英文名“avier”，是一个在英语国家中常见的名字。

这个中规中矩，没有SanXiaoXing好听甚至好记。

SamSean

  • 如果您喜欢“兴”的音译，那么“Sean”是一个常见的英文名字，和“兴”发音相似。

这个非常好听，但是没有sam这个就会感觉少点什么。

]]> 简单英文昵称更改 快速提交 git 仓库内容 https://happy.sanxiaoxing.cn/posts/c62233d7.html 2024-06-24T22:57:00.000Z 2026-06-09T14:11:29.528Z 思考

随着我刷LeetCode题目的增多，我会记录下刷题过程、时间复杂度和内存消耗，并将LeetCode的截图裁切后上传到图床。

然而，有时我只记得上传博客内容，却忘记了上传截图。为了快速且清晰地提交到Git仓库，我需要一种更高效的方法来管理这些提交。

此文章内容仅使用了免费的Github + JsDelivr图床方案，没有使用阿里云的OSS收费的方法。

实现快速提交功能

需求分析

实现快速提交功能，使提交信息包含当前的时间（精确到分钟），并符合提交规范的内容要求。

实现步骤

写入Bash脚本

将脚本内容保存到一个文件当中，如quick_commit.sh

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
#!/bin/bash

# 获取当前时间，格式为 YYYY-MM-DD HH:MM
current_time=$(date +"%Y-%m-%d %H:%M")

# 设置提交信息
commit_message="add(blog): ${current_time}"

# 添加所有更改到暂存区
git add .

# 提交更改并使用格式化的提交信息
git commit -m "${commit_message}"

# 推送更改到远程仓库
git push

使用方法

  1. 在 git bash 中给脚本添加执行权限

    1
    chmod +x quick_commit.sh

  2. 在需要提交的 Git 仓库中运行这个脚本来快速提交

    1
    ./quick_commit.sh

执行完脚本后就可以看到GitHub仓库中已经成功上传内容，并且commit提交的内容为获取的时间。

提交内容展示

result

ISSUE

在此过程中难免会遇到问题，那也是一个成长的过程嘛！

文件格式问题

当我成功使用git bash 提交上去之后，我下意识的使用zsh去提交我的提交我的代码及图片内容。但是遇到了文件格式的问题。

zsh: ./quick_commit.sh: bad interpreter: /bin/bash^M: no such file or directory

  • 在Unix/Linux系统中，行结束符是LF（\n）
  • 在Windows系统中，行结束符是CRLF（\r\n）

当你在Windows系统上编辑脚本并在Unix/Linux系统上运行时，脚本文件可能包含Windows格式的行结束符，从而导致“bad interpreter”错误。

解决方法

在VSCode中：
  1. 打开 quick_commit.sh 文件。
  2. 右下角可以看到 CRLF 或 LF。
  3. 点击 CRLF，然后选择 LF。
在Sublime Text中：
  1. 打开 quick_commit.sh 文件。
  2. 点击菜单栏的 View -> Line Endings。
  3. 选择 Unix.
在Notepad++中（Windows）：
  1. 打开 quick_commit.sh 文件。
  2. 点击菜单栏的 Edit -> EOL Conversion。
  3. 选择 Unix (LF)。

转换完后，保存文件并再次尝试运行脚本。

]]> 每日偷懒大法 慢刷Leetcode算法题 https://happy.sanxiaoxing.cn/posts/33a8c27d.html 2024-06-21T22:05:00.000Z 2026-06-09T14:11:29.527Z 2024-06-24

Ideas

  • mergeTrees方法:
    • 如果 root1 或 root2 为 null，直接返回另一棵树。
    • 否则，先将 root1 和 root2 对应节点的值相加，并将结果存储在 root1 中。
    • 递归地合并左子树和右子树。
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
/**
 * Definition for a binary tree node.
 * public class TreeNode {
 *     int val;
 *     TreeNode left;
 *     TreeNode right;
 *     TreeNode() {}
 *     TreeNode(int val) { this.val = val; }
 *     TreeNode(int val, TreeNode left, TreeNode right) {
 *         this.val = val;
 *         this.left = left;
 *         this.right = right;
 *     }
 * }
 */
class Solution {
    public TreeNode mergeTrees(TreeNode root1, TreeNode root2) {
        // 如果root1为空，则直接返回root2，表示第一棵树已经被完全合并到第二棵树中
        if (root1 == null) {
            return root2;
        }
        // 如果root2为空，则直接返回root1，表示第二棵树已经被完全合并到第一棵树中
        if (root2 == null) {
            return root1;
        }
        // 创建一个新的节点，其值为root1和root2的值之和，然后递归合并左右子树
        return new TreeNode( root1.val + root2.val ,
                mergeTrees(root1.left,root2.left),
                mergeTrees(root1.right,root2.right));

    }
}

result

503. 下一个更大元素 II

Ideas

  1. 初始化：
    • 创建一个 result 数组，初始值全部设为 -1，表示如果某个元素没有找到下一个更大元素，则默认值为 -1。
    • 创建一个栈 stack 用于存储元素的索引。
  2. 遍历数组：
    • 使用 for 循环遍历 2 * n 次，利用 i % n 模拟循环数组。
    • 每次从 nums 数组中取出当前元素 num。
  3. 更新结果数组：
    • 使用 while 循环，当栈不为空且当前元素 num 大于栈顶元素对应的元素时，更新结果数组中栈顶元素对应的下一个更大元素为当前元素，并弹出栈顶。
  4. 压入栈：
    • 如果当前索引 i 小于数组长度 n，则将当前索引压入栈中。
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
class Solution {
    public int[] nextGreaterElements(int[] nums) {

    // 数组长度
        int n = nums.length;
        // 结果数组，初始化为-1，表示没有下一个更大元素
        int[] result = new int[n];
        Arrays.fill(result, -1);
        // 使用栈来辅助寻找下一个更大元素
        Stack<Integer> stack = new Stack<>();

        // 遍历数组两次，以处理环形数组的特性
        for (int i = 0; i < 2 * n; i++) {
            // 当前遍历到的元素
            int num = nums[i % n];
            // 如果栈不为空且栈顶元素小于当前元素，则栈顶元素的下一个更大元素为当前元素
            while (!stack.isEmpty() && nums[stack.peek()] < num) {
                result[stack.pop()] = num;
            }
            // 如果当前遍历位置小于原数组长度，则将位置入栈，用于后续寻找下一个更大元素
            if (i < n) {
                stack.push(i);
            }
        }

        // 返回结果数组
        return result;
    }
}

result

2024-06-23

456. 132 模式

Ideas

  1. 初始化一个空栈和一个 third 变量为 Integer.MIN_VALUE。

  2. 从后往前遍历数组：

    • 如果 nums[i] < third，说明存在 132 模式的子序列，返回 true。
    • 如果 nums[i] > stack.peek()，不断弹出栈顶元素并更新 third，直到栈顶元素不再小于当前元素。
    • 将当前元素压入栈。

  3. 如果遍历完数组后没有找到符合条件的子序列，返回 false。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
class Solution {
    public boolean find132pattern(int[] nums) {
        if (nums == null || nums.length < 3) {
            return false;
        }

        Stack<Integer> stack = new Stack<>();
        int third = Integer.MIN_VALUE;

        // 从后往前遍历数组
        for (int i = nums.length - 1; i >= 0; i--) {
            if (nums[i] < third) {
                return true;
            }
            // 维护单调递减栈
            while (!stack.isEmpty() && nums[i] > stack.peek()) {
                third = stack.pop();
            }
            stack.push(nums[i]);
        }

        return false;
    }
}

result

  • 时间复杂度: O(n)。每个元素最多被压入和弹出栈一次，因此总时间复杂度是线性的。
  • 空间复杂度: O(n)。在最坏情况下（严格递增的序列），栈需要存储所有的元素。

520. 检测大写字母

Ideas

  1. 首先检查单词是否为空或只有一个字符，如果是，直接返回 true。

  2. 使用 equals 方法检查整个单词是否全部大写或全部小写。

  3. 使用 Character.isUpperCase 方法检查首字母是否大写，然后使用 substring 和 equals 方法检查剩余部分是否全部小写。

  4. 如果都不符合，返回 false。

title
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
class Solution {
    public boolean detectCapitalUse(String word) {
        // 如果单词为空或只有一个字符，直接返回 true
        if (word == null || word.length() <= 1) {
            return true;
        }

        // 检查是否全部大写
        if (word.equals(word.toUpperCase())) {
            return true;
        }

        // 检查是否全部小写
        if (word.equals(word.toLowerCase())) {
            return true;
        }

        // 检查是否只有首字母大写
        if (Character.isUpperCase(word.charAt(0)) && 
            word.substring(1).equals(word.substring(1).toLowerCase())) {
            return true;
        }

        // 如果都不符合，返回 false
        return false;
    }
}
  • 时间复杂度: O(n)，其中 n 是字符串的长度。
  • 空间复杂度: O(n)，主要来自于字符串操作 toUpperCase() 和 toLowerCase()

result

519. 随机翻转矩阵

Ideas

1: 初始化和数据表示

  • 使用一个字典 map 记录已经翻转的坐标（避免使用额外的二维数组）。
  • 使用一个变量 total 记录剩余可翻转的位置数量。

2: 执行 flip 操作

  • 使用随机数生成器在剩余可翻转的位置中选取一个随机下标 x。
  • 判断下标x是否已经被翻转过：
    • 如果已被翻转，使用映射字典找到当前 x 实际对应的位置。
  • 更新映射字典，将当前 x 位置映射到末尾（减少多次随机选择重复位置）。
  • 返回二维矩阵中的对应坐标 [i, j]。

3: 重置操作

  • 清空映射字典，并将 total 重置为 m * n。
title
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
class Solution {

    private int m, n, total;
    private Map<Integer, Integer> map;
    private Random rand;

    public Solution(int m, int n) {
        this.m = m;
        this.n = n;
        this.total = m * n;
        this.map = new HashMap<>();
        this.rand = new Random();
    }
    
    public int[] flip() {

        int x = rand.nextInt(total);
        total--;

        // 查找 x 是否已经映射
        int idx = map.getOrDefault(x, x);
        // 将 x 映射到总计数末尾
        map.put(x, map.getOrDefault(total, total));

        // 计算出二维矩阵的坐标
        return new int[]{idx / n, idx % n};
    }
    
    public void reset() {
        map.clear();
        total = m * n;
    }
}

/**
 * Your Solution object will be instantiated and called as such:
 * Solution obj = new Solution(m, n);
 * int[] param_1 = obj.flip();
 * obj.reset();
 */

result

2024-06-21

LCP 61. 气温变化趋势

Ideas

  • 计算气温变化趋势：对于每个地区，计算每一天与下一天的气温变化趋势。我们可以用一个数组来存储这些变化趋势。
  • 比较两个地区的气温变化趋势：遍历两个变化趋势数组，找到连续相同的最大天数。
title
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
public class Solution {

    /**
     * 计算两个地区气温变化趋势相同的最大连续天数
     *
     * @param temperatureA 地区A的气温数组
     * @param temperatureB 地区B的气温数组
     * @return 两地气温变化趋势相同的最大连续天数
     */
    public int temperatureTrend(int[] temperatureA, int[] temperatureB) {
        int maxLength = 0;     // 最大连续天数
        int currentLength = 0; // 当前连续天数

        // 遍历两个温度数组
        for (int i = 0; i < temperatureA.length - 1; i++) {
            // 计算第i天和第i+1天之间的气温变化趋势
            int trendA = getTrends(temperatureA[i], temperatureA[i + 1]);
            int trendB = getTrends(temperatureB[i], temperatureB[i + 1]);

            // 如果两个地区的气温变化趋势相同
            if (trendA == trendB) {
                currentLength++; // 当前连续天数加1
                maxLength = Math.max(maxLength, currentLength); // 更新最大连续天数
            } else {
                currentLength = 0; // 重置当前连续天数
            }
        }

        return maxLength; // 返回最大连续天数
    }

    /**
     * 计算两个温度之间的变化趋势
     *
     * @param A 第一天的气温
     * @param B 第二天的气温
     * @return 变化趋势：0表示平稳，-1表示下降，1表示上升
     */
    private int getTrends(int A, int B) {
        if (A == B) {
            return 0; // 平稳趋势
        }
        return A < B ? -1 : 1; // 上升趋势或下降趋势
    }

    public static void main(String[] args) {
        Solution solution = new Solution();
        int[] temperatureA = {21, 18, 18, 18, 31}; // 地区A的气温数组
        int[] temperatureB = {34, 32, 16, 16, 17}; // 地区B的气温数组

        // 输出两地气温变化趋势相同的最大连续天数
        System.out.println(solution.temperatureTrend(temperatureA, temperatureB));  // 输出：2
    }
}

result

思考

随着不断深入学习，发现算法才是代码的唯一解，或者说是他的最优解。从而我开始逐步的进行力扣的刷题之路。

随着公司压力的逐渐增大，我所承担的任务在难度和复杂度上都明显高于同组其他任务。然而，我并未获得应有的激励和奖励，这让我开始思考这份工作的付出与收益是否值得，于是我开始有了以快速提升自己从而得到更高的回报的内容。

]]> 每日刷力扣 Windows 安装美化的Oh-my-zsh超美终端 https://happy.sanxiaoxing.cn/posts/7011a3b2.html 2024-03-19T00:12:45.000Z 2026-06-09T14:11:29.528Z

由于新设备的到来，不可避免重新安装系统环境，由此就有了重装oh-my-zsh这个超级美化终端

本人使用的是Win11 自带的终端，需要提前下载wsl ,管理员运行powershell执行wsl install下载

之后选择小企鹅的Ubuntu

安装zsh

clone oh-my-zsh

1
git clone https://github.com/robbyrussell/oh-my-zsh.git ~/.oh-my-zsh

复制 .zshrc

1
cp ~/.oh-my-zsh/templates/zshrc.zsh-template ~/.zshrc

更改默认 Shell

1
2
3
4
5
6
7
8
# 查看正在使用的主题
echo #SHELL

# 查看shell类型
cat /etc/shells

# 更改shell为zsh
chsh -s /bin/zsh

更换主题配置

1
2
3
4
5
6
7
8
9
10
# 查看oh-my-zsh自带主题
cd ~/.oh-my-zsh/themes && ls

vim ~/.zshrc

# 更改内容
ZSH_THEME="cloud"

# 更新配置
source ~/.zshrc
  • 注意保存内容

增加插件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
# 进入插件部分
cd ~/.oh-my-zsh/custom/plugins/

# 克隆插件仓库
git clone https://github.com/zsh-users/zsh-syntax-highlighting.git  #高亮仓库
git clone https://github.com/zsh-users/zsh-autosuggestions  #代码提示仓库

# 更改内容
vim ~/.zshrc

# 更改内容
plugins=(
git
zsh-syntax-highlighting
zsh-autosuggestions
)

# 更新配置
source ~/.zshrc

最终展示

SanXiaoXing

]]> <div class="note info flat"><p>由于新设备的到来，不可避免重新安装系统环境，由此就有了重装oh-my-zsh这个超级美化终端</p> </div> <div class="note danger disabled"><p>本人使用的是Win11 自带 局域网git创建本地仓库 https://happy.sanxiaoxing.cn/posts/c0981437.html 2024-03-01T20:37:02.000Z 2026-06-09T14:11:29.528Z

仅供个人使用，仅限于局域网内的win电脑

配置公开版本库

配置服务端

  • 在服务器端的win电脑上床架一个文件夹（这里使用TestGit进行示例）
  • 设置文件夹为共享文件夹

share_file

  • 将文件夹共享用户为Everyone

share_everyone

  • 设置好后会有“网络路径”，留存备用

  • 在此文件夹内创建一个裸仓库，只需使用命令git init --bare filename 此filename为需要设置的仓库名字

配置客户端

  • 映射网络驱动器：客户端右键我的电脑–>映射网络驱动器，将服务器端的步骤3中的网络路径进行添加至选择框中
  • network
  • 创建客户端的仓库，初始化，使用git全套git init, git remote, git add .
  • 此时的git remote add origin y:\\TestGit 仓库直接执行即可
]]> <div class="note success no-icon flat"><h3 id="仅供个人使用，仅限于局域网内的win电脑"><a href="#仅供个人使用，仅限于局域网内的win电脑" class="headerlink" title="仅供个人使用，仅限于局域网 我的图床方案 https://happy.sanxiaoxing.cn/posts/e8b64c0.html 2023-12-29T21:22:54.000Z 2026-06-09T14:11:29.528Z

这里简单介绍一下我自己的图床方案，此方案免费但加载可能会比较慢

我使用的是picGo + Github + jsdeliver 的方案，目前是加载比较慢，但是能接受

图床准备

图床准备

Github创建公共空仓库

创建一个公共 的一个仓库，一定是公共的仓库。

准备一个Github的token

点击github 头像，点击 setting -> Developer settings 在左侧最下面。

然后点击 Tokens(classic) -> Generate new token，如图

github_token

填写Node 并勾选repo 多选框，直接生成即可，注意保存和保护token

下载picGo

点击 下载picGo软件

配置Github设置，仓库名，分支以及其他

配置Github图床自定义域名

将图床的自定义域名更改为这个

1
https://cdn.jsdelivr.net/gh/"user"/"repo"@main

其中的user换成 GitHub 的用户名；

repo 换成设定 Github 的仓库名。（里面的引号不要，有几个大可爱加的有引号）

下载picGo]]> <div class="note red icon-padding flat"><i class="note-icon fas fa-photo-film"></i><p>这里简单介绍一下我自己的图床方案，此方案免费但加载可能会比较慢</p> <p>我使用的是<code>picG 圣诞节快乐 https://happy.sanxiaoxing.cn/posts/372ff7a.html 2023-12-25T22:58:29.000Z 2026-06-09T14:11:29.528Z ]]> <div align="center" class="aspect-ratio"> <iframe src="https://player.bilibili.com/player.html?aid=835090903&&page=1&as_wide=1&high_qu 修改anzhiyu配置 https://happy.sanxiaoxing.cn/posts/a6a24535.html 2023-12-18T16:48:51.000Z 2026-06-09T14:11:29.528Z 发现问题

发现问题

群里有人询问问题

发现群里有人问转载和原创怎么改，我想这个不是很简单嘛，我就稍微修改了一下

发现修改问题

修改完之后，我发现标题的转载确实更改了，但是下面的协议转发那边人名也改了

解决思路

找到代码，只进行转载判断，不进行作者的判断

步骤一

修改[Blog]\themes\anzhiyu\layout\includes\header\post-info.pug
修改文件里面的5-8行，我这里直接进行注释，在下面进行修改

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
- let comments = theme.comments
#post-info
  #post-firstinfo
    .meta-firstline
      //- if (page.copyright_author && page.copyright_author !== config.author)
      //-   a.post-meta-original 转载
      //- else 
      //-   a.post-meta-original 原创
      if (page.copyright == true)
        a.post-meta-original 转载
      else 
        a.post-meta-original 原创
      if (theme.post_meta.post.categories && page.categories && page.categories.data.length > 0)
        span.post-meta-categories
          if (theme.post_meta.post.date_type)
            span.post-meta-separator

步骤二

修改[Blog]\themes\anzhiyu\layout\includes\post\post-copyright.pug
修改文件里面的18行，我这里直接进行注释，在下面进行修改

1
2
3
4
5
6
if (page.copyright == true)   // 修改这一行,误导性操作，后面的注释不能加，复制注释前的文字即可
  a.post-copyright__reprint(title="该文章为转载文章，注意版权协议" href=url_for(url)) 转载
else
  a.post-copyright__original(title="该文章为原创文章，注意版权协议" href=url_for(url)) 原创
a.post-copyright-title
  span(onclick=`rm.copyPageUrl('${theme.post_copyright.decode ? decodeURI(url) : url}')`)=pageTitle

修改完成之后

改完之后，下面的名字不会进行改变了，而且也变成了转载
还是需要在文章的title里面进行添加copyright: true以及其他配置
完整的内容如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
---
title: 标题
date: 2023-12-18 16:48:51
tags:
    - hexo
    - anzhiyu
categories:
    - hexo
    - anzhiyu
comments: true
cover: https://cdn.jsdelivr.net/gh/SanXiaoXing/Image@main/uwp3766955.jpeg
copyright: true
copyright_author_href: https://blog.anheyu.com/
copyright_url: https://blog.anheyu.com/posts/d50a.html
---
]]> <h1 id="发现问题"><a href="#发现问题" class="headerlink" title="发现问题"></a>发现问题</h1><div class="timeline undefined"><div class='timeline-item headlin 安知鱼主题标签 Tag Plugins https://happy.sanxiaoxing.cn/posts/de7f0b92.html 2023-12-18T15:55:44.000Z 2026-06-09T14:11:29.528Z

AnZhiYu主题中大部分标签移植于店长的hexo-butterfly-tag-plugins-plus，转载请注明来自安知鱼

段落文本 p

1
{% p 样式参数(参数以空格划分), 文本内容 %}
  1. 字体: logo, code
  2. 颜色: red,yellow,green,cyan,blue,gray
  3. 大小: small, h4, h3, h2, h1, large, huge, ultra
  4. 对齐方向: left, center, right
  • 彩色文字
    在一段话中方便插入各种颜色的标签，包括：

    红色

    、

    黄色

    、

    绿色

    、

    青色

    、

    蓝色

    、

    灰色

    。
  • 超大号文字
    文档「开始」页面中的标题部分就是超大号文字。

    A Wonderful Theme for Hexo

1
2
3
4
5
6
- 彩色文字
  在一段话中方便插入各种颜色的标签，包括：{% p red, 红色 %}、{% p yellow, 黄色 %}、{% p green, 绿色 %}、{% p cyan, 青色 %}、{% p blue, 蓝色 %}、{% p gray, 灰色 %}。
- 超大号文字
  文档「开始」页面中的标题部分就是超大号文字。
  {% p center logo large, Volantis %}
  {% p center small, A Wonderful Theme for Hexo %}

行内文本 span

1
{% span 样式参数(参数以空格划分), 文本内容 %}
  1. 字体: logo, code
  2. 颜色: red,yellow,green,cyan,blue,gray
  3. 大小: small, h4, h3, h2, h1, large, huge, ultra
  4. 对齐方向: left, center, right
  • 彩色文字
    在一段话中方便插入各种颜色的标签，包括：红色、黄色、绿色、青色、蓝色、灰色。
  • 超大号文字
    文档「开始」页面中的标题部分就是超大号文字。

    A Wonderful Theme for Hexo
1
2
3
4
5
6
- 彩色文字
  在一段话中方便插入各种颜色的标签，包括：{% span red, 红色 %}、{% span yellow, 黄色 %}、{% span green, 绿色 %}、{% span cyan, 青色 %}、{% span blue, 蓝色 %}、{% span gray, 灰色 %}。
- 超大号文字
  文档「开始」页面中的标题部分就是超大号文字。
  {% span center logo large, Volantis %}
  {% span center small, A Wonderful Theme for Hexo %}

行内文本样式 text

1
2
3
4
5
6
{% u 文本内容 %}
{% emp 文本内容 %}
{% wavy 文本内容 %}
{% del 文本内容 %}
{% kbd 文本内容 %}
{% psw 文本内容 %}
  1. 带 下划线 的文本
  2. 带 着重号 的文本
  3. 带 波浪线 的文本
  4. 带 删除线 的文本
  5. 键盘样式的文本 command + D
  6. 密码样式的文本：这里没有验证码
1
2
3
4
5
6
1. 带 {% u 下划线 %} 的文本
2. 带 {% emp 着重号 %} 的文本
3. 带 {% wavy 波浪线 %} 的文本
4. 带 {% del 删除线 %} 的文本
5. 键盘样式的文本 {% kbd command %} + {% kbd D %}
6. 密码样式的文本：{% psw 这里没有验证码 %}

分栏 tab

分栏支持内置阿里图标，如果开启了 fontawesome可以使用 fontawesome 的图标，否则只能使用默内置阿里图标

1
2
3
4
5
6
7
8
9
{% tabs Unique name, [index] %}

<!-- tab [Tab caption] [@icon] -->

Any content (support inline tags too).

<!-- endtab -->

{% endtabs %}
  1. Unique name :
    • 选项卡块标签的唯一名称，不带逗号。
    • 将在#id 中用作每个标签及其索引号的前缀。
    • 如果名称中包含空格，则对于生成#id，所有空格将由破折号代替。
    • 仅当前帖子/页面的 URL 必须是唯一的！
  2. [index]:
    • 活动选项卡的索引号。
    • 如果未指定，将选择第一个标签（1）。
    • 如果 index 为-1，则不会选择任何选项卡。
    • 可选参数。
  3. [Tab caption]:
    • 当前选项卡的标题。
    • 如果未指定标题，则带有制表符索引后缀的唯一名称将用作制表符的标题。
    • 如果未指定标题，但指定了图标，则标题将为空。
    • 可选参数。
  4. [@icon]: - FontAwesome 图标名称（全名，看起来像“ fas fa-font”） - 可以指定带空格或不带空格； - 例如’Tab caption @icon’ 和 ‘Tab caption@icon’. - 可选参数。

Demo 1 - 预设选择第一个【默认】

This is Tab 1.

This is Tab 2.

This is Tab 3.

Demo 2 - 预设选择 tabs

This is Tab 1.

This is Tab 2.

This is Tab 3.

Demo 3 - 没有预设值

This is Tab 1.

This is Tab 2.

This is Tab 3.

Demo 4 - 自定义 Tab 名 + 只有 icon + icon 和 Tab 名

tab 名字为第一个 Tab

只有图标 没有 Tab 名字

名字+icon

Demo 1 - 预设选择第一个【默认】


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
{% tabs test1 %}

<!-- tab -->

**This is Tab 1.**

<!-- endtab -->

<!-- tab -->

**This is Tab 2.**

<!-- endtab -->

<!-- tab -->

**This is Tab 3.**

<!-- endtab -->

{% endtabs %}

Demo 2 - 预设选择 tabs


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
{% tabs test2, 3 %}

<!-- tab -->

**This is Tab 1.**

<!-- endtab -->

<!-- tab -->

**This is Tab 2.**

<!-- endtab -->

<!-- tab -->

**This is Tab 3.**

<!-- endtab -->

{% endtabs %}

Demo 3 - 没有预设值


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
{% tabs test3, -1 %}

<!-- tab -->

**This is Tab 1.**

<!-- endtab -->

<!-- tab -->

**This is Tab 2.**

<!-- endtab -->

<!-- tab -->

**This is Tab 3.**

<!-- endtab -->

{% endtabs %}

Demo 4 - 自定义 Tab 名 + 只有 icon + icon 和 Tab 名


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
{% tabs test4 %}

<!-- tab 第一个Tab -->

**tab 名字为第一个 Tab**

<!-- endtab -->

<!-- tab @fab fa-apple-pay -->

**只有图标 没有 Tab 名字**

<!-- endtab -->

<!-- tab 炸弹@fas fa-bomb -->

**名字+icon**

<!-- endtab -->

{% endtabs %}

按钮 btns

1
2
3
4
{% btns 样式参数 %}
{% cell 标题, 链接, 图片或者图标 %}
{% cell 标题, 链接, 图片或者图标 %}
{% endbtns %}
  1. 圆角样式：rounded, circle
  2. 增加文字样式：可以在容器内增加 <b>标题</b>和<p>描述文字</p>
  3. 布局方式：
    默认为自动宽度，适合视野内只有一两个的情况。
参数含义
wide宽一点的按钮
fill填充布局，自动铺满至少一行，多了会换行
center居中，按钮之间是固定间距
around居中分散
grid2等宽最多 2 列，屏幕变窄会适当减少列数
grid3等宽最多 3 列，屏幕变窄会适当减少列数
grid4等宽最多 4 列，屏幕变窄会适当减少列数
grid5等宽最多 5 列，屏幕变窄会适当减少列数
  1. 如果需要显示类似「团队成员」之类的一组含有头像的链接：
xaoxuuxaoxuuxaoxuuxaoxuuxaoxuu
  1. 或者含有图标的按钮：
下载源码查看文档
  1. 圆形图标 + 标题 + 描述 + 图片 + 网格 5 列 + 居中
心率管家

专业版

心率管家

免费版
  1. 如果需要显示类似「团队成员」之类的一组含有头像的链接：
1
2
3
4
5
6
7
{% btns circle grid5 %}
{% cell xaoxuu, https://xaoxuu.com, https://bu.dusays.com/2023/06/01/64787e6a5816d.png %}
{% cell xaoxuu, https://xaoxuu.com, https://bu.dusays.com/2023/06/01/64787e6a5816d.png %}
{% cell xaoxuu, https://xaoxuu.com, https://bu.dusays.com/2023/06/01/64787e6a5816d.png %}
{% cell xaoxuu, https://xaoxuu.com, https://bu.dusays.com/2023/06/01/64787e6a5816d.png %}
{% cell xaoxuu, https://xaoxuu.com, https://bu.dusays.com/2023/06/01/64787e6a5816d.png %}
{% endbtns %}
  1. 或者含有图标的按钮：
1
2
3
4
{% btns rounded grid5 %}
{% cell 下载源码, /, anzhiyufont anzhiyu-icon-bolt %}
{% cell 查看文档, /, anzhiyufont anzhiyu-icon-book %}
{% endbtns %}
  1. 圆形图标 + 标题 + 描述 + 图片 + 网格 5 列 + 居中
1
2
3
4
5
6
7
8
9
10
11
12
13
14
{% btns circle center grid5 %}
<a href='https://apps.apple.com/cn/app/heart-mate-pro-hrm-utility/id1463348922?ls=1' class="no-text-decoration">
<i class='anzhiyufont anzhiyu-icon-heartbeat'></i>
<b>心率管家</b>
{% p red, 专业版 %}
<img src='https://bu.dusays.com/2023/06/01/64787e2a1347c.png'>
</a>
<a href='https://apps.apple.com/cn/app/heart-mate-lite-hrm-utility/id1475747930?ls=1' class="no-text-decoration">
<i class='anzhiyufont anzhiyu-icon-heartbeat'></i>
<b>心率管家</b>
{% p green, 免费版 %}
<img src='https://bu.dusays.com/2023/06/01/64787e515e261.png'>
</a>
{% endbtns %}

按钮 btn

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
{% btn [url],[text],[icon],[color] [style] [layout] [position] [size] %}

[url] : 链接
[text] : 按钮文字
[icon] : [可选] 图标
[color] : [可选] 按钮背景顔色(默认 style 时）
按钮字体和边框顔色(outline 时)
default/blue/pink/red/purple/orange/green
[style] : [可选] 按钮样式 默认实心
outline/留空
[layout] : [可选] 按钮佈局 默认为 line
block/留空
[position] : [可选] 按钮位置 前提是设置了 layout 为 block 默认为左边
center/right/留空
[size] : [可选] 按钮大小
larger/留空
参数含义
url链接
text按钮文字
icon[可选] 图标，如果开启了 fontawesome可以使用 fontawesome 的图标，否则只能使用默内置图标
color[可选] 按钮背景顔色(默认 style 时）按钮字体和边框顔色(outline 时)default/blue/pink/red/purple/orange/green
style[可选] 按钮样式 默认实心数，outline/留空
layout[可选] 按钮佈局 默认为 line block/留空
position[可选] 按钮位置 前提是设置了 layout 为 block 默认为左边 center/right/留空数
size[可选] 按钮大小 larger/留空
  1. 一组按钮

This is my website, click the button AnZhiYu
This is my website, click the button AnZhiYu
This is my website, click the button AnZhiYu
This is my website, click the button AnZhiYu
This is my website, click the button AnZhiYu

  1. 调整位置/大小

AnZhiYu
AnZhiYu
AnZhiYu

  1. more than one button in center


AnZhiYu</a>
AnZhiYu
AnZhiYu
AnZhiYu
AnZhiYu
AnZhiYu
AnZhiYu
</span>

  1. 居中按钮
AnZhiYuAnZhiYuAnZhiYuAnZhiYuAnZhiYuAnZhiYuAnZhiYu
  1. 一组按钮
1
2
3
4
5
This is my website, click the button {% btn 'https://anheyu.com/',AnZhiYu %}
This is my website, click the button {% btn 'https://anheyu.com/',AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right %}
This is my website, click the button {% btn 'https://anheyu.com/',AnZhiYu,,outline %}
This is my website, click the button {% btn 'https://anheyu.com/',AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,outline %}
This is my website, click the button {% btn 'https://anheyu.com/',AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,larger %}
  1. 调整位置/大小
1
2
3
{% btn 'https://anheyu.com/',AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,block %}
{% btn 'https://anheyu.com/',AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,block center larger %}
{% btn 'https://anheyu.com/',AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,block right outline larger %}
  1. more than one button in center
1
2
3
4
5
6
7
8
9
<span>
{% btn 'https://anheyu.com/',AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,larger %}
{% btn 'https://anheyu.com/',AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,blue larger %}
{% btn 'https://anheyu.com/',AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,pink larger %}
{% btn 'https://anheyu.com/',AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,red larger %}
{% btn 'https://anheyu.com/',AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,purple larger %}
{% btn 'https://anheyu.com/',AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,orange larger %}
{% btn 'https://anheyu.com/',AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,green larger %}
</span>
  1. 居中按钮
1
2
3
4
5
6
7
8
9
<div class="btn-center">
{% btn 'https://anheyu.com/',AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,outline larger %}
{% btn 'https://anheyu.com/',AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,outline blue larger %}
{% btn 'https://anheyu.com/',AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,outline pink larger %}
{% btn 'https://anheyu.com/',AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,outline red larger %}
{% btn 'https://anheyu.com/',AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,outline purple larger %}
{% btn 'https://anheyu.com/',AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,outline orange larger %}
{% btn 'https://anheyu.com/',AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,outline green larger %}
</div>

网站卡片 sites

1
2
3
4
{% sitegroup %}
{% site 标题, url=链接, screenshot=截图链接, avatar=头像链接（可选）, description=描述（可选） %}
{% site 标题, url=链接, screenshot=截图链接, avatar=头像链接（可选）, description=描述（可选） %}
{% endsitegroup %}
xaoxuu
Colsrch
Linhk1606
1
2
3
4
5
{% sitegroup %}
{% site xaoxuu, url=https://xaoxuu.com, screenshot=https://bu.dusays.com/2023/06/01/6478965ce6557.webp, avatar=https://cdn1.tianli0.top/gh/xaoxuu/cdn-assets/avatar/avatar.png, description=简约风格 %}
{% site Colsrch, url=https://colsrch.top, screenshot=https://i.loli.net/2020/08/22/dFRWXm52OVu8qfK.png, avatar=https://cdn1.tianli0.top/gh/Colsrch/images/Colsrch/avatar.jpg, description=这是一段关于这个网站的描述文字 %}
{% site Linhk1606, url=https://linhk1606.github.io, screenshot=https://bu.dusays.com/2023/06/01/6478963584621.png, avatar=https://bu.dusays.com/2023/06/01/6478968743368.png, description=这是一段关于这个网站的描述文字 %}
{% endsitegroup %}

单张图片 image

1
{% image 链接, width=宽度（可选）, height=高度（可选）, alt=描述（可选）, bg=占位颜色（可选） %}
  1. 图片宽度高度：width=300px, height=32px
  2. 图片描述：alt=图片描述（butterfly 需要在主题配置文件中开启图片描述）
  3. 占位背景色：bg=#f2f2f2
  1. 添加描述：
每天下课回宿舍的路，没有什么故事。
每天下课回宿舍的路，没有什么故事。
  1. 指定宽度：
  1. 指定宽度并添加描述：
每天下课回宿舍的路，没有什么故事。
每天下课回宿舍的路，没有什么故事。
  1. 设置占位背景色：
优化不同宽度浏览的观感
优化不同宽度浏览的观感
  1. 添加描述：
1
{% image https://bu.dusays.com/2023/06/01/6478937d7de6f.webp, alt=每天下课回宿舍的路，没有什么故事。 %}
  1. 指定宽度：
1
{% image https://bu.dusays.com/2023/06/01/6478937d7de6f.webp, width=400px %}
  1. 指定宽度并添加描述：
1
{% image https://bu.dusays.com/2023/06/01/6478937d7de6f.webp, width=400px, alt=每天下课回宿舍的路，没有什么故事。 %}
  1. 设置占位背景色：
1
{% image https://bu.dusays.com/2023/06/01/6478937d7de6f.webp, width=400px, bg=#1D0C04, alt=优化不同宽度浏览的观感 %}

inlineImg 行内图片

1
2
3
4
{% inlineImg [src] [height] %}

[src] : 图片链接
[height] ： 图片高度限制【可选】
参数含义
src图片链接
height图片高度限制【可选】

你看我长得漂亮不

我觉得很漂亮 

1
2
3
4
5
你看我长得漂亮不

![](https://i.loli.net/2021/03/19/2P6ivUGsdaEXSFI.png)

我觉得很漂亮 {% inlineImg https://i.loli.net/2021/03/19/5M4jUB3ynq7ePgw.png 150px %}

行内图片 inlineimage

1
{% inlineimage 图片链接, height=高度（可选） %}
  1. 高度：height=20px

这是 一段话。

这又是 一段话。

1
2
3
这是 {% inlineimage https://bu.dusays.com/2023/06/01/647895232e5d5.webp %} 一段话。

这又是 {% inlineimage https://bu.dusays.com/2022/05/19/6285328a83ca7.gif, height=40px %} 一段话。

label 标签

1
{% label text color %}
参数含义
text文字
color【可选】背景颜色，默认为 default，default/blue/pink/red/purple/orange/green

臣亮言：先帝 创业未半，而中道崩殂 。今天下三分，益州疲敝 ，此诚危急存亡之秋 也！然侍衞之臣，不懈于内；忠志之士 ，忘身于外者，盖追先帝之殊遇，欲报之于陛下也。诚宜开张圣听，以光先帝遗德，恢弘志士之气；不宜妄自菲薄，引喻失义，以塞忠谏之路也。
宫中、府中，俱为一体；陟罚臧否，不宜异同。若有作奸 、犯科 ，及为忠善者，宜付有司，论其刑赏，以昭陛下平明之治；不宜偏私，使内外异法也。

1
2
臣亮言：{% label 先帝 %}创业未半，而{% label 中道崩殂 blue %}。今天下三分，{% label 益州疲敝 pink %}，此诚{% label 危急存亡之秋 red %}也！然侍衞之臣，不懈于内；{% label 忠志之士 purple %}，忘身于外者，盖追先帝之殊遇，欲报之于陛下也。诚宜开张圣听，以光先帝遗德，恢弘志士之气；不宜妄自菲薄，引喻失义，以塞忠谏之路也。
宫中、府中，俱为一体；陟罚臧否，不宜异同。若有{% label 作奸 orange %}、{% label 犯科 green %}，及为忠善者，宜付有司，论其刑赏，以昭陛下平明之治；不宜偏私，使内外异法也。

timeline

1
2
3
4
5
6
7
8
9
10
11
12
13
14
{% timeline title,color %}

<!-- timeline title -->

xxxxx

<!-- endtimeline -->
<!-- timeline title -->

xxxxx

<!-- endtimeline -->

{% endtimeline %}
参数含义
title标题/时间线
colortimeline 颜色，default(留空) / blue / pink / red / purple / orange / green

  1. 默认颜色

    2022

    01-02

    这是测试页面

  2. blue

    2022

    01-02

    这是测试页面

  3. pink

    2022

    01-02

    这是测试页面

  4. red

    2022

    01-02

    这是测试页面

  5. purple

    2022

    01-02

    这是测试页面

  6. orange

    2022

    01-02

    这是测试页面

  7. green

    2022

    01-02

    这是测试页面

  1. 默认颜色
1
2
3
4
5
6
7
{% timeline 2022 %}
<!-- timeline 01-02 -->

这是测试页面
<!-- endtimeline -->

{% endtimeline %}
  1. blue
1
2
3
4
5
6
7
{% timeline 2022,blue %}
<!-- timeline 01-02 -->

这是测试页面
<!-- endtimeline -->

{% endtimeline %}
  1. pink
1
2
3
4
5
6
7
{% timeline 2022,pink %}
<!-- timeline 01-02 -->

这是测试页面
<!-- endtimeline -->

{% endtimeline %}
  1. red
1
2
3
4
5
6
7
{% timeline 2022,red %}
<!-- timeline 01-02 -->

这是测试页面
<!-- endtimeline -->

{% endtimeline %}
  1. purple
1
2
3
4
5
6
7
{% timeline 2022,purple %}
<!-- timeline 01-02 -->

这是测试页面
<!-- endtimeline -->

{% endtimeline %}
  1. orange
1
2
3
4
5
6
7
{% timeline 2022,orange %}
<!-- timeline 01-02 -->

这是测试页面
<!-- endtimeline -->

{% endtimeline %}
  1. green
1
2
3
4
5
6
7
{% timeline 2022,green %}
<!-- timeline 01-02 -->

这是测试页面
<!-- endtimeline -->

{% endtimeline %}

可在任何界面插入类似友情链接列表效果，内容格式与友情链接界面一样，支持 yml 格式,注意yml数据具有格式要求，请注意格式对齐，防止被编辑器格式化导致格式错误从而报错。

1
2
3
{% flink %}
xxxxxx
{% endflink %}
参数含义
class_nameh2标题
flink_style【可选】友链样式，默认为 flexcard，flexcard/anzhiyu
link_list【可选】友链样式，默认为 flexcard，flexcard/anzhiyu
推荐博客
安知鱼
安知鱼 安知鱼
网站
值得推荐的网站
Youtube
Youtube
视频网站
Weibo
Weibo
中国最大社交分享平台
Twitter
Twitter
社交分享平台
 
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

{% flink %}
- class_name: 推荐博客
  flink_style: flexcard
  link_list:
    - name: 安知鱼
      link: https://anheyu.com/
      avatar: https://img02.anheyu.com/adminuploads/1/2022/09/15/63232b7d91d22.jpg
      descr: 生活明朗，万物可爱
      siteshot: https://npm.elemecdn.com/anzhiyu-blog@1.1.6/img/post/common/anheyu.com.jpg

- class_name: 网站
  class_desc: 值得推荐的网站
  flink_style: anzhiyu
  link_list:
    - name: Youtube
      link: https://www.youtube.com/
      avatar: https://i.loli.net/2020/05/14/9ZkGg8v3azHJfM1.png
      descr: 视频网站
    - name: Weibo
      link: https://www.weibo.com/
      avatar: https://i.loli.net/2020/05/14/TLJBum386vcnI1P.png
      descr: 中国最大社交分享平台
    - name: Twitter
      link: https://twitter.com/
      avatar: https://i.loli.net/2020/05/14/5VyHPQqR6LWF39a.png
      descr: 社交分享平台
{% endflink %}

mermaid 图

使用mermaid标签可以绘制Flowchart（流程图）、Sequence diagram（时序图 ）、Class Diagram（类别图）、State Diagram（状态图）、Gantt（甘特图）和Pie Chart（圆形图），具体可以查看mermaid文档

修改 主题配置文件

1
2
3
4
5
6
7
8
# mermaid
# see https://github.com/mermaid-js/mermaid
mermaid:
  enable: true
  # built-in themes: default/forest/dark/neutral
  theme:
    light: default
    dark: dark
1
2
3
{% mermaid %}
内容
{% endmermaid %}

mermaid

1
2
3
4
5
6
7
8
{% mermaid %}
pie
    title Key elements in Product X
    "Calcium" : 42.96
    "Potassium" : 50.05
    "Magnesium" : 10.01
    "Iron" :  5
{% endmermaid %}

复选列表 checkbox

1
{% checkbox 样式参数（可选）, 文本（支持简单md） %}
  1. 样式: plus, minus, times
  2. 颜色: red,yellow,green,cyan,blue,gray
  3. 选中状态: checked

纯文本测试

支持简单的 markdown 语法

支持自定义颜色

绿色 + 默认选中

黄色 + 默认选中

青色 + 默认选中

蓝色 + 默认选中

增加

减少

叉

1
2
3
4
5
6
7
8
9
10
{% checkbox 纯文本测试 %}
{% checkbox checked, 支持简单的 [markdown](https://guides.github.com/features/mastering-markdown/) 语法 %}
{% checkbox red, 支持自定义颜色 %}
{% checkbox green checked, 绿色 + 默认选中 %}
{% checkbox yellow checked, 黄色 + 默认选中 %}
{% checkbox cyan checked, 青色 + 默认选中 %}
{% checkbox blue checked, 蓝色 + 默认选中 %}
{% checkbox plus green checked, 增加 %}
{% checkbox minus yellow checked, 减少 %}
{% checkbox times red checked, 叉 %}

dogeplayer 多吉云播放器

快捷引入多吉云视频

1
{% dogeplayer 4945 ebb742fd1f0b5a7b %}

获取userId与vcode

参数含义
userId多吉云userId
vcode视频vcode

1
{% dogeplayer 4945 ebb742fd1f0b5a7b %}

折叠框 folding

折叠框folding

1
2
3
{% folding 参数（可选）, 标题 %}
![](https://bu.dusays.com/2023/06/01/64788d71c832d.webp)
{% endfolding %}
  1. 颜色：blue, cyan, green, yellow, red
  2. 状态：状态填写 open 代表默认打开。
查看图片测试

查看默认打开的折叠框

这是一个默认打开的折叠框。

查看代码测试 
1
![](https://bu.dusays.com/2023/06/01/64788d71c832d.webp)
查看列表测试
  • haha
  • hehe
查看嵌套测试
查看嵌套测试2
查看嵌套测试3

hahaha 

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
{% folding 查看图片测试 %}

![](https://bu.dusays.com/2023/06/01/64788d71c832d.webp)

{% endfolding %}

{% folding cyan open, 查看默认打开的折叠框 %}

这是一个默认打开的折叠框。

{% endfolding %}

{% folding green, 查看代码测试 %}
假装这里有代码块（代码块没法嵌套代码块）
{% endfolding %}

{% folding yellow, 查看列表测试 %}

- haha
- hehe

{% endfolding %}

{% folding red, 查看嵌套测试 %}

{% folding blue, 查看嵌套测试2 %}

{% folding 查看嵌套测试3 %}

hahaha <span><img src='https://bu.dusays.com/2023/06/01/64788cd5a356b.png' style='height:24px'></span>

{% endfolding %}

{% endfolding %}

{% endfolding %}

一个图库集合。

爬虫第二弹

我也没有想到会出第二弹，但是爬虫还是很好玩的
话不多说，开始吧 ~

复习一下~

爬取的豆瓣排名前250，并且带有排名标号、名字和评分

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
import requests
from bs4 import BeautifulSoup

headers = {'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.164 Safari/537.36'}

for page in range(0, 250, 25):
    url = f'https://movie.douban.com/top250?start={page}'
    response = requests.get(url, headers=headers)
    soup = BeautifulSoup(response.text, 'html.parser')

    movies = soup.find_all('div', class_='info')
    for idx, movie in enumerate(movies, start=page+1):
        title = movie.find('span', class_='title').text
        rating = movie.find('span', class_='rating_num').text
        print(f'排名: {idx}\t电影名字: {title}\t评分: {rating}')

运行完，桌面上就会有一个douban_top250.xlsx文件，就可以看到

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
import requests
from bs4 import BeautifulSoup
from openpyxl import Workbook

headers = {'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.164 Safari/537.36'}

# 创建一个新的Excel工作簿
wb = Workbook()
# 获取默认的工作表
ws = wb.active

for page in range(0, 250, 25):
    url = f'https://movie.douban.com/top250?start={page}'
    response = requests.get(url, headers=headers)
    soup = BeautifulSoup(response.text, 'html.parser')

    movies = soup.find_all('div', class_='info')
    for idx, movie in enumerate(movies, start=page+1):
        title = movie.find('span', class_='title').text
        rating = movie.find('span', class_='rating_num').text
        ws.cell(row=idx, column=1, value=idx)  # 写入排名
        ws.cell(row=idx, column=2, value=title)  # 写入电影名字
        ws.cell(row=idx, column=3, value=rating)  # 写入评分

# 保存Excel文件
wb.save('douban_top250.xlsx')

使用ws['A1'] = '排名'将排名列标题写入A1单元格，使用ws['B1'] = '电影名字'将电影名字列标题写入B1单元格，使用ws['C1'] = '评分'将评分列标题写入C1单元格。

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
import requests
from bs4 import BeautifulSoup
from openpyxl import Workbook

headers = {'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.164 Safari/537.36'}

# 创建一个新的Excel工作簿
wb = Workbook()
# 获取默认的工作表
ws = wb.active

# 添加列标题
ws['A1'] = '排名'
ws['B1'] = '电影名字'
ws['C1'] = '评分'

for page in range(0, 250, 25):
    url = f'https://movie.douban.com/top250?start={page}'
    response = requests.get(url, headers=headers)
    soup = BeautifulSoup(response.text, 'html.parser')

    movies = soup.find_all('div', class_='info')
    for idx, movie in enumerate(movies, start=page+2):
        title = movie.find('span', class_='title').text
        rating = movie.find('span', class_='rating_num').text
        ws.cell(row=idx, column=1, value=idx-1)  # 写入排名
        ws.cell(row=idx, column=2, value=title)  # 写入电影名字
        ws.cell(row=idx, column=3, value=rating)  # 写入评分

# 保存Excel文件
wb.save('douban_top250.xlsx')

接上集，上次我们已经可以将爬虫的文字数据导入到excel表格里面了，但是我们不仅仅需要文字类型的数据，我们还需要一些图片类型的。

爬虫爬取豆瓣的海报

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
import requests
from bs4 import BeautifulSoup

url = 'https://movie.douban.com/top250'
headers = {
    'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.3'
}

def get_movies():
    movies = []
    for page in range(10):   # 豆瓣前250名电影共有10个页面，每页25部电影
        params = {
            'start': page * 25
        }
        response = requests.get(url, headers=headers, params=params)
        soup = BeautifulSoup(response.text, 'html.parser')
        items = soup.find_all('div', class_='item')
        for item in items:
            movie = {}
            movie['rank'] = item.find('em').text
            movie['title'] = item.find('span', class_='title').text
            movie['score'] = item.find('span', class_='rating_num').text
            movie['image'] = item.find('img')['src']
            movies.append(movie)
    return movies

movies = get_movies()
for movie in movies:
    print(movie['rank'], movie['title'], movie['score'])
    response = requests.get(movie['image'])
    with open(f"{movie['rank']}_{movie['title']}.jpg", 'wb') as f:
        f.write(response.content)

添加了一个movie['image']字段来存储电影海报的URL。然后，我们使用requests.get()方法来发送GET请求获取图片数据，并使用open()方法将图片数据写入到本地文件中，以电影的排名和标题作为文件名。

需要设定目标路径

有时候我们需要把爬取的图片和文件存放到指定路径，下面就是更改之后的代码

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
import os
import requests
from bs4 import BeautifulSoup

url = 'https://movie.douban.com/top250'
headers = {
    'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.3'
}

save_path = os.path.expanduser('~/Desktop/img')

def get_movies():
    movies = []
    for page in range(10):   # 豆瓣前250名电影共有10个页面，每页25部电影
        params = {
            'start': page * 25
        }
        response = requests.get(url, headers=headers, params=params)
        soup = BeautifulSoup(response.text, 'html.parser')
        items = soup.find_all('div', class_='item')
        for item in items:
            movie = {}
            movie['rank'] = item.find('em').text
            movie['title'] = item.find('span', class_='title').text
            movie['score'] = item.find('span', class_='rating_num').text
            movie['image'] = item.find('img')['src']
            movies.append(movie)
    return movies

# 创建目录
os.makedirs(save_path, exist_ok=True)
# 设置自定义目录
save_path = 'C:/Users/ASUS/Desktop/img'

movies = get_movies()
for movie in movies:
    print(movie['rank'], movie['title'], movie['score'])
    response = requests.get(movie['image'])
    file_path = os.path.join(save_path, f"{movie['rank']}_{movie['title']}.jpg")
    with open(file_path, 'wb') as f:
        f.write(response.content)

OK，完成了编写，结束

]]> <div class="flink"><div class="flink-name">接上集，需要了解python爬虫的可以前往上一篇</div><div class="flink-desc">Python爬虫简单测试 | SanXiaoXing</div> <div class Python爬虫简单测试 https://happy.sanxiaoxing.cn/posts/e5a66c8.html 2023-11-06T11:11:14.000Z 2026-06-09T14:11:29.528Z
前提：需要有python和pip环境

写在前言处：需要了解前端的HTML标记和CSS样式，了解python的基本用法

爬虫

首先了解一下爬虫是什么，还有什么注意事项。

爬虫（Web crawler）是一种自动化程序或脚本，用于浏览互联网并自动提取网页内容的工具。它也被称为网络爬虫、网络蜘蛛或网络机器人。

爬虫通过发送HTTP请求访问指定的网页，并从返回的内容中提取有用的信息，例如文本、图片、链接等。它们通常用于数据采集、搜索引擎索引、数据分析、监测网站变化等任务。

爬虫的工作原理通常是：

  1. 指定一个初始URL作为爬取的起点。
  2. 发送HTTP请求获取网页内容。
  3. 解析HTML内容，提取感兴趣的数据，例如链接、文本等。
  4. 如果有新的链接，将其添加到待爬取的URL队列中。
  5. 重复执行步骤2-4，直到满足终止条件（例如爬取的页面数量达到设定值或达到指定深度）。

爬虫可以针对特定的网站进行定向爬取，也可以通过搜索引擎的爬虫来广泛地爬取整个互联网。

注意事项
在爬取过程中，爬虫需要遵守网站的爬取规则和道德准则，以避免对网站造成过大的负担或侵犯隐私等问题。

准备工作

安装requests和bs4库

分别在powershell里面执行

1
2
pip install requests
pip install bs4

在Python中，BeautifulSoup（通常简称为bs4）是一个用于解析HTML和XML文档的库。

BeautifulSoup的主要作用如下：

  1. 解析HTML和XML文档：BeautifulSoup可以将HTML或XML文档解析为Python对象，使得我们可以方便地提取其中的数据。
  2. 树形结构遍历：BeautifulSoup将解析的文档构建为树形结构，通过遍历这个结构，我们可以轻松地定位和访问文档中的各个元素。
  3. 数据提取：通过BeautifulSoup提供的一系列方法，我们可以根据标签、类名、属性等条件来提取文档中的数据。例如，我们可以提取所有的链接、图片、段落等。
  4. 数据清洗：BeautifulSoup还可以清洗和格式化提取到的数据。它提供了一些方法来去除HTML标签、删除多余的空白字符等，使得提取到的数据更加干净和易于处理。
  5. 弥补HTML解析器的不足：BeautifulSoup可以与不同的HTML解析器（如Python内置的html.parser、lxml等）配合使用，以弥补解析器在处理不规范或复杂HTML时的不足之处。

一个简单的小Demo

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
import requests
from bs4 import BeautifulSoup

def web_crawler(url):
    # 发起HTTP GET请求
    response = requests.get(url)

    # 检查响应状态码
    if response.status_code == 200:
        # 使用BeautifulSoup解析HTML内容
        soup = BeautifulSoup(response.text, "html.parser")

        # 获取所有的<a>标签
        links = soup.find_all("a")

        # 遍历每个链接，并打印标题和URL
        for link in links:
            title = link.text
            href = link.get("href")
            print(f"Title: {title}\nURL: {href}\n")
    else:
        print("Failed to fetch the webpage")

# 指定要爬取的网页URL
url = "https://sanxiaoxing.github.io/"

# 调用爬虫函数
web_crawler(url)

在web_crawler函数内部，我们首先发起GET请求，并检查响应状态码。如果响应状态码为200，表示请求成功，我们使用BeautifulSoup解析HTML内容。

接下来，我们使用find_all方法获取网页中所有的<a>标签，并遍历每个链接。我们使用text属性获取链接的文本内容，使用get方法获取链接的URL，并打印标题和URL。

最后，我们在主程序中指定要爬取的网页URL，并调用web_crawler函数来执行爬取操作。

除此之外,有的网站会限制python爬虫进行数据的爬取，这时我们可以使用

1
2
header = {
    'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36 Edg/119.0.0.0'}

进行web的伪装。

提示：user-Agent可以使用web浏览器F12的开发者选项中的网络，进行刷新，随便点击一个即可看到user-Agent的一个内容

把鼠标移动到我上面试试

继续爬取豆瓣电影

了解以上的内容，就可以简单爬取一下豆瓣的电影了

1
2
3
4
5
6
7
8
9
10
11
12
13
14
import requests
from bs4 import BeautifulSoup

url = 'https://movie.douban.com/top250'
headers = {'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.164 Safari/537.36'}

response = requests.get(url, headers=headers)
soup = BeautifulSoup(response.text, 'html.parser')

movies = soup.find_all('div', class_='info') # 查找所有属性
for movie in movies:
    title = movie.find('span', class_='title').text
    rating = movie.find('span', class_='rating_num').text
    print(f'电影名字: {title}\t评分: {rating}')

根据上面的代码，不难发现只有第一页的内容，而我们需要前250的内容

豆瓣排名前250名的总排名

那么，我们需要使用一个循环处理每一个页面range(0,250,25)。标识0到250，每次增加25，以便处理页面。

https://movie.douban.com/top250?start=0&filter=在这个连接里面不难看出start是0，翻到下一页就是25，可以得出所需要增加的为25

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
import requests
from bs4 import BeautifulSoup

headers = {'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.164 Safari/537.36'}

for page in range(0, 250, 25):
    url = f'https://movie.douban.com/top250?start={page}'
    response = requests.get(url, headers=headers)
    soup = BeautifulSoup(response.text, 'html.parser')

    movies = soup.find_all('div', class_='info')
    for movie in movies:
        title = movie.find('span', class_='title').text
        rating = movie.find('span', class_='rating_num').text
        print(f'电影名字: {title}\t评分: {rating}')

豆瓣排名前250标号排序

上面的爬取数据只会有名字还有评分，没有排名，接下来我们继续加

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
import requests
from bs4 import BeautifulSoup

headers = {'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.164 Safari/537.36'}

for page in range(0, 250, 25):
    url = f'https://movie.douban.com/top250?start={page}'
    response = requests.get(url, headers=headers)
    soup = BeautifulSoup(response.text, 'html.parser')

    movies = soup.find_all('div', class_='info')
    for idx, movie in enumerate(movies, start=page+1):
        title = movie.find('span', class_='title').text
        rating = movie.find('span', class_='rating_num').text
        print(f'排名: {idx}\t电影名字: {title}\t评分: {rating}')

在更新后的代码中，我们使用了enumerate()函数来获得电影的排名。enumerate()函数会返回一个可迭代对象，同时提供索引和对应的元素。通过设置start=page+1，我们将排名的起始值设置为当前页面的起始值。

那么，还是不满足在控制台输出结果，想在excel表格里面展示，接下来 Show Time

将其数据导入到excel表格里面

要将数据导入excel中，需要使用第三方库openpyxl

1
pip install openpyxl

以下是更新后的示例

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
import requests
from bs4 import BeautifulSoup
from openpyxl import Workbook

headers = {'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.164 Safari/537.36'}

# 创建一个新的Excel工作簿
wb = Workbook()
# 获取默认的工作表
ws = wb.active

for page in range(0, 250, 25):
    url = f'https://movie.douban.com/top250?start={page}'
    response = requests.get(url, headers=headers)
    soup = BeautifulSoup(response.text, 'html.parser')

    movies = soup.find_all('div', class_='info')
    for idx, movie in enumerate(movies, start=page+1):
        title = movie.find('span', class_='title').text
        rating = movie.find('span', class_='rating_num').text
        ws.cell(row=idx, column=1, value=idx)  # 写入排名
        ws.cell(row=idx, column=2, value=title)  # 写入电影名字
        ws.cell(row=idx, column=3, value=rating)  # 写入评分

# 保存Excel文件
wb.save('douban_top250.xlsx')

运行完，桌面上就会有一个douban_top250.xlsx文件，就可以看到

但是

还不是最完美的，他没有第一行作为提示

继续改进

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
import requests
from bs4 import BeautifulSoup
from openpyxl import Workbook

headers = {'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.164 Safari/537.36'}

# 创建一个新的Excel工作簿
wb = Workbook()
# 获取默认的工作表
ws = wb.active

# 添加列标题
ws['A1'] = '排名'
ws['B1'] = '电影名字'
ws['C1'] = '评分'

for page in range(0, 250, 25):
    url = f'https://movie.douban.com/top250?start={page}'
    response = requests.get(url, headers=headers)
    soup = BeautifulSoup(response.text, 'html.parser')

    movies = soup.find_all('div', class_='info')
    for idx, movie in enumerate(movies, start=page+2):
        title = movie.find('span', class_='title').text
        rating = movie.find('span', class_='rating_num').text
        ws.cell(row=idx, column=1, value=idx-1)  # 写入排名
        ws.cell(row=idx, column=2, value=title)  # 写入电影名字
        ws.cell(row=idx, column=3, value=rating)  # 写入评分

# 保存Excel文件
wb.save('douban_top250.xlsx')

使用ws['A1'] = '排名'将排名列标题写入A1单元格，使用ws['B1'] = '电影名字'将电影名字列标题写入B1单元格，使用ws['C1'] = '评分'将评分列标题写入C1单元格。

同时，我们将循环中写入数据的起始行从page+1修改为page+2，以便为列标题腾出第一行。

目前就是非常完美了

]]> <p><div align="center"> <b><span style="color:rgb(255, 0, 0);">前提：需要有python和pip环境</span></b> </div><br><div class="note success no-icon flat python使用ssh命令执行脚本 https://happy.sanxiaoxing.cn/posts/5bed7dca.html 2023-11-06T10:13:20.000Z 2026-06-09T14:11:29.528Z 前提需要有python和pip环境，一下只介绍python与ssh命令执行

下载paramiko库

命令框安装

1
pip install paramiko

paramiko使用代码

​ 在一个无限循环中，依次执行commands列表中的命令。使用exec_command()方法执行命令，并获取标准输出和标准错误输出。然后打印标准错误输出和标准输出的内容。接下来，使用range()函数实现倒计时功能，打印剩余秒数并进行延迟。

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
# 导入必要的库
import paramiko
import time

# ssh连接的相关信息
hostname = '192.168.1.51' # 主机的IP地址
port = 22                 # 端口号
username = 'root'         # 用户名
password = 'root'         # 密码

# 定义执行的命令
commands = [
    'us -m \'{"ctrl":{"mac":"DC8E95FFFE0C77FF","endpoint":1,"OnOff":1}}\'',
    'us -m \'{"ctrl":{"mac":"DC8E95FFFE0C77FF","endpoint":2,"OnOff":1}}\''
]

# 建立ssh连接
# 创建一个SSHClient对象，并设置缺失主机密钥的策略为自动添加。然后使用connect()方法连接到指定的主机。
ssh = paramiko.SSHClient()
ssh.set_missing_host_key_policy(paramiko.AutoAddPolicy())
ssh.connect(hostname, port, username, password)

time.sleep(2)
try:
    while True:
        for command in commands:
            # 执行命令
            print(command)
            stdin, stdout, stderr = ssh.exec_command(command)
            # print(stdin)
            # print(stdout)
            print('stderr', stderr.readlines())
            for line in stdout.readlines():
                print(line.strip())
                
            # 进入倒计时
            for i in range(3, 0, -1):
                print("\r倒计时{}秒！".format(i), end="", flush=True)
                time.sleep(1)

except KeyboardInterrupt:
    pass

# 关闭ssh连接
ssh.close()

这是一个简单的示例。

paramiko结合多线程的使用使用代码示例如下

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
import threading
import paramiko
class paramikoThreading(threading.Thread):
    def __init__(self,command,host,username,password,port=22):
        self.command = command
        self.host = host
        self.username = username
        self.password = password
        self.port = port
 
        super(paramikoThreading,self).__init__()
 
 
    def run(self):
        ssh = paramiko.SSHClient()
        # 创建一个ssh的白名单
        know_host = paramiko.AutoAddPolicy()
        # 加载创建的白名单
        ssh.set_missing_host_key_policy(know_host)
 
        # 连接服务器
        ssh.connect(
            hostname=self.host,
            port=self.port,
            username=self.username,
            password=self.password,
        )
 
        stdin, stdout, stderr = ssh.exec_command(self.command)
        print("*"*60)
        print("ip:%s,\ncommand:%s,\n"%(self.host,self.command))
        print(stdout.read().decode())
        print("*"*60)
        ssh.close()
 
if __name__ == '__main__':
    from settings import pool  #调用配置文件配置文件为settings.py
 
    command = "ls"
    t_pool = []
    for host in pool:
        t = paramikoThreading(
            host=host.get("host","localhost"),
            username=host.get("username","root"),
            password=host.get("password","123"),
            command=command
            )
        t_pool.append(t)
    for t in t_pool:
        t.start()
    for t in t_pool:
        t.join()

上文使用的settings.py文件如下

1
2
3
4
5
6
7
8
9
10
pool = [
    dict(host="10.10.21.177", username="root", password="123"),
    dict(host="10.10.21.177", username="root", password="123"),
    dict(host="10.10.21.177", username="root", password="123"),
    dict(host="10.10.21.177", username="root", password="123"),
    dict(host="10.10.21.177", username="root", password="123"),
    dict(host="10.10.21.177", username="root", password="123"),
    dict(host="10.10.21.177", username="root", password="123"),
    dict(host="10.10.21.177", username="root", password="123"),
]

文件的上传与下载

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
import paramiko
 
trans = paramiko.Transport(
    sock=("10.10.21.177",22) # 设置IP以及端口号
)
 
trans.connect(
    username="root",# 账号
    password="12345"#密码
)
sftp = paramiko.SFTPClient.from_transport(trans)
 
#上传
#把本地的文件settings.py，上传到远端为/root/Desktop/settings.py
sftp.put("settings.py","/root/Desktop/settings.py")
 
 
#下载
#从远程/root/Desktop/hh.py获取文件下载到本地名称为hh.py
# sftp.get("/root/Desktop/hh.py","hh.py")
 
sftp.close()

参考文档：Python进行ssh操作_ssh python-CSDN博客

]]> <div align="center"> <b><span style="color:rgb(255, 0, 0);">前提需要有python和pip环境，一下只介绍python与ssh命令执行</span></b> </div> <h2 id="下载paramiko库"><a Blog源文件GitHub https://happy.sanxiaoxing.cn/posts/798ab618.html 2023-11-01T10:13:20.000Z 2026-06-09T14:11:29.528Z 使用github上传自己的blog源文件

新环境

  • 要在新环境继续在原有仓库基础上撸文章，此时通过git clone将博客源码拉到本地，然后安装、初始化hexo就能搞定：
1
2
3
4
5
6
git clone ...
npm install hexo
npm install hexo-deployer-git -save

// hexo环境配置好后，继续像之前一样
hexo new post_name

  • hexo algolia命令需要设置HEXO_ALGOLIA_INDEXING_KEY`

    在 git bash 命令上执行：

    1
    2
    3
    export HEXO_ALGOLIA_INDEXING_KEY=""

    ./node_modules/.bin/hexo algolia

  • 配置pwa（我也不知道为啥会掉）

    在[Blogroot]\themes\butterfly\layout\includes\third-party\目录下新建pwanotice.pug文件，打开[Blogroot]\themes\butterfly\layout\includes\third-party\pwanotice.pug,输入：

    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
    #app-refresh.app-refresh(style='position: fixed;top: -2.2rem;left: 0;right: 0;z-index: 99999;padding: 0 1rem;font-size: 15px;height: 2.2rem;transition: all 0.3s ease;')
      .app-refresh-wrap(style=' display: flex;color: #fff;height: 100%;align-items: center;justify-content: center;')
        label ✨ 有新文章啦！ 👉
        a(href='javascript:void(0)' onclick='location.reload()')
          span(style='color: #fff;text-decoration: underline;cursor: pointer;') 🍗点击食用🍔
    script.
      if ('serviceWorker' in navigator) {
      if (navigator.serviceWorker.controller) {
      navigator.serviceWorker.addEventListener('controllerchange', function() {
      showNotification()
      })
      }
      window.addEventListener('load', function() {
      navigator.serviceWorker.register('/sw.js')
      })
      }
      function showNotification() {
      if (GLOBAL_CONFIG.Snackbar) {
      var snackbarBg =
      document.documentElement.getAttribute('data-theme') === 'light' ?
      GLOBAL_CONFIG.Snackbar.bgLight :
      GLOBAL_CONFIG.Snackbar.bgDark
      var snackbarPos = GLOBAL_CONFIG.Snackbar.position
      Snackbar.show({
      text: '✨ 有新文章啦！ 👉',
      backgroundColor: snackbarBg,
      duration: 500000,
      pos: snackbarPos,
      actionText: '🍗点击食用🍔',
      actionTextColor: '#fff',
      onActionClick: function(e) {
      location.reload()
      },
      })
      } else {
      var showBg =
      document.documentElement.getAttribute('data-theme') === 'light' ?
      '#3b70fc' :
      '#1f1f1f'
      var cssText = `top: 0; background: ${showBg};`
      document.getElementById('app-refresh').style.cssText = cssText
      }
      }

    修改[Blogroot]\themes\butterfly\layout\includes\additional-js.pug,在文件底部添加以下内容，注意缩进。butterfly_v3.6.0取消了缓存配置，转为完全默认，需要将{cache:theme.fragment_cache}改为{cache: true}:

    • 这里直接加就行
    1
    2
    if theme.pwa.enable
        !=partial('includes/third-party/pwanotice', {}, {cache: true})

    一直pwa推送，很烦人，不用了

之后就可以了。（仅供个人使用）

]]> <h1 id="使用github上传自己的blog源文件"><a href="#使用github上传自己的blog源文件" class="headerlink" title="使用github上传自己的blog源文件"></a>使用github上传自己的blog源文件</h1>< Hello World https://happy.sanxiaoxing.cn/posts/16107.html 2023-10-31T10:13:20.000Z 2026-06-09T14:11:29.528Z Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Quick Start

Create a new post

1
$ hexo new "My New Post"

More info: Writing

Run server

1
$ hexo server

More info: Server

Generate static files

1
$ hexo generate

More info: Generating

Deploy to remote sites

1
$ hexo deploy

More info: Deployment

]]> <p>Welcome to <a href="https://hexo.io/">Hexo</a>! This is your very first post. Check <a href="https://hexo.io/docs/">documentation</a> for