分享生活点滴

服务器日志

Fri, 12 Jun 2026 00:00:00 GMT

这里记录本服务器的所有功能、样式、内容更新、修复

2026-09-05#

📝 内容：更新《博客更新日志》
🐛 修复：修复了博客报错403问题，并且更新了博客
🐛 修复：修复了域名问题，套了腾讯云的CDN

2026-06-28#

📄 新增：发布使用VPN技术进行异地组网
🐛 修复：修复了*你现在无法访问小高拐拐.top，因为网站使用的是 HSTS。网络错误和攻击通常是暂时的，因此该页面以后可能会恢复正常。*续上了SSL证书
📝 内容：更新《博客更新日志》

2026-06-14#

📄 新增：服务器的图床部署完毕：图床
📄 新增：twikoo评论系统的图床功能设置完成，现在可以发布图片啦
📝 内容：更新《博客更新日志》
🐛 修复：修复了图床
🐛 修复：修复了twikoo后端
🐛 修复：修复了面板
🐛 修复：修复了所有nginx配置
🐛 修复：修复了一些子域名在浏览器会报“不安全”的问题
🐛 修复：修复了已知问题
🐛 修复：修复了评论系统
🐛 修复：修复了图床查看图片自动定向到192.168.10.10的问题
📝 内容：添加了备案信息到图床
📝 内容：更新《博客更新日志》
📝 内容：修改《博客更新日志》为《服务器日志》
📝 内容：迁移《服务器日志》到“服务器日志”文件夹
📝 内容：更新《服务器日志》
📝 内容：新加《服务器日志》的URL地址《服务器日志》
🐛 修复：修复了图床域名解析的错误
🐛 修复：修复了twikoo的一些问题
优化：优化了图床的访问速度
优化：将此博客各个系统拆分，由四台服务器共同完成，提高效率
优化：提升了图床的上传与下载速度（原先10mb上行10mb下行提升至20mb上20mb下）
🐛 修复：修复了图床用户问题
🐛 修改：修改图床最大空间为5GB（原先500MB）
🐛 修改：修改图床”本地策略”方案
🐛 修改：修改图床”角色组”成员
🐛 修复：修复了已知BUG
📄 新增：一些未知BUG
📝 内容：更新《服务器日志》 具体情况请以实际为准，日志仅提供参考作用

2026-06-13#

📄 新增：新增友链
📝 内容：更新《博客更新日志》

2026-06-12#

📝 内容：发布了博客更新日志《博客更新日志》
📝 内容：新加《博客更新日志》的URL地址《博客更新日志》
📝 内容：修改《博客更新日志》的部分病句

2026-06-10#

🐛 修复：修复了《markdown使用方法》中的图片问题

2026-06-06#

📝 内容：发布了markdown使用方法《markdown使用方法》

2026-06-03#

📝 内容：发布了宝塔面板的部署教程《手把手部署宝塔面板》
📝 内容：发布了一篇发癫文章《请输入文本》

2026-05-31#

新增：文章内自动显示最后更新时间
📝 内容：发布了博客第一篇文章《Hello! World!》《Hello! World!》

2026-05-10#

🐛 修复：修复了留言系统
🐛 内容：修改了“友链”、“关于我”等博客信息

2026-05-09#

📄 新增：浙公网安备（公安备案）号

2026-05-03#

📄 新增：浙ICP备案号

2026-05-02#

🚀 上线：博客正式迁移到自己的 VPS 并且成功部署上线

END#

感谢您的阅读！

使用VPN技术进行异地组网：从原理到实战

Sun, 28 Jun 2026 00:00:00 GMT

一、前言#

在远程办公和跨地域协作日益普及的今天，异地组网已成为许多企业和个人用户的刚需。虚拟专用网络（VPN）作为一种通过公用网络构建安全、加密的逻辑专用网络的技术，能够将分散在不同地理位置的设备连接起来，让用户如同使用私有物理网络一样安全地传输数据。

本文将结合一次真实的路由器VPN配置经历，从技术原理到实战操作，完整介绍如何使用IPsec VPN实现总部与分支机构的安全互联。

二、什么是异地组网？#

