📝 ICTC 点滴

网络设置、NAS 部署调试、网站部署记录，以及各种折腾笔记。

一、OpenWrt 刷机总结

2026年3月22日，Netgear R7000 路由器刷 OpenWRT 正式结束。总结下来有两点：

实现了 HTTP 服务，做我的个人主页
SFTP + 挂载 SD 卡实现文件同步服务

二、系统维护优化

原本网站内容更新是 SFTP 上传，总是覆盖！由于每次内容调整都可能在不同的文件夹里面，比如 HTML 文件是表象，但里面嵌入的图片、视频、PDF 等可能在不同的文件夹。全覆盖文件尺寸太大时间长！局部找太费劲，且容易漏掉。同步是最好的办法。

今天一操作发现，同步软件与 Termux 权限所致，只能到 home 目录，进不去了！

为了坚持走下去，在 home 下建一个目录，将其超链接至 Nginx 原本目录可能是最省事。当然修改 conf 文件修改路径也可以，但软链接方法更好。过程中还发现低版本的同步软件与当前 Termux 的 SSH 密码机制协同不行，需要升级高版本可以解决。

三、iframe 嵌入案例

3.1 嵌入 PDF

3.2 嵌入 HTML

四、历史记录

4.1 权限管理

权限命令： sudo chmod -R 777 "目录名"

777 权限：

含义：rwxrwxrwx，所有者、组用户、其他用户都拥有读、写、执行全部权限
安全性：⚠️ 最高权限，不建议生产环境使用
适用场景：临时调试或完全开放共享的测试目录

Samba 常用权限：

chmod 775 /path/to/share：所有者和组可读写执行，其他人只读执行
chmod 770 /path/to/share：仅所有者和组可读写执行，其他人无权限

755 权限：

含义：rwxr-xr-x
所有者：读、写、执行（rwx）
组用户：读、执行（r-x）
其他用户：读、执行（r-x）
用途：可执行脚本、程序文件、网站根目录

644 权限（静态文件：图片、CSS、JS）：

含义：rw-r--r--
所有者：读、写（rw-）
组用户：仅读（r--）
其他用户：仅读（r--）
用途：普通数据文件、配置文件

4.2 Nginx 配置

飞牛 Nginx 路径： /usr/trim/nginx

Fnncg.conf：

location /usr/trim/www/1/ { alias /; autoindex on; charset utf-8; }

ncg.conf：

server { listen 4000; listen [::]:4000; server_name ncg; root /var/www/ncg; index index.html index.htm; }

4.3 Apache 配置

端口配置文件： /etc/apache2/ports.conf

Listen 4000

打开目录浏览和字符集：

location / { root /data/data/com.termux/files/usr/share/nginx/html; autoindex on; index index.html index.htm; charset utf-8; }

4.4 软链接

将整个目录拷贝到 /usr/trim/www/ 下，然后用 IP 地址访问。

sudo su root ln -s /usr/ncg /usr/trim/www/ ln -s /home/111/newweb /usr/trim/www/ ln -s /vol1/1000/111 /usr/trim/www/ # 删除目录 rm -r my_folder

4.5 硬盘操作

查看硬盘： lsblk 或 fdisk -l

分区硬盘：

sudo fdisk /dev/vdb # 输入 n 创建新分区 # 输入 w 保存并退出

格式化分区（ext4）：

sudo mkfs.ext4 /dev/vdb1

创建挂载点：

sudo mkdir -p /mnt/storage

挂载分区：

sudo mount /dev/vdb1 /mnt/storage df -h # 验证挂载

开机自动挂载：

UUID=$(blkid -s UUID -o value /dev/vdb1) echo "UUID=$UUID /mnt/storage ext4 defaults 0 2" | sudo tee -a /etc/fstab mount | grep /mnt/storage # 重启后验证

五、豆包魔方制作

5.1 Nginx 报错解决

报错 mkdir() "/var/lib/nginx/body" failed 是因为 Nginx 启动时需要的临时目录不存在（精简版固件未自动创建）。

第一步：创建所有临时目录

mkdir -p /var/lib/nginx/body mkdir -p /var/lib/nginx/proxy mkdir -p /var/lib/nginx/fastcgi mkdir -p /var/lib/nginx/uwsgi mkdir -p /var/lib/nginx/scgi chmod -R 755 /var/lib/nginx

第二步：测试并启动 Nginx

killall -9 nginx 2>/dev/null /usr/sbin/nginx -t /usr/sbin/nginx

