🧭 背景介绍最近刚把博客静态文件全部上了阿里云OSS图床和CDN,在日常的写作过程中,我通常需要先在本地通过PS修图,然后再通过阿里云 OSS Browser 客户端手动将图片上传至OSS,供网站访问。
这种方式虽然直观,但在文件数量增多、更新频繁的场景下逐渐暴露出以下问题:
上传操作繁琐,需要人工介入,效率低
容易出现遗漏,缺乏稳定的同步机制
文件同步不具备实时性,影响使用体验
为此,我计划采用一种 自动化、稳定、实时 的方案,将本地目录中的文件实时同步至 OSS。
方案具体是通过将 OSS 挂载为本地目录(ossfs),并结合实时文件监听工具 Lsyncd,可以实现无需人工干预的自动同步,大幅提升效率并降低人为错误。
❓ Lsyncd 是什么Lsyncd 是一个基于 inotify 或 fsevents 的实时文件同步工具,它监控目录的文件更改并通过 rsync(或其他方式)推送到远程或本地目标,非常适合做:
实时同步目录
适配网络延迟(通过事件聚合)
自动重试失败的同步
PS:相比inotifywait更稳定,更易用。之前也试过inotifywait经常收不到消息。
⏩ ...
关键词:开源贡献、NotionNext、AI 编程、Cursor、新手前端、Bug 修复
🧭 背景这还得从我建站初期说起,作为一个几乎不会前端开发的用户,我在部署 NotionNext 博客站时,偶然发现了一个令人困扰的 Bug —— 友链中的画廊图片最左右边线显示有问题,影响了整体展示效果,如下图:
出于对开源项目的敬意,我希望能为它做点什么。虽然我不是程序员,但我有一个强大的“外援” —— AI。
🔧 过程1. 锁定问题我使用 Notion 在友链页面中插入多图画廊后,在 NotionNext 页面中查看,发现:
图片边线显示异常
到 NotionNext 作者博客的友链页面也发现了有此问题
在社区 issue 和讨论中,好像还没发现有人提到这个问题并修复。
2. 搭配 AI + Cursor 工具排查我不会前端,但我会用 AI!我使用的是 Cursor,一个强大的 AI 辅助编程编辑器:
定位问题
我将项目源代码下载到本地,然后使用 Cursor 打开项目,接着我直接将问题截图发给 Cursor,并告知问题是什么样,需要最终的修复结果是什么。
AI 解读代码 ...
📝 前言在上一篇中介绍到使用阿里云OSS 作为图床:【实战指南】阿里云OSS独立站图床搭建。
本篇继续为大家介绍 OSS 的升级版,搭配 CDN 使用。
🧭 为什么使用 CDN ?在现代网站和应用中,用户访问速度、图片加载效率和稳定性成为了影响用户体验的重要因素。
CDN(内容分发网络)正是解决这类问题的核心技术,它通过在全球范围内部署的边缘节点缓存内容,使得用户访问资源时能够从最近的节点获取,显著提升响应速度并降低源站压力。
为什么选择阿里云CDN ?
🌍 覆盖全球的加速节点:阿里云在全球部署了上千个加速节点,支持中国大陆及海外访问优化。
🔗 与OSS深度集成:原生支持阿里云对象存储 OSS 作为源站,配置简便。
🔒 支持HTTPS、访问控制、防盗链:内置多种安全加速机制,保障资源安全。
📊 监控详尽:提供实时流量分析、命中率统计、带宽趋势图等功能,便于优化管理。
📦 使用前准备在开始前,请确保你具备以下条件:
已注册并实名认证的 阿里云账户
创建好的 OSS Bucket,并已上传静态资源
CDN服务已开通(点此进入CDN控制台)
🔧 操作指南✅ 第一步: ...
背景在上一篇《告别加载卡顿!用Squoosh+PS实现图床迁移》,主要介绍到通过将图片格式转为webp格式,并进行有损压缩从而大幅降低图片的大小,为迁移到图床做准备。
本篇再来介绍一下图床的搭建过程,由于整套服务器使用的是阿里云体系,因此直接使用阿里云OSS 作为图床是最理想的选择。
📌 为什么选择 OSS 做图床?
✅ 高速稳定,接入 CDN 后全球访问无压力
✅ 图片处理能力强(缩放、格式转换、质量压缩)
✅ 成本低、按量计费,适合中小型独立站
✅ 支持绑定自定义域名,利于 SEO 和品牌统一
🔧 第一步:开通 OSS 服务
登录 阿里云官网 并进入控制台
搜索 “对象存储 OSS”,点击进入 OSS 产品页
根据页面提示完成服务开通(首次开通需要实名认证)
🔧 第二步:创建 OSS Bucket
在 OSS 控制台 中点击 “创建 Bucket”
配置参数如下:
读写权限:私有(Private),这里是默认选择,并且在创建时也不允许修改
PS:从安全考虑,建议就使用私有,然后通过 CDN 暴露图片即可。
地域选择:选择接近主要用户群体的区域(建议跟服务器在同一 ...
🖼 背景:从 Notion 到自建图床我的博客文章最初是通过 Notion 编写并直接上传的图片,Notion 已自动将图片压缩并转为 WebP。
但由于没有启用 CDN,所有图片都直接从原始地址加载,导致加载较慢。
为了控制流量开销并提升加载速度,现在打算将图片托管到自己的 CDN,同时手动压缩并优化图片大小。
❓ 为什么要压缩图片?
降低 CDN 流量成本:
默认截图基本都是png格式,可以转为 WebP 并压缩降低大小和流量。
提升页面加载速度:
优化后的图片体积更小,加载更快。
增强用户体验与 SEO:
访问体验流畅,搜索引擎排名更佳。
🌐 使用在线工具压缩和转换为 WebP推荐几个高效易用的在线工具:
Squoosh:支持 WebP 压缩和实时预览,适合图片逐一优化**(推荐)**。
TinyPNG:虽主打 PNG/JPG,但压缩算法优秀,可配合转换工具使用。
Convertio:可将 PNG、JPG 转换为 WebP。
💡
提示:Squoosh 可将 Notion 导出的 WebP 再次压缩,效果显著。
🛠 使用 PS 直接导出为 ...
✍🏻 前言在 macOS 系统中,当文件被复制到共享目录(Samba)或外部存储设备(如 U 盘、网络硬盘)时,系统会自动生成以 ._ 开头的隐藏文件(例如 ._filename、.DS_Store)。
这些文件用于存储文件的扩展属性(如自定义图标、标签等元数据),但对非 macOS 用户而言,这些文件可能造成干扰。
本文将提供两种简单有效的方法,帮助您禁止生成此类文件并清理已存在的冗余文件。
💡
PS:之前通过Samba挂载了共享目录,无意中发现存在很多这些隐藏文件,看着实在碍眼因此决定清除一下。
🎯 适用场景
多设备混合使用的共享目录(macOS + Windows/Linux)
存储媒体文件(图片、视频)时避免元数据污染
文件需经常上传至云盘、服务器等第三方平台
✅ 步骤一:通过终端命令禁用元数据文件生成
禁用 .DS_Store 文件(网络存储),打开终端运行以下命令:
1defaults write com.apple.desktopservices DSDontWriteNetworkStores true
说明:.DS_Store 文件用于存 ...
😀 对于拥有自己独立网站的开发者来说,**日志收集**是运维管理中至关重要的一环。
今天分享如何将个人独立站接入阿里云的 **SLS 日志服务**,实现高效、实时的访问日志分析和安全审计。
❓什么是日志服务阿里云日志服务SLS是云原生观测与分析平台,为Log、Metric、Trace等数据提供大规模、低成本、实时的平台化服务。
🧩 为什么选择阿里云 SLS?日志服务一站式提供数据采集、加工、查询与分析、可视化、告警、消费与投递等功能,全面提升您在研发、运维、运营、安全等场景的数字化能力,主要特性如下:
实时收集和查询日志
提供可视化仪表盘
日志存储自动管理,按量计费
支持告警、自动清洗、归档等高级功能
PS:服务器如果也是在阿里云,统一管理更方便。
一、准备工作1. 拥有阿里云账号如果你还没有阿里云账号,请先前往 aliyun.com 注册。
2. 开通日志服务 SLS登录阿里云控制台,搜索并进入“日志服务”,点击开通即可。
二、创建日志项目和 Logstore
打开 SLS 控制台
进入「项目管理」 → 新建项目(Project)
名称:my-site-log
地域 ...
💬 什么是 Twikoo?Twikoo 是一款简洁、好用、功能强大的评论系统,支持无数据库运行,可部署于各种平台,具有以下特点:
无数据库依赖,支持 JSON 文件持久化
支持 Markdown、代码高亮、表情、图片等丰富内容
支持第三方登录(QQ、GitHub 等)
前端轻量、界面美观,适配主流博客系统
Twikoo 是个人独立站站长理想的评论系统,尤其适合部署在自己的服务器上,实现完全自托管。
本教程将详细介绍如何在个人独立站点中接入 Twikoo 评论系统,并通过 Docker 部署后端。
🧩 接入 Twikoo 的前提条件
一台支持 Docker 的服务器(本文以 Linux 为例,建议使用 Ubuntu)
已安装 Docker 和 Docker Compose(可参考另一篇安装文档《Docker 与 Docker Compose 安装部署》)
有一个已搭建好的独立站(如 Hexo、Hugo、NotionNext 或其他框架)
服务器开放了相应的端口(默认 Twikoo 使用 8080, 建议统一使用Nginx开放公网端口)
🐳 第一步:Docker 部署 Twik ...
📌 前言文章摘要(Meta Description)是网站内容在搜索引擎结果页面(SERP)中展示的简短描述。虽然它不是直接的排名因素,但却显著影响点击率(CTR),从而间接提升SEO效果。
✍️ 什么是文章摘要(Meta Description)?Meta Description 是 HTML <meta> 标签的一部分,用于简要说明网页内容。它通常出现在 Google、Bing 等搜索引擎的结果下方,如下图:
🎯 为什么优化摘要对SEO很重要?
提高点击率(CTR)
描述内容吸引人,用户更可能点击。
增强关键词匹配度
搜索词高亮出现在摘要中,提高相关性。
增加页面可读性
有结构的摘要帮助用户快速理解内容价值。
PS:这是我一开始随便写摘要时,搜索引擎返回的结果,可以看出差别非常之大:
✅ 优质摘要的5大要素
要素
说明
长度合适
建议 140–160 个字符,太长会被截断,一般显示2-3行即可
包含关键词
将目标关键词自然融入,不堆砌
吸引力强
使用主动语态、疑问句或号召用语(Call-to-Action)
与内容相关
摘要要 ...
✅ 什么是 Microsoft Clarity?Microsoft Clarity 是一款免费的网站用户分析工具,提供以下功能:
热图分析(Heatmaps)
会话回放(Session Recordings)
点击与滚动跟踪(Click & Scroll Tracking)
JavaScript 性能检测
隐私保护(自动模糊敏感信息)
Clarity 特别适合不想使用 Google Analytics(Google国内无法使用,而百度的太拉跨) 的站长,或是希望补充更多可视化行为数据的用户。
🧩 接入 Clarity 的前提条件你需要:
一个已上线的个人网站(静态站或动态站均可)
能够访问和修改网站的 <head> 段落(例如使用 HTML、Vue、React、WordPress 等)
一个 Microsoft 账户(Outlook、Hotmail 均可)
🔧 第一步:注册 Clarity 并创建项目
访问 https://clarity.microsoft.com/
使用 Microsoft 账户登录
点击 左侧的 “新建项目”
填写以下信息:
名称: ...
前言如果你已经搭建好了个人博客或网站,并希望用户通过 Bing 搜索引擎可以找到你的网站内容,那么将网站添加到 Bing Webmaster 工具 是非常重要的一步。
博主网站已经上线大半个月,但是在百度、Bing上却是搜索不到,再好的内容也需要流量,因此了解下如何手动录入到搜索引擎。
🧭 什么是 Bing Webmaster 工具?Bing Webmaster 工具(Bing Webmaster Tools)是由 Microsoft 提供的一套网站管理平台,主要用于帮助站长监控和优化自己的网站在 Bing 搜索引擎 中的表现。
它的作用相当于 Google 的 Search Console,但专为 Bing 及 Microsoft Edge 浏览器相关搜索服务设计。
🔍 为什么要用 Bing Webmaster 工具?虽然相较于 Google,Bing 占据的市场份额较小,但它依然拥有数以亿计的用户。使用 Bing Webmaster 有以下几个优势:
📈 提升网站在 Bing/Edge 搜索结果中的排名
🚀 加快新内容在 Bing 的收录速度
🛠️ 诊 ...
🧭 什么是 Syncthing?Syncthing 是一个 开源的点对点文件同步工具,主要特点:
🚫 无需云服务:数据只在你授权的设备之间传输
🔒 端到端加密,基于 TLS + SHA256 身份验证
🌍 支持 跨平台(Windows / macOS / Linux / Android)
📂 多文件夹、多设备同步,自动发现和版本控制
Syncthing 特别适合局域网同步,也能通过 NAT 穿透和中继进行远程同步。
💡 为什么不使用Docker部署而是使用二进制,这是因为考虑到 Docker 毕竟多少会损失些性能,而文件同步对于读写性能要求较高,因此综合考虑还是采用二进制部署。
🧰 环境准备
操作系统:Linux(CentOS、Ubuntu 均可)
网络:保证设备间能通信(内网或通过 frp 穿透)
💡 如何使得家里电脑与公司电脑同步,这就需要借助 frp 穿透。
具体部署可参考另一篇文章:[《使用 Docker 搭建 frp 内网穿透》](https://blog.lusyoe.com/article/setup-frp- ...
背景家里旧电脑重装了 Linux 系统,并且搭建了一些服务比如Syncthing,想要将其在外面(如公司)也能同步,由于家庭网络是处于NAT 内部的,再外部无法直接访问,因此需要借助公网服务器再搭建一套 frp 内网穿透。
💻服务端配置1.准备配置文件 frps.toml在 公网服务器 上创建配置目录和文件:
123456# 创建配置目录mkdir -p /opt/frp/frpscd /opt/frp/frps# 创建文件并编辑vim frps.toml
内容示例:
12345bindPort = 7000 # 客户端连接端口vhostHTTPPort = 8080 # HTTP 虚拟主机端口(可选)[auth]token = "your-secret-token" # 安全密钥,客户端需一致
⚠️ 建议将 token 设置为一串强随机字符串,用于安全验证。
2.运行 frps 容器12345678docker run -d \--name frps \-v /opt/frp/frps/frps.toml:/etc/frp/frps ...
🧭 前言随着内容创作者对私域流量和可控平台的重视,基于 Notion + NotionNext 搭建独立站成为一种高效、轻量的解决方案。
而在众多的变现方式中,结合京东联盟进行带货推广,不失为一条稳定、可复制的变现路径。
本文将围绕 NotionNext 搭建的独立站,系统介绍如何实现京东带货变现。
🔍 为什么选择 NotionNext + 京东联盟?
零成本搭建:利用 Notion 写内容、NotionNext 自动生成站点,部署在 Vercel 等平台几乎无需花钱(也可以自己购买服务器自搭建)。
内容管理高效:通过 Notion 实时编辑,极大提升生产效率。
页面美观轻巧:NotionNext 支持主题切换、SEO 优化、文章分类等博客功能。
京东联盟信任背书:结合平台品牌信任度与高佣金政策,转化率稳定。
🧱 基础准备1️⃣ 注册京东联盟账号访问 京东联盟官网,使用京东账号注册。
完成实名认证和网站备案(进入推广管理—>网站管理中创建网站)。
⚠️ 注意:这里需要网站备案信息,所以如果打算走商业变现的话还是建议一开始就将网站部署到国内服务器并进行备案。
2️ ...
📖 介绍Ubuntu是一个强大的 Linux 服务器操作系统,适用于各种硬件平台,具有广泛的支持和丰富的软件包。
在 CentOS 不再更新维护之后,Ubuntu 是 Linux 操作系统的不二选择。
以下是从零开始安装 Ubuntu 的详细步骤,确保你能够轻松完成整个过程。
🛠️ 准备工作🌐 1. 下载 Ubuntu Server 镜像
访问 Ubuntu 官方下载页面。
选择系统版本,我这里选择的是Ubuntu 24.04.2 LTS Server版(不带桌面并且镜像文件小很多)
下载 .iso 镜像文件。
💡
如果觉得从官网下载很慢,也可以从国内的镜像源下载会快很多,比如阿里云的镜像站:
https://mirrors.aliyun.com/ubuntu-releases/24.04.2/
💾 2. 制作启动盘
使用工具 Rufus 将 Ubuntu Server 镜像写入 USB 启动盘。
插入一个至少 4GB 的 U 盘, 我这里是16GB 够用了。
打开 Rufus,选择下载的 .iso 文件,默认配置然后点击开始。
中间会提示些提示如:iso写入还是d ...
在日常工作和家庭中,我们常常需要不同操作系统之间共享文件。
例如,如果你有一台运行Linux的服务器,并且希望与一台Mac共享文件,使用Samba协议无疑是一个不错的选择。
Samba是一个开放源代码的软件套件,可以使Linux和Windows系统与其他操作系统之间实现文件共享和打印服务。本文将指导你如何在Linux上安装和配置Samba服务器,以便为Mac共享存储使用。
📦 1. 安装Samba软件包如果是在CentOS上,Samba可以通过yum包管理器直接进行安装。
运行以下命令来安装Samba及其客户端和常用组件:
1$ sudo yum install samba samba-client samba-common -y
如果是Debian/Ubuntu,可以使用apt包管理器安装。
1$ sudo apt update && apt install samba samba-client samba-common -y
安装完成后,可以使用以下命令来验证Samba是否成功安装:
123$ smbd --versionVersion 4.14.5 ...





