简单来说，异地组网就是让位于不同地点的设备可以通过互联网实现安全、稳定的连接，从而共享数据和资源。VPN是实现这一目标最常用的方式。

VPN的核心目标非常明确：让设备从逻辑上接入一个远程局域网，获得一个内网IP，进而能够访问整个内网的所有资源——比如文件共享、打印机、内部网站、数据库等。这与“内网穿透”的理念有所不同：内网穿透是把内网的服务“拉出来”暴露给外网，而VPN是让你“钻进去”成为内网的一部分。

三、VPN的核心技术原理#

IPsec VPN之所以能实现安全通信，主要依赖以下几项核心技术：

隧道技术（Tunneling） 是VPN的基石——将原始数据包封装在新的协议头中，通过公共网络传输，实现逻辑隔离。简单来说，就像把一个内网信封装进一个加密快递箱里，通过公网寄到VPN服务器，服务器拆盒后再把信送到目的地。

数据加密则保证传输安全，常见算法包括AES、3DES等，密钥通过IKE（Internet密钥交换协议）动态协商。

身份认证确保通信双方身份可信，可通过预共享密钥（PSK）、数字证书或用户名/密码等方式实现。

四、实战场景：两端TL-ER3220G路由器IPsec VPN组网#

本次实战场景为：总部为TL-ER3220G路由器，拥有固定公网IP；分部同样使用TL-ER3220G，但获取的是运营商内网IP（如100.64.x.x）。

设备概况

目标是将两地局域网打通，让192.168.10.x和192.168.1.x两个网段能够互访。

TP-LINK企业级路由器支持丰富的VPN功能，其中IPsec VPN可以实现企业站点之间搭建安全的数据传输通道，将接入Internet的企业分支机构与总部网络通过安全隧道互联，实现资源共享

关键要点#

在这种“一端有公网、一端在内网”的典型场景下，最核心的思路是：**让没有公网IP的远端路由器主动发起连接。**这需要在配置上使用“野蛮模式”和“NAT穿透”技术。

TL-ER3220G支持NAT-T（NAT穿透），会自动检测中间的NAT设备，将VPN数据包封装到UDP 500和4500端口上，解决NAT带来的问题。如果远端处于多层NAT下，有时可能需要在最外层的NAT设备上手动做端口映射（UDP 500和4500），指向远端路由器的WAN口IP。

总部路由器配置#

总部作为“响应者”，等待远端发起连接。关键配置点如下：

配置项：对端网关
填写内容：0.0.0.0
说明：接受任意地址的连接请求
配置项：绑定端口
填写内容：按照实际选择
说明：选择WAN端口作为VPN端口
配置项：本地子网范围
填写内容：192.168.10.0/24
说明：总部内网网段
配置项：对端子网范围
填写内容：192.168.1.0/24
说明：远端内网网段（必须与本地不同）
配置项：交换模式
填写内容：野蛮模式
说明：NAT场景使用
配置项：协商模式
填写内容：响应者模式
说明：等待对端发起
配置项：本地ID
填写内容：Headquarters
说明：标识身份，使用NAME类型而非IP
配置项：对端ID
填写内容：Branch
说明：与远端配置的本地ID对应

总部配置1

总部配置2

总部配置3

使用NAME作为ID类型而不使用IP地址，是为了防止NAT导致ID校验失败——远端路由器在NAT后，其看到的“本地IP”与总部实际看到的IP并不相同。

远端路由器配置#

远端作为“发起者”，主动向总部建立连接：

配置项：对端网关
填写内容：总部的公网IP
说明：不能填0.0.0.0
配置项：本地子网范围
填写内容：192.168.1.0/24
说明：远端内网网段
配置项：对端子网范围
填写内容：192.168.10.0/24
说明：总部内网网段（与总部配置相反）
配置项：交换模式
填写内容：野蛮模式
说明：与总部一致
配置项：协商模式
填写内容：初始者模式
说明：主动发起连接
配置项：本地ID
填写内容：Branch
说明：与总部对端ID对应
配置项：对端ID
填写内容：Headquarters
说明：与总部本地ID对应

分部配置1

分部配置2

分部配置3

关键注意事项#

