Blog式日记小站http://localhost:1313/Recent content from Blog式日记小站Hugoenbi499096@hotmail.com (溟里)bi499096@hotmail.com (溟里)All articles on this blog are licensed under the BY-NC-SA license agreement unless otherwise stated. Please indicate the source when reprinting!Sat, 05 Sep 2026 13:43:05 +0800Nginx响应头优化问题记录http://localhost:1313/posts/nginx%E5%93%8D%E5%BA%94%E5%A4%B4%E4%BC%98%E5%8C%96%E9%97%AE%E9%A2%98%E8%AE%B0%E5%BD%95/Sat, 05 Sep 2026 13:43:05 +0800bi499096@hotmail.com (溟里)http://localhost:1313/posts/nginx%E5%93%8D%E5%BA%94%E5%A4%B4%E4%BC%98%E5%8C%96%E9%97%AE%E9%A2%98%E8%AE%B0%E5%BD%95/ Nginx响应头优化问题记录

Author: 溟里(bi499096@hotmail.com)

一、原始问题

查看FeHelper在 Nginx 配置中发现三个关键头部缺失：

❌ Cache-Control —— 浏览器端无缓存策略

❌ X-Content-Type-Options —— 存在 MIME 嗅探 XSS 风险

❌ X-Frame-Options —— 可能被嵌入 iframe 遭受点击劫持

二、已完成的优化（✅ 成功）

Nginx 配置添加

  • 静态资源（css/js/图片等）缓存 30 天，添加 Cache-Control: public, no-transform
  • HTML 页面添加 Cache-Control: no-cache, must-revalidate
  • 安全头部已在 Nginx 中配置

配置验证 

curl -I http://localhost/

确认 Nginx 本地响应完全正常，缓存策略已生效 ✅

三、当前状态（⚠️ 部分受限）

配置项 Nginx 本地 公网访问 (Cloudflare Tunnel)
Cache-Control ✅ 生效 ✅ 生效
X-Content-Type-Options ✅ 生效 ❌ 被过滤
X-Frame-Options ✅ 生效 ❌ 被过滤
X-XSS-Protection ✅ 生效 ❌ 被过滤

通过 cloudflared 免费 Tunnel 访问时，Cloudflare 会剥离自定义响应头。这是免费域名的限制。

Published on 2026-09-05 at Blog式日记小站, last modified on 2026-09-05

]]>cloudflare工具运用NginxNginx替换hugo服务进行公网开放踩坑全记录http://localhost:1313/posts/nginx%E6%9B%BF%E6%8D%A2hugo%E6%9C%8D%E5%8A%A1%E8%BF%9B%E8%A1%8C%E5%85%AC%E7%BD%91%E5%BC%80%E6%94%BE%E8%B8%A9%E5%9D%91%E5%85%A8%E8%AE%B0%E5%BD%95/Mon, 31 Aug 2026 01:18:29 +0800bi499096@hotmail.com (溟里)http://localhost:1313/posts/nginx%E6%9B%BF%E6%8D%A2hugo%E6%9C%8D%E5%8A%A1%E8%BF%9B%E8%A1%8C%E5%85%AC%E7%BD%91%E5%BC%80%E6%94%BE%E8%B8%A9%E5%9D%91%E5%85%A8%E8%AE%B0%E5%BD%95/ Nginx替换hugo服务进行公网开放踩坑全记录

Author: 溟里(bi499096@hotmail.com)

Nginx替换hugo服务进行公网开放踩坑全记录

这不是一篇普通教程，而是一个“踩坑专家”用血泪换来的终极避坑手册。

涵盖：端口占用、权限地狱、开发/生产模式混淆、DNS 隧道、配置覆盖、CDN 403、路径盲区、情绪管理……

适合 Ubuntu 云服务器 + Cloudflare Tunnel + VS Code Remote 组合。

一、最终架构（先看明白再动手）

本地电脑（物理机）

- VS Code 远程连接云服务器

- 端口转发：云服务器 1313 → 本地 12287

- 浏览器访问：http://localhost:12287（本地预览）

通过 SSH 隧道连接至云服务器（Ubuntu）

云服务器部署服务：

1. Hugo Server（端口1313，内存模式、包含草稿） 启动命令：hugo server -D --renderToMemory

2. Nginx（端口80，托管public静态文件、无草稿） 站点目录：/home/ubuntu/digital-garden/public/

3. Cloudflared Tunnel（内网穿透，映射 localhost:80） 公网访问地址：https://xxxxx.trycloudflare.com

公网用户访问链路：公网 → Cloudflared 隧道 → Nginx → 静态资源目录 public/

双入口完全独立，分工明确

访问方式 数据源 含草稿 用途
http://localhost:12287 Hugo Server 内存 ✅ 是 写稿/实时预览
https://xxxxx.trycloudflare.com Nginx 托管 public/ ❌ 否 公网正式访问