✅ 成功提示：

nginx: the configuration file /etc/nginx/nginx.conf syntax is ok nginx: configuration file /etc/nginx/nginx.conf test is successful

第三步：验证 8084 端口

ps | grep nginx ss -tnlp | grep 8084

✅ 正常输出：

tcp 0 0 0.0.0.0:8084 0.0.0.0:* LISTEN 3600/nginx: master process

第四步：加入开机自启

cat > /etc/rc.local << 'EOF' #!/bin/sh sleep 5 mkdir -p /var/lib/nginx/body /var/lib/nginx/proxy /var/lib/nginx/fastcgi chmod -R 755 /var/lib/nginx mount -t ext4 /dev/sda1 /mnt/hdd if [ -d "/mnt/hdd/www" ]; then /usr/sbin/vsftpd /etc/vsftpd.conf & killall -9 nginx 2>/dev/null /usr/sbin/nginx fi exit 0 EOF chmod +x /etc/rc.local

5.2 最终验证

# 1. 硬盘挂载 df -h | grep /mnt/hdd # 2. FTP 进程 ps | grep vsftpd # 3. Nginx 进程 ps | grep nginx # 4. 8084 端口监听 ss -tnlp | grep 8084

5.3 最终成果

功能	端口	状态
LuCI 路由器管理	80	✅ 正常
FTP 文件上传	21	✅ 正常
Nginx 静态网站	8084	✅ 正常
硬盘固定挂载	—	✅ 正常

✅ 硬盘永久固定挂载到 /mnt/hdd，开机自动挂载
✅ FTP（21 端口）：可上传文件到 /mnt/hdd/www
✅ Nginx（8084 端口）：可访问 /mnt/hdd/www 里的静态文件
✅ LuCI（80 端口）：正常管理路由器
✅ 所有服务开机自动启动

六、个人 3D 魔方导航站

6.1 核心需求与实现

基础布局需求

诉求：中间 3D 魔方 + 左侧竖排标题 + 右侧控制按钮，上下文字区域不被魔方遮挡
实现：魔方独立容器居中，上下区域用 min-height 自适应，间距精准控制

布局稳定性需求

诉求：魔方旋转/窗口变化时，左右标题、按钮不偏移、不外扩
实现：核心容器固定宽度，左右模块加 flex-shrink:0

权限控制需求

诉求：普通访客仅可使用，管理员可修改文字、颜色、链接、视角
实现：F2 唤起密码验证面板，编辑/使用状态分离

视角持久化需求

诉求：设置魔方初始视角后，刷新页面不重置为默认角度
实现：角度存入浏览器本地存储

功能完整性需求

诉求：魔方可拖动旋转，格子跳转对应页面，按钮快速切换视角
实现：鼠标/触屏双端流畅旋转，格子支持本地/外部链接

6.2 个人网站建设关键要点（避坑指南）

文件名/目录名：坚决不用中文

❌ 错误示例：手机首页.htm、孙子/满月照/
✅ 正确示例：mobile-index.html、njr/fullmoon/
原因：不同服务器、浏览器对中文编码支持不一致，易出现 404

页面结构：分层独立，避免挤压

头部、核心内容、底部各自独立包裹，不混排
交互元素（如 3D 魔方）单独放在容器里，设置 min-height
用 flex 布局 + gap 控制间距

本地建站：优先用相对路径

❌ 错误：C:/我的网站/ncg/index.html
✅ 正确：./ncg/index.html、../njr/fullmoon.html
原因：相对路径不依赖具体设备/域名，换环境也能正常访问

3D 交互：做好容器与动画适配

3D 元素必须设置 perspective（透视），否则无 3D 效果
旋转加 transition 过渡（如 0.6s ease），避免卡顿
触屏/鼠标事件分开处理，保证双端体验一致

维护性：预留编辑入口，简化操作

给非技术用户预留可视化编辑面板（如 F2 密码面板）
常用配置（颜色/文字/链接）集中管理
操作后加提示（如"更新成功"），提升使用体验

6.3 项目总结

个人 3D 魔方导航站是一套"轻量、可控、易维护"的个人建站方案：

视觉独特：3D 魔方交互，适配个人内容分类
稳定耐用：本地/NAS/云服务器均可运行，不依赖第三方服务
安全可控：密码保护编辑权限，访客仅可使用
易扩展：预留格子/视角/文字配置，可随需求新增内容

📌 持续更新中 · 个人建站经验手册