两端网段绝对不能相同。 如果总部是192.168.10.0/24，远端就不能也是192.168.10.0/24。否则数据包不知该发往本地还是对端，VPN隧道无法正常通信。

预共享密钥和安全提议必须完全一致。 阶段1和阶段2的安全提议（算法组合）需要两端保持相同配置，否则协商无法成功。在IPsec中，IKEv1第一阶段对应主模式，第二阶段对应快速模式。

五、验证与排障#

配置完成后，可以在路由器的“IPsec安全联盟”页面查看隧道状态。成功建立后，会有入站（in）和出站（out）两条安全联盟记录，表明通信是双向的。

验证

测速

如果出现“来自网关的回复：无法访问目标主机”，通常说明本地设备的网关配置与VPN子网设定不一致——设备所在的物理网段与VPN配置的本地子网范围不匹配。解决方法是调整路由器上的本地子网配置，或者将测试设备改到正确的网段。

六、总结与对比#

IPsec VPN适用于企业分支机构互联，通过预共享密钥认证和ESP协议加密，提供网络层安全隧道。配置虽有一定复杂度，但作为企业级解决方案，其稳定性和安全性都有保障。

对于不同场景，也可以考虑其他方案：

家庭用户：DDNS配合VPN，既方便访问又保证安全
中小企业：VPN服务器支持多员工同时接入
技术人员：ZeroTier或SSH隧道提供更高定制化

无论选择哪种方案，理解VPN的核心原理——隧道封装、加密认证、路由转发——都能帮助我们更好地完成异地组网配置，让跨地域的网络连接变得安全而高效。

七、END#

部分素材录制时间不同，可能存在细节差异，欢迎指正！
感谢您的阅读。

八、引用#

markdown使用方法

Sat, 06 Jun 2026 00:00:00 GMT

1. 什么是 Markdown#

Markdown 是一种轻量级的标记语言，可用于在纯文本文档中添加格式化元素。Markdown 由 John Gruber 于 2004 年创建，如今已成为世界上最受欢迎的标记语言之一。

核心特点：

纯文本，任何编辑器都可打开
语法简单，学习成本低
可轻松转换为 HTML、PDF 等格式
被 GitHub、Notion、Obsidian 等大量平台支持

2. 常用语法速查#

2.1 标题#

代码：

1
# 一级标题
2
## 二级标题
3
### 三级标题

效果：

一级标题#

二级标题#

三级标题#

2.2 强调#

代码：

1
*斜体*  或 _斜体_
2
**粗体** 或 __粗体__
3
***粗斜体***

效果：

斜体或斜体

粗体或粗体

粗斜体

2.3 列表#

无序列表 - 代码：

1
- 项目一
2
- 项目二
3
  - 子项目

无序列表 - 效果：

项目一
项目二
- 子项目

有序列表 - 代码：

1
1. 第一项
2
2. 第二项

有序列表 - 效果：

第一项
第二项

2.4 链接和图片#

代码：