二、踩坑总览（按操作阶段排序）

阶段 坑点 典型报错/问题
服务启动 端口被旧进程占用 bind: address already in use
服务启动 只看浏览器不看终端，盲目排错 WebSocket failed 全屏报错
服务启动 端口自动偏移，找不到运行端口 端口随机变为1314/1315
权限与网络 Nginx 无静态文件读取权限 403 Forbidden / Permission denied
权限与网络 直接暴露服务器80公网端口 服务器端口被扫描、存在安全风险
权限与网络 DuckDNS 无法绑定 Cloudflare 隧道健康但域名访问超时
权限与网络 Cloudflare 临时隧道地址重启变动 历史公网链接失效
Hugo 配置 主题配置修改不生效 网站样式、参数无任何变化
Hugo 配置 多配置文件混杂，配置被覆盖 参数丢失、配置错乱
Hugo 配置 相对路径配置失效 链接自动跳转 localhost:1313
Hugo 配置 公网泄露草稿文章 未完成内容对外展示
Hugo 配置 CDN 资源加载失败 静态资源403/404，页面裸奔
Hugo 配置 首页空白、文章不展示 mainSections 目录不匹配
Hugo 配置 图片/静态资源404 路径错误、大小写不匹配
性能优化 公网直接使用hugo server服务 页面加载2s+、CPU占用极高
性能优化 生产环境未压缩代码 文件体积大、访问速度慢

三、逐个击破 · 详细解决方案

🔥 坑1：端口占用 / 服务异常断开

现象：hugo server 启动报错 bind: address already in use，浏览器控制台大量 WebSocket 连接失败报错。

Published on 2026-08-31 at Blog式日记小站, last modified on 2026-08-31

]]>关于MarkDown本身语法http://localhost:1313/posts/%E5%85%B3%E4%BA%8Emarkdown%E6%9C%AC%E8%BA%AB%E8%AF%AD%E6%B3%95/Thu, 16 Jul 2026 02:15:19 +0800bi499096@hotmail.com (溟里)http://localhost:1313/posts/%E5%85%B3%E4%BA%8Emarkdown%E6%9C%AC%E8%BA%AB%E8%AF%AD%E6%B3%95/ 关于MarkDown本身语法

Author: 溟里(bi499096@hotmail.com)

【技术随笔】Markdown语法从零入门教程

发布时间：2026-07-16 | 分类：工具教程 | 阅读时长：8分钟

一、前言

日常写博客、文档、笔记都离不开Markdown，相比Word更加轻量化，纯文本即可渲染精美排版。

二、核心语法速查表

2.1 文字样式

斜体 粗体 粗斜 删除线 ==高亮==

2.2 待办清单

  • 掌握标题、引用、列表
  • 学会代码块与表格
  • 练习搭建个人博客MD模板

2.3 代码示例 

// 前端示例代码
function renderMd() {
  console.log("渲染Markdown文档")
}

2.4 数据表格

