瑝琦的博客

以学习记录整理技术主题

网站标题下方写着“学习、总结、分享、提升”，首页则用文章卡片呈现标题、日期、摘要和阅读入口。站点导航提供项目、在线工具、分类、标签、RSS、关于和联系等页面，使它既可作为文章列表阅读，也能从主题入口回看过往内容。页面底部说明网站基于 Jekyll 搭建，定位为技术学习与分享的个人博客。

首页展示的文章并不局限在一个开发框架。可见内容包括 SSH 协议的隧道和代理用法、浏览器之间的 CSS flex 行为差异、React PureComponent 的使用，也有网络安全相关的案例分析。读者可以根据当下问题直接进入一篇文章，也可以通过分类和标签发现同一主题下的笔记。文章列表保留发布日期和摘要，便于在打开正文前先判断主题是否相关；RSS 则为希望持续跟进更新的读者提供订阅入口。

SSH 文章从概念延伸到转发场景

首页列出的《SSH协议中隧道与代理的用法详解》是一篇代表性的网络技术文章。正文先介绍 SSH 在远程管理中的常见用途，再把重点放到加密隧道与代理功能。文章列出 -N、-f、-c、-v 等命令行参数的作用，并分别说明本地转发与远程转发的思路。对于刚接触 SSH 转发的读者，这种安排先交代参数和环境，再按转发方向拆分内容，降低了直接面对复杂网络拓扑的理解负担。

文章通过简化的两台主机环境来说明连接关系，并在需要讨论网关或多级代理时补充第三台机器。正文既引用 SSH 手册对 -L 与 -R 参数的说明，也给出测试网络中使用的命令和验证步骤，展示本地端口如何连接远端服务，以及远端监听如何把连接转回本地一侧。页面还介绍动态转发与 SOCKS 代理的用途，使读者可以比较几种常见转发方式，而不把它们混为同一条命令。

理解这些模式时，可以先问连接从哪一侧发起、监听端口落在哪台机器、最终服务位于哪一侧。-L 通常在客户端一端建立监听，再通过加密连接到达远端服务；-R 则把监听安排在远端一侧，让到达该端口的连接经 SSH 通道返回本地。动态转发把客户端的一个本地端口作为 SOCKS 入口，后续由代理请求决定目的地址。作者按这种场景拆分概念，使读者更容易把“方向”与“参数位置”对应起来。

文章还提醒读者先准备简化网络拓扑，并在实验时逐步验证连通性。这个顺序有实际帮助：如果最终服务不可达，读者可以分开检查 SSH 会话是否建立、监听端口是否出现，以及目标服务是否能从转发一侧访问，而不是只凭一条命令猜测问题所在。文中的命令用于说明机制，环境中的用户名、地址和端口需要替换为经授权的实际配置。

这些示例帮助读者理解参数方向与连接路径之间的关系，但示例中的地址和主机环境只是文章用于解释的测试设置。实际使用时，应结合自己的主机、端口、防火墙规则和 SSH 服务配置检查参数，并只在获得授权的网络与设备上进行转发。文章提供的是技术说明与实验步骤，读者仍需依据当前 OpenSSH 文档和本地环境核对命令行为。

文章主题也覆盖前端兼容与性能

除了网络连接主题，博客还记录了开发过程中常见的前端问题。关于 CSS flex 的文章聚焦 Chrome 与 Safari 中行为差异，主题指向布局结果不一致时的排查；React PureComponent 文章则围绕组件性能优化展开。首页摘要分别提示了问题背景，让读者能先判断文章是否针对自己的开发场景。对初学者来说，这些笔记可以作为排查思路的入口；对有经验的开发者而言，它们也提供了一个回看特定问题的目录。

首页还列出“工具”等导航入口，说明作者把在线工具与文章阅读一起纳入站点结构。实际工具的用途需要进入对应页面查看，不能仅凭栏目名称推断具体能力。分类和标签为文章提供主题索引，RSS 适合在站外阅读器中接收更新，GitHub 项目入口则为需要查看公开代码或仓库的访客提供下一步链接。不同入口服务于不同需求，读者可以按问题选择，不必从头阅读所有历史文章。

如何把它用作技术参考

如果你正在学习 Linux 网络连接、理解 SSH 转发，或排查前端布局和组件问题，可以把本站作为案例型文章的入口。阅读网络文章时，先确认所讨论的是本地转发、远程转发还是动态代理，再把示例中的主机角色映射到自己的拓扑；如果遇到浏览器布局问题，则可先从 CSS flex 的兼容主题进入。分类、标签和 RSS 能帮助按主题回访，也便于持续关注后续记录。

站点内容属于个人技术笔记，适合辅助理解和定位资料，并不代替协议文档、浏览器规范或框架官方指南。不同软件版本、系统配置和网络策略可能让同一示例产生不同结果，读者应将文章中的解释与当前环境进行核对。对于网络安全案例，也应关注上下文与授权边界，避免把实验性示例用于未经许可的系统。这样使用，博客既可作为技术问题的起点，也能帮助读者建立继续查阅原始文档的线索。