1
[百度](https://www.baidu.com)
2

3
![图片描述](./567cd43873b1c3b76126d05f0c59c8e23546640216492036.jpg)

效果：

百度

图片描述

2.5 代码块#

代码：

1
```python
2
print("Hello Markdown")

1
**效果：**
2

3
```python
4
print("Hello Markdown")

2.6 引用#

代码：

1
> 这是一段引用内容
2
> 可以多行

效果：

这是一段引用内容可以多行

2.7 表格#

代码：

1
| 语法 | 效果 |
2
|------|------|
3
| *斜体* | 倾斜文字 |
4
| **粗体** | 加粗文字 |

效果：

语法	效果
斜体	倾斜文字
粗体	加粗文字

2.8 任务列表#

代码：

1
- [x] 已完成事项
2
- [ ] 未完成事项

效果：

已完成事项
未完成事项

2.9 分隔线#

代码：

1
---

效果：

3. Markdown 扩展功能：Expressive Code#

基础的代码块展示能力有限。借助 Expressive Code 这类工具，你可以创建专业级的代码示例，包括编辑器外观、终端外观、行标记、文本高亮、代码折叠等功能。

Expressive Code 适用于 Astro、Starlight、VitePress 等现代静态站点生成器。

3.1 模拟编辑器框架#

通过 frame="editor" 属性，让代码块显示为代码编辑器外观，并支持自定义文件标题。

代码：

my-test-file.js

1
console.log('标题属性示例');

效果：

my-test-file.js

1
console.log('标题属性示例');

3.2 模拟终端框架#

通过 frame="terminal" 属性，让代码块显示为终端窗口外观。

代码：

PowerShell 终端示例

1
Write-Output "这个有标题!"

效果：

PowerShell 终端示例

1
Write-Output "这个有标题!"

不设标题的终端：

Terminal window

1
echo "此终端框架没有标题"

3.3 覆盖框架类型#

使用 frame="none" 可以移除框架，只显示纯代码块。

代码：

1
console.log('看，没有框架！');

效果：

1
console.log('看，没有框架！');

3.4 标记整行或行范围#

使用 mark、ins（插入）、del（删除）等属性来高亮指定行。

代码：

1
// 第1行 - 通过行号定位
2
// 第2行 - 此行标记为删除
3
// 第3行
4
// 第4行 - 通过行号定位
5
// 第5行 - 此行标记为插入

效果：

1
// 第1行 - 通过行号定位
2
// 第2行 - 此行标记为删除
3
// 第3行
4
// 第4行 - 通过行号定位
5
// 第5行 - 此行标记为插入

标记行范围：

1
// 第1行 - 通过行号定位
2
// 第2行 - 此行标记为删除
3
// 第3行
4
// 第4行 - 通过行号定位
5
// 第5行 - 范围 "5-6" 标记为插入
6
// 第6行 - 范围 "5-6" 标记为插入

3.5 为行标记添加标签#

使用 mark 属性时，可以同时添加自定义标签文字。

代码：

1
// 这一行会有一个"可折叠"标签
2
// 这一行没有标签
3
console.log('正常工作');

3.6 使用类似 Diff 的语法#

使用 + 和 - 符号直观标记新增或删除的行。

代码：

1
此行将标记为已删除
2
此行将标记为已插入
3
这是常规行

效果：

1
此行将标记为已删除
2
此行将标记为已插入
3
这是常规行

结合语法高亮：

1
// 整个块都会以 JavaScript 高亮显示
2
- console.log('要删除的旧代码');
3
+ console.log('新的闪亮代码！');

3.7 标记行内的单独文本#

使用 mark 属性配合正则表达式，高亮行内的特定单词。

代码：

1
function demo() {
2
  // 标记行内的任何给定文本
3
  return '支持给定文本的多个匹配项';
4
}

效果：

1
function demo() {
2
  // 标记行内的任何给定文本
3
  return '支持给定文本的多个匹配项';
4
}

3.8 自动换行#

使用 wrap 属性控制长代码是否自动换行。

开启换行（wrap=true）：

1
// 这是一个非常长的字符串，除非容器极宽，否则很可能无法适应可用空间
2
function getLongString() {
3
  return '这是一个非常长的字符串，除非容器极宽，否则很可能无法适应可用空间';
4
}

关闭换行（wrap=false）：

1
// 这是一个非常长的字符串，除非容器极宽，否则很可能无法适应可用空间
2
function getLongString() {
3
  return '这是一个非常长的字符串，除非容器极宽，否则很可能无法适应可用空间';
4
}

3.9 可折叠部分#

使用 collapse 属性将长代码或样板代码折叠起来。

代码：

可折叠的样板代码展开收起

1
// 所有这些样板设置代码将被折叠
2
import { someBoilerplateEngine } from '@example/some-boilerplate';
3
import { evenMoreBoilerplate } from '@example/even-more-boilerplate';
4

5
// 直到块末尾的所有代码将再次被折叠
6
function main() {
7
  console.log('实际业务代码');
8
}

展开收起

效果：

可折叠的样板代码展开收起

1
// 所有这些样板设置代码将被折叠
2
import { someBoilerplateEngine } from '@example/some-boilerplate';
3
import { evenMoreBoilerplate } from '@example/even-more-boilerplate';
4

5
// 直到块末尾的所有代码将再次被折叠
6
function main() {
7
  console.log('实际业务代码');
8
}

展开收起

3.10 显示行号#

使用 showLineNumbers 属性开启行号显示。

代码：

1
// 此代码块将显示行号
2
console.log('来自第2行的问候！');
3
console.log('我在第3行');

效果：

1
// 此代码块将显示行号
2
console.log('来自第2行的问候！');
3
console.log('我在第3行');

更改起始行号：

1
// 此行显示为第5行
2
console.log('来自第6行的问候！');

3.11 如何启用 Expressive Code#

Expressive Code 是 Astro 生态的插件。如果你的博客基于 Astro 或 Starlight，可以按以下步骤集成：

1. 安装：

Terminal window

1
npm install expressive-code

2. 配置（astro.config.mjs）：

1
import { defineConfig } from 'astro/config';
2
import expressiveCode from 'expressive-code';
3

4
export default defineConfig({
5
  integrations: [expressiveCode()],
6
});

3. 使用：

之后在 Markdown 或 MDX 文件中，即可通过上述语法使用所有功能。

更详细的安装与配置选项，建议查阅 Expressive Code 官方文档。

4. 小贴士#

场景	建议
写教程	代码块 + 实际效果对比展示
记笔记	多用列表和标题，少用复杂格式
写博客	善用引用块突出金句
团队文档	统一代码块语言标识

5. 写在最后#

掌握 Markdown 不需要背语法，用的时候查一下，一周左右就能形成肌肉记忆。

推荐练习方式：每天用 Markdown 写一篇短笔记，一周即可熟练。

参考资料#

Markdown 基础语法#

本文中 Markdown 基础语法部分参考自以下官方文档和资料：

Microsoft Learn - Markdown 是什么？
- 说明：Markdown 基础语法官方教程，涵盖标题、强调、列表、链接、代码块、表格、任务列表等
- 链接：https://learn.microsoft.com/zh-cn/training/modules/communicate-using-markdown/2-what-is-markdown
Microsoft Learn - Markdown 最佳做法
- 说明：Markdown 编写规范与最佳实践，包括标题规则、列表格式、链接规范等
- 链接：https://learn.microsoft.com/zh-cn/powershell/scripting/community/contributing/general-markdown
阿里云文档中心 - Markdown 使用指南
- 说明：Markdown 基本语法与使用示例，包含标题、强调、列表、链接、图片、表格、任务列表等
- 链接：https://help.aliyun.com/zh/mobi/markdown-usage-guide
阿里云开发者社区 - MarkDown 语法手册
- 说明：完整的 Markdown 语法整理，涵盖斜体粗体、标题、超链接、锚点、列表、引用、代码等
- 链接：https://developer.aliyun.com/article/75499
腾讯云开发者社区 - Markdown简要语法规则
- 说明：Markdown 常用语法速查
- 链接：https://cloud.tencent.cn/developer/article/2563180
百度开发者中心 - Markdown中如何添加参考文献和引用
- 说明：Markdown 中添加引用和参考文献的方法
- 链接：https://developer.baidu.com/article/details/2970779

Expressive Code 扩展功能#

本文中 Expressive Code 部分参考自以下官方文档：

Expressive Code 官方文档 - Text & Line Markers
- 说明：行标记与文本标记功能的详细用法
- 链接：https://expressive-code.com/key-features/text-markers/
Expressive Code 官方文档 - Editor & Terminal Frames
- 说明：编辑器框架与终端框架功能的详细用法
- 链接：https://expressive-code.com/key-features/frames/
Expressive Code 官方文档 - Configuration
- 说明：配置 Expressive Code 的方式与选项
- 链接：https://expressive-code.com/reference/configuration/
Expressive Code GitHub 仓库
- 说明：项目源码、贡献指南、包结构说明
- 链接：https://github.com/expressive-code/expressive-code
@expressive-code/core - npm 包
- 说明：Expressive Code 核心引擎的安装与使用示例
- 链接：https://www.npmjs.com/package/@expressive-code/core

扩展阅读#

Expressive Code 官方文档首页：https://expressive-code.com/
Astro 集成文档：https://docs.astro.build/en/guides/integrations-guide/expressive-code/
《了不起的 Markdown》- 毕小朋著，电子工业出版社，2025
- 说明：Markdown 标准语法与扩展技巧，从基础写作到智能知识管理的完整指南

END#

感谢您的阅读！

手把手部署宝塔面板

Wed, 03 Jun 2026 01:07:30 GMT

前言#

本文将指导您如何在 Linux 服务器上部署宝塔面板。

本次使用的设备：一台 Windows 11 电脑，一台 56 核 64GB 的标准机架式服务器。
您也可以使用其他设备进行操作。

前提条件#

服务器上未安装任何 Web 环境，为纯净系统。
服务器可以正常连接互联网。

操作步骤#

第一种方法：通过 SSH 手动执行安装命令#

使用 SSH 登录服务器
这里使用 Windows 自带的 OpenSSH，你也可以使用其他 SSH 软件。

OpenSSH 登录界面
确认密钥指纹并输入密码
如果出现以下提示，输入 yes 并回车。

确认密钥指纹

然后输入服务器密码（输入时不会显示字符）。

输入密码
获取宝塔面板安装命令
在浏览器中搜索“宝塔面板”或“btpanel”，进入官网（域名 bt.cn），点击“立即免费安装宝塔面板”。

浏览器搜索宝塔面板

宝塔面板官网1

宝塔面板官网2

跳转到“安装宝塔Linux面板”页面后，选择对应的 Linux 系统，点击复制命令（通用脚本即可）。

复制安装命令
安装必要工具（如缺少 wget/curl）
如果你的服务器缺少 wget 或 curl，先执行： apt update && apt install -y wget
安装所需工具
粘贴并执行安装命令
将上一步复制的安装命令粘贴到终端中，按回车执行。

粘贴安装命令
等待安装
安装过程中如果提示 Do you want to install Bt-Panel to the /www directory now?(y/n)，输入 y 继续。

安装过程1

安装过程2

耐心等待安装完成。

登录宝塔面板
安装完成后，终端会显示面板的外网/内网访问地址（包含 IPv4/IPv6 地址）。选择公网地址打开。

面板登录界面

输入初始用户名和密码，阅读并同意《用户协议》，进入面板首页。

登录后界面1

登录后界面2

绑定宝塔账户（可选）后即可使用。

面板首页

第一种方法到此结束

第二种方法：使用宝塔面板在线安装工具#

进入在线安装页面
在宝塔官网的安装页面下滑，找到“Linux面板在线安装”。

在线安装1
填写服务器信息

输入服务器的公网 IP（不能是内网 IP）。
输入 root 密码。
SSH 端口默认为 22。

选择“仅面板”，点击“安装”。

在线安装2

等待自动安装
如果 SSH 连接成功，会开始自动安装。稍等片刻。

自动安装过程
获取面板信息
安装完成后，页面会自动显示面板的访问地址、用户名和密码。复制保存。

安装完成信息
登录面板
访问面板地址，输入用户名和密码，同意协议后即可进入首页。

登录后界面1

登录后界面2

绑定宝塔账户（可选）后即可使用。

面板首页

安装后的建议#

进入面板后，会提示安装基础环境。推荐选择 LNMP，你也可以跳过此步骤，稍后在“软件商店”中自行安装。
建议前往面板设置中修改默认的面板账号和密码，提高安全性。

至此，宝塔面板已成功安装。

END#

部分素材录制时间不同，可能存在细节差异，欢迎指正！
感谢您的阅读。

引用#

请输入文本

Wed, 03 Jun 2026 00:00:00 GMT

请输入文本#

请输入文本 请输入文本 请输入文本

END#

谢谢您的阅读！

Hello! World!

Sun, 31 May 2026 00:00:00 GMT

这是小高拐拐の博客的第一篇文章，主要是用来熟悉markdown语法、写文章、发布文章等程序

文章的 Front-matter#

1
---
2
title: 我的第一篇博客文章
3
published: 2026/05/31
4
description: 这是我新 Astro 博客的第一篇文章。
5
image: ./X0_6rTZl.jpeg
6
tags: [Markdown]
7
category: Markdown
8
draft: false
9
---

免责声明#

此文章仅做首篇测试，不包含任何实际内容，谢谢理解

END#

感谢您的阅读