语法 符号 用途
标题 # 分层章节
引用 > 摘抄备注
代码 ``` 展示程序

竖线|分割，然后冒号＋减号，左对齐是冒号加减号,右对齐是减号加冒号,居中两冒号夹减号。

2.5 高亮与块状提示框

行内高亮：使用成对尖括号内mark

Note

蓝色｜普通补充说明、背景知识!NOTE> [!NOTE]

Tip

绿色｜实用小技巧、优化方案!TIP> [!TIP]

Published on 2026-07-16 at Blog式日记小站, last modified on 2026-07-16

]]>Canvas 2D 星际战斗机演示http://localhost:1313/posts/fighter-demo/Wed, 15 Jul 2026 22:00:00 +0800bi499096@hotmail.com (溟里)http://localhost:1313/posts/fighter-demo/ Canvas 2D 星际战斗机演示

Author: 溟里(bi499096@hotmail.com)

Canvas 深空飞船加力飞行动画

原生Canvas粒子动画，含尾焰、马赫环、镜头震动、星空视差。

使用的prompt

Note

✈️ 点击展开完整战机动画开发需求 创建一个 HTML 文件，用来呈现一架高速、充满攻击性的战斗机在全力加速状态下的飞行动画。画面背景为纯黑深空，镜头始终锁定在战机中心位置。请使用 CSS 和 JavaScript（优先使用 Canvas 或WebGL）来实现整体动画效果。

重点表现以下视觉细节：

  • 极其写实的运动模糊效果
  • 亮度强烈的加力燃烧尾焰（afterburner）发光效果
  • 发动机周围的热浪扭曲（heat distortion)
  • 轻微但可见的尾迹（contrails)
  • 电影级光影与环境照明
  • 机身金属表面的高光反射与镜面质感

附加交互/镜头效果：

  • 细微的镜头抖动，增强速度与冲击力
  • 一定的景深层次，让画面更具空间感与压迫感

开发约束条件

  • 要求不依赖任何外部库或资源文件，不使用第三方依赖。
  • 性能优化不必优先考虑，可以尽可能追求视觉表现力。
  • 战机必须始终向左侧（西方）高速飞行。

此外

后续更改了宇宙飞船的形态、配色，加入了爱弥斯和达尼娅

允许的操作

您可以通过键盘的数字键 1（降低）和 2（增强）来实时调整镜头抖动的强度，按 0 键恢复默认

Published on 2026-07-15 at Blog式日记小站, last modified on 2026-07-15

]]>实现本地博客远程repo到github进行备份http://localhost:1313/posts/%E5%AE%9E%E7%8E%B0%E6%9C%AC%E5%9C%B0%E5%8D%9A%E5%AE%A2%E8%BF%9C%E7%A8%8Brepo%E5%88%B0github%E8%BF%9B%E8%A1%8C%E5%A4%87%E4%BB%BD/Fri, 10 Jul 2026 00:32:03 +0800bi499096@hotmail.com (溟里)http://localhost:1313/posts/%E5%AE%9E%E7%8E%B0%E6%9C%AC%E5%9C%B0%E5%8D%9A%E5%AE%A2%E8%BF%9C%E7%A8%8Brepo%E5%88%B0github%E8%BF%9B%E8%A1%8C%E5%A4%87%E4%BB%BD/ 实现本地博客远程repo到github进行备份

Author: 溟里(bi499096@hotmail.com)

✅ 你的三条日常备份命令

在 VS Code 终端（Ubuntu）执行： bash

git add . git commit -m “你的修改说明” git push

🔑 一次配置，永久免密

如果每次 git push 都要输入用户名和 Token，会很烦。在 Ubuntu 终端执行一次： bash

git config –global credential.helper store

然后随便执行一次 git push，输入用户名（rtxpe049）和密码（粘贴你的 Token）。从此以后，git push 再也不会问你要密码了。

🧠 操作前的黄金习惯

备份前，先看一眼修改了哪些文件： bash

git status

红色 = 已修改但未暂存

绿色 = 已暂存，准备提交

确认无误后，再执行上面的三条命令。

📝 总结

以后每次写完博客：

看一眼：git status（确认改了什么）

打包：git add .

起名：git commit -m "写个描述"

发货：git push

没了。就这四步，前三步可合并为 git add . && git commit -m “描述”，但分开更稳。

Published on 2026-07-10 at Blog式日记小站, last modified on 2026-07-10

]]>博客搭建过程中的一些问题http://localhost:1313/posts/%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA%E8%BF%87%E7%A8%8B%E4%B8%AD%E7%9A%84%E4%B8%80%E4%BA%9B%E9%97%AE%E9%A2%98/Thu, 09 Jul 2026 23:18:06 +0800bi499096@hotmail.com (溟里)http://localhost:1313/posts/%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA%E8%BF%87%E7%A8%8B%E4%B8%AD%E7%9A%84%E4%B8%80%E4%BA%9B%E9%97%AE%E9%A2%98/ 博客搭建过程中的一些问题

Author: 溟里(bi499096@hotmail.com)

博客搭建完整总结（Ubuntu + Hugo + reimu 主题）

—— 含 Windows 远程写作工作流

一、环境与工具 

服务器端：Ubuntu

本地客户端：Windows（写作端）

博客生成器：Hugo（v0.164.0）

主题：reimu（基座是博丽灵梦）

远程连接：VS Code + Remote-SSH

终端：Ubuntu bash / Windows PowerShell

二、从零搭建博客的完整流程（Ubuntu 本地操作）

  1. 安装 Hugo（Ubuntu 终端） bash

sudo snap install hugo –channel=extended hugo version # 验证安装

  1. 创建站点 bash

hugo new site digital-garden cd digital-garden

  1. 初始化 Git 仓库 bash

git init git branch -m main # 将默认 master 分支重命名为 main

  1. 安装主题（reimu） bash

git submodule add https://github.com/D-Sketon/hugo-theme-reimu.git themes/reimu

Published on 2026-07-09 at Blog式日记小站, last modified on 2026-07-09

]]>我的第一篇记录http://localhost:1313/posts/%E6%88%91%E7%9A%84%E7%AC%AC%E4%B8%80%E7%AF%87%E8%AE%B0%E5%BD%95/Thu, 09 Jul 2026 22:41:05 +0800bi499096@hotmail.com (溟里)http://localhost:1313/posts/%E6%88%91%E7%9A%84%E7%AC%AC%E4%B8%80%E7%AF%87%E8%AE%B0%E5%BD%95/ 我的第一篇记录

Author: 溟里(bi499096@hotmail.com)

今天成功搭建了个人Blog，换上了自己喜欢的主题和背景。 接下去不定期记录一些学习和生活上的思考。

Published on 2026-07-09 at Blog式日记小站, last modified on 2026-07-09

]]>