鸽了很久了，更一篇

Sat, 25 Apr 2026 00:00:00 GMT

import { Aside, Card, CardList, Collapse, MdxRepl, Spoiler, Steps, TabItem, Tabs, Timeline } from 'astro-pure/user' import { GithubCard, LinkPreview, Quote } from 'astro-pure/advanced' export const keyIcon = import('@/assets/icons/key.svg?raw')

export const today = new Date('2026-04-25T00:00:00+08:00')

export const timelineEvents = [ { date: '2024-08', content: '将博客迁移至 Astro' }, { date: '2025-01', content: '引入 MDX 组件，文章可玩性提高' }, { date: '2026-04', content: '优化样式及显示效果' }, ]

export const roadmapList = [ { title: '数学', children: [ { title: '导数的隐零点问题' }, { title: '非线性回归预测模型' } ] }, { title: '物理', children: [ { title: '电磁感应与运动学综合' }, { title: '光电效应与原子物理' } ] }, { title: '信息', children: [{ title: '区间DP与嵌套DP' }, { title: '图论与二叉树综合' }] } ]

很久没更新了，每天都忙着在学校学学学 :(

这篇文章会把博客的常用样式都在这里渲染一遍，方便以后自查。

Markdown

行内文本

粗体
斜体
~~删除线~~
行内代码
下划线
上标: X2
下标: H2O
快捷键: Cmd + K
Spoiler: 你知道的太多了

引用&分隔线

鲁迅：我没说过这句话。

列表

有序列表

先分析重力
再分析弹力
最后分析摩擦力

无序列表

羧酸可以和醇类物质发生酯化反应
蔗糖在碱性条件下可以与斐林试剂发生显色反应，而酸性条件下则不能
分子内含有手性碳原子代表分子存在空间异构体

任务列表

[x] 编写框架
[x] 补齐样式
[ ] 撰写文档

脚注^style-note

表格

| 分布列 | 数据1 | 数据2 | 数据3 | |-----|-----|-----|-----| | X | 0.2 | 0.5 | 0.9 | | P | 0.1 | 0.4 | 0.5 |

代码块

export function formatTitle(raw: string) {
  return raw.trim().replace(/\s+/g, ' ')
}

const oldApi = '/api/v1/post' // [!code --]
const newApi = '/api/v2/post' // [!code ++]
const method = 'GET'

console.log(method, newApi) // [!code highlight]

#!/usr/bin/env bash
set -e
echo "1) lint"
echo "2) typecheck"
echo "3) build"
echo "4) preview"
echo "5) publish"
echo "6) done"
echo "line 7"
echo "line 8"
echo "line 9"
echo "line 10"
echo "line 11"
echo "line 12"
echo "line 13"
echo "line 14"
echo "line 15"
echo "line 16"
echo "line 17"

数学公式

行内公式: $E = mc^2$

块级公式:

$$ \int_{0}^{1} x^2 , dx = \frac{1}{3} $$

折叠

MDX

Card

Collapse

Aside

Tabs & TabItem

bun run dev

npm run dev

MdxRepl

CardList

Timeline

Steps

Advanced

Quote

GithubCard

LinkPreview

隐去封面图

先写到这了，有别的之后再补充

使用Nginx配合网页反代及内网穿透快速构建web内容

Sat, 20 Dec 2025 00:00:00 GMT

import Draw from '../../../components/excalidraw/Draw.astro';

在构建和部署 Web 服务时，Nginx 作为轻量、高性能的 HTTP 服务器和反向代理工具，几乎是所有运维的必备利器。而对于云服务器资源有限的情况，还可以通过 frp 结合 Nginx 实现内网穿透，让你在本地跑服务、远程部署，灵活又高效

Nginx原理

Nginx 全称 Engine X，是一款高性能、事件驱动的 Web 服务器与反向代理服务器。它最擅长处理静态内容与高并发连接，工作机制如下：

事件驱动：采用 epoll/kqueue 实现高效异步 I/O
模块化架构：支持通过模块扩展功能，如限速、防火墙、反代、缓存等
反向代理：客户端请求并不直接访问目标服务，而是先到 Nginx，由它将请求“反向”转发到实际服务（如 Node.js、Python、PHP 等）上

Nginx的安装与使用(以Debian为例)

安装Nginx

sudo apt-get update
sudo apt-get install nginx -y

启动与状态检查

sudo systemctl start nginx
sudo systemctl enable nginx
sudo systemctl status nginx

访问服务器公网 IP，若出现 Welcome to nginx，说明部署成功

构建反代 & 静态网站配置示例

由于目前大多数网页服务都跑的是后端服务(即Node.js、Python、PHP)，所以只介绍反向代理的配置方法

假设我们有一个域名jerryplusy.ink

我们可以通过以下步骤使Nginx将访问本域名的流量转发到内网的目标端口上，这里假设我们的服务跑在127.0.0.1:3000上

配置Nginx文件

sudo nano /etc/nginx/sites-available/jerryplusy.ink.conf

 server {
   listen 80;
   server_name jerryplusy.ink; # 自行修改域名
   root /var/www/jerryplusy.ink; # 自行修改域名
   index index.php index.html index.htm default.php default.html default.htm;

   # 防止访问敏感文件
   location ~ ^/(.user.ini|.htaccess|.git|.svn|.project|LICENSE|README.md|package.json|package-lock.json|.env) {
       return 404;
   }

   # Let's Encrypt 验证目录
   location /.well-known/ {
       allow all;
   }

   # 禁止验证目录运行脚本
   if ($uri ~ "^/\.well-known/.*\.(php|jsp|py|js|css|lua|ts|go|zip|tar\.gz|rar|7z|sql|bak)$") {
       return 403;
   }

   # 缓存图片/多媒体
   location ~* \.(gif|jpg|jpeg|png|bmp|swf)$ {
       expires 30d;
       access_log off;
       error_log off;
   }

   # 缓存 CSS 和 JS
   location ~* \.(js|css)?$ {
       expires 12h;
       access_log off;
       error_log off;
   }

   # 反向代理 Web 服务
   location ^~ / {
       proxy_pass http://127.0.0.1:3000; # 自行修改端口
       proxy_set_header Host $host;
       proxy_set_header X-Real-IP $remote_addr;
       proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
       proxy_set_header X-Forwarded-Proto $scheme;
       proxy_set_header X-Forwarded-Host $http_host;
       proxy_set_header X-Forwarded-Port $server_port;
       proxy_set_header REMOTE-HOST $remote_addr;
       proxy_set_header REMOTE-PORT $remote_port;
       proxy_set_header Upgrade $http_upgrade;
       proxy_http_version 1.1;
       proxy_set_header Connection "upgrade";

       add_header X-Cache $upstream_cache_status;

       # 判断静态资源缓存
       set $static_filejy2IN4nl 0;
       if ($uri ~* "\.(gif|png|jpg|css|js|woff|woff2)$") {
           set $static_filejy2IN4nl 1;
           expires 1m;
       }
       if ($static_filejy2IN4nl = 0) {
           add_header Cache-Control no-cache;
       }
   }

   access_log /var/log/nginx/jerryplusy.ink.access.log; #根据需要修改
   error_log /var/log/nginx/jerryplusy.ink.error.log; #根据需要修改
 }

创建软链接启用站点

sudo ln -s /etc/nginx/sites-available/jerryplusy.ink.conf /etc/nginx/sites-enabled/jerryplusy.ink.conf

创建网站目录

sudo mkdir -p /var/www/jerryplusy.ink.top
sudo chown -R www-data:www-data /var/www/jerryplusy.ink.top

测试并重载

sudo nginx -t && sudo systemctl reload nginx

使用 FRP 本地运行服务 & 内网穿透

frp工作原理

frpc 运行在内网客户端，连接公网服务器的 frps
公网服务器监听某个端口（如 7000），将访问转发回本地服务
与 Nginx 配合，即可使用域名访问内网服务

FRP 配置示例

公网服务器（frps.ini）

[common]
bind_port = 7000
token = password

其中token为验证密钥，自行修改

本地机器（frpc.ini）：

[common]
server_addr = your.server.ip
server_port = 7000
token = password

[web]
type = tcp
local_port = 3000
remote_port = 2000

其中

[web]为你给这个隧道起的名字
type为连接类型，一般使用tcp进行连接
local_port为本地运行服务的端口
remote_port为你想要映射到公网服务器的什么端口

frp启动命令:

# 启动 frps
./frps -c ./frps.ini

# 启动 frpc
./frpc -c ./frpc.ini

使用 Certbot 自动申请 HTTPS 证书

为了让网站支持 HTTPS，我们可以使用 Let's Encrypt 提供的免费证书，搭配 certbot 工具一键申请并自动续期

# 安装 certbot
sudo apt-get install certbot python3-certbot-nginx -y

# 自动配置并签发证书
sudo certbot --nginx

# 测试自动续期
sudo certbot renew --dry-run

Jerry's ink