织梦一夏

从零开始：我的 Astro 博客全栈建设方案(0)-网站结构

Wed, 01 Apr 2026 00:00:00 GMT

1.前言#

在2026年的今天个人博客好像成为了互联网上的孤岛一般，越来越少人去关注这些东西，虽然10年前它是一个很火的东西。我大概是20年开始第一次制作网站的，虽然那时候采用的是LAMP架构现在也差不多，不过当时的教程都很繁琐，后面也尝试过动态网页wp，静态网页hexo等，不过最后都是因为没有更新的动力和时间导致网站关闭了。如今，由于我手上有域名而且还有一个服务器，所以打算重新制作一个个人博客。

记录一些东西，留下一些足迹
方便自己搭建这个网站，也方便看我文章的网友们
不能让域名和服务器再吃灰了😂

2.网站整体架构#

%%{init: {'theme': 'dark', 'themeVariables': { 'background': '#1e1e2e', 'primaryTextColor': '#cdd6f4', 'lineColor': '#89b4fa'}}}%% flowchart TD %% 样式定义 classDef default fill:#313244,stroke:#45475a,stroke-width:2px,color:#cdd6f4; classDef user fill:#cba6f7,stroke:#11111b,stroke-width:2px,color:#11111b; classDef edge fill:#89b4fa,stroke:#11111b,stroke-width:2px,color:#11111b,rx:10,ry:10; classDef proxy fill:#f38ba8,stroke:#11111b,stroke-width:2px,color:#11111b; classDef container fill:#a6e3a1,stroke:#11111b,stroke-width:1px,color:#11111b; classDef db fill:#f9e2af,stroke:#11111b,stroke-width:1px,color:#11111b; %% ==================== %% 1. 用户层（强制顶部对齐） %% ==================== subgraph Top_Layer ["👤 访问与开发端"] direction LR Visitor(("👨‍💻 访客 / 读者")) LocalDev(("💻 开发者")) end style Top_Layer fill:transparent,stroke:none,color:#cdd6f4 %% ==================== %% 2. 自动化部署层 %% ==================== GH["🐙 GitHub Actions / CI-CD"] style GH fill:#313244,stroke:#89dceb,stroke-width:2px,color:#cdd6f4 %% ==================== %% 3. 边缘分发层 %% ==================== subgraph Edge_Layer ["🌐 腾讯 EdgeOne (边缘加速与防护)"] direction TB TEO_Route{"智能路由 / WAF"} TEO_Blog["Astro 静态博客主站<br/>(sunkme.com)"] end style Edge_Layer fill:#181825,stroke:#89b4fa,stroke-width:2px,color:#cdd6f4 %% ==================== %% 4. 源站服务器层 %% ==================== subgraph VPS_Layer ["☁️ 腾讯云VPS 1Panel管理 )"] direction TB OR["OpenResty<br/>(反向代理 80/443)"] subgraph Docker_Env ["🐳Docker容器阵列"] direction TB Lsky["Lsky Pro 图床"] Waline["Waline 评论系统"] Umami["Umami 统计分析"] AstroBackup["Astro 静态文件 (源站备份)"] end style Docker_Env fill:#1e1e2e,stroke:#a6e3a1,stroke-width:2px,color:#cdd6f4 subgraph DB_Env ["🗄️ 数据库层"] direction LR PG[(PostgreSQL)] SL[(SQLite)] end style DB_Env fill:#1e1e2e,stroke:#f9e2af,stroke-width:2px,color:#cdd6f4 end style VPS_Layer fill:#181825,stroke:#cba6f7,stroke-width:2px,color:#cdd6f4 %% ==================== %% 排版约束 (隐形线，强制从上到下单列排布) %% ==================== Top_Layer ~~~ GH GH ~~~ Edge_Layer Edge_Layer ~~~ VPS_Layer %% ==================== %% 实际数据流向与连线 %% ==================== Visitor =="1. HTTPS 极速访问"==> TEO_Route LocalDev --"2. 写文章并 Git Push"--> GH LocalDev --"3. PicList 上传图片"--> TEO_Route GH --"自动化部署"--> TEO_Blog GH --"代码同步"--> AstroBackup TEO_Route -."静态内容命中".-> TEO_Blog TEO_Route =="动态 API 回源"==> OR OR --"代理分发"--> Lsky OR --"代理分发"--> Waline OR --"代理分发"--> Umami OR --"代理分发"--> AstroBackup Lsky --- PG Umami --- PG Waline --- SL %% ==================== %% 绑定样式 %% ==================== class Visitor,LocalDev user; class TEO_Route,TEO_Blog edge; class OR proxy; class Lsky,Waline,Umami,AstroBackup container; class PG,SL db;

3. 具体流程#

由于需要写的内容太多了，而且作者对于文章结构还有待完善，所以我想会以一个基本结构不断的往扩展，所以篇幅很长
如果有啥需要改进的方面也可以评论区留言，作者看到会第一时间回复

2026最新node.js安装和配置教程

Thu, 02 Apr 2026 00:00:00 GMT

node环境安装#

1.下载对应的安装包#

开始之前我们需要安装node.js，首先我们进入https://nodejs.org/zh-cn

node.js下载

根据你的电脑系统选择对应的安装包，比如我是Windows x64系统那就下载这个**.msi**程序包，尽量以管理员身份运行

2.安装过程#

勾选“I accept”点击 Next。

步骤1

选择你打算安装的目录，这里安装到d盘，然后点击next

步骤2

这里选择next即可

步骤3

这里可以选择不安装这个模块，直接取消勾选，然后点击next

步骤4

到了这一步直接点击Install即可

步骤5

选择Finish即可

步骤6_完成

3.安装验证#

按下 Win + R 键，输入 cmd 打开命令提示符，输入下面命令，如下图所示

Terminal window

1
node -v
2
npm -v

image-20260404211315146

如果显示未找到，则需要配置环境变量

如果显示未找到，则需要手动配置环境变量：

首先按下 Win + R 输入 sysdm.cpl 打开系统属性，依次点击：高级 —> 环境变量 —> 找到“系统变量”中的 Path 并双击。
需要配置的地方
点击“新建”，将 Node.js 的安装路径（例如 D:\Program Files\nodejs\）添加进去，点击确定即可。
根据实际路径自行配置

4.修改默认下载和缓存目录#

修改默认npm全局安装包和缓存文件的位置，这里我建议在D盘或者其他的盘符建立一个web的文件夹。这里可以直接在cmd里面输入以下代码

创建目录（D盘创建 web 及两个子文件夹）

Terminal window

1
mkdir D:\web\node_global
2
mkdir D:\web\node_cache

配置 NPM 路径

Terminal window

1
npm config set prefix "D:\web\node_global"
2
npm config set cache "D:\web\node_cache"

配置环境变量（将新路径加入系统 Path）

Terminal window

1
powershell -Command "$newPath = [Environment]::GetEnvironmentVariable('Path', 'User') + ';D:\web\node_global'; [Environment]::SetEnvironmentVariable('Path', $newPath, 'User')"

注：这条命令没有任何弹窗或提示是正常的，执行完毕后就代表配置成功了。

如果有其他想用的位置记得修改这些代码的路径。

验证是否全部成功（记得重启命令提示符（cmd））

Terminal window

1
npm config get prefix
2
npm config get cache

示例

5.配置国内镜像源（提升下载速度）#

Terminal window

1
# 将 npm 下载源设置为淘宝镜像
2
npm config set registry https://registry.npmmirror.com/
3

4
# 验证是否设置成功
5
npm config get registry

注意： 配置完环境变量后，必须关闭当前的 cmd 窗口，然后重新打开一个新的 cmd 窗口，否则刚刚配置的环境变量不会立即生效。

成功示例

6.测试#

Terminal window

1
#输入以下命令
2
npm install -g yarn
3
#下载完成后，输入下面命令看是否成功
4
yarn -v

成功示例

结尾#

如果有什么问题或者建议可以评论区留言。

spack+PETSc+LaMEM安装和编译

Mon, 23 Mar 2026 00:00:00 GMT

环境预装，该软件安装和编译，需要提前搭建好网络环境

spack安装和配置#

前提环境#

1
sudo apt update
2
sudo apt install build-essential gfortran clang-18

1
git clone https://github.com/spack/spack.git ~/spack
2
cd ~/spack
3
. share/spack/setup-env.sh
4
spack compiler find

安装PETSc#

1
spack install petsc@3.22.5 +mumps +suite-sparse -hypre -hdf5 -shared -debug

1
## 上面那个测试的时候部分功能不通过，下面这是另一个完整版的，不一定百分百能全部通过（未测试）
2
spack install petsc@3.22.5 +mumps +suite-sparse +superlu-dist -hypre -hdf5 -shared -debug
3
## 下面是test通过率

1
Test Summary:                      | Pass  Fail  Total     Time
2
LaMEM Testsuite                    |   91    13    104  5m26.2s
3
  t1_FB1_Direct                    |    3            3     6.7s
4
  t2_FB2_MG                        |          1      1     2.0s
5
  t3_Subduction                    |    4            4    38.6s
6
  t4_Localisation                  |    3     1      4    12.9s
7
  t5_Permeability                  |    1            1     0.7s
8
  t6_AdjointGradientScalingLaws_p2 |    1     1      2     0.5s
9
  t7_AdjointGradientInversion      |    5            5     7.7s
10
  t8_AdjointGradients              |    6     4     10    10.7s
11
  t9_PhaseDiagrams                 |    1            1    11.6s
12
  t10_Compressibility              |    4            4     7.7s
13
  t11_Subgrid                      |          1      1     0.2s
14
  t12_Temperature_diffusion        |    3            3     3.3s
15
  t13_Rheology0D                   |    9            9     6.1s
16
  t14_1DStrengthEnvelope           |    8            8     3.4s
17
  t15_RTI                          |    1            1     5.7s
18
  t16_PhaseTransitions             |    7            7    45.4s
19
  t17_InflowOutflow                |    3     1      4    15.0s
20
  t18_SimpleShear                  |    4            4     1.4s
21
  t19_CompensatedInflow            |    2            2    34.4s
22
  t20_FSSA                         |    1            1     6.4s
23
  t21_Passive_Tracer               |    2            2     4.3s
24
  t22_RidgeGeom                    |    2            2     1.0s
25
  t23_Permeable                    |    1            1    24.3s
26
  t24_Erosion_Sedimentation        |    2            2    26.0s
27
  t25_APS_Healing                  |    1            1     0.2s
28
  t26_Dike                         |    6            6    17.8s
29
  t27_T-dep_Conductivity           |    1            1    21.6s
30
  t28_HeatRecharge                 |          2      2     0.9s
31
  t29_PermeableSides_VelBoxes      |    1            1     1.0s
32
  t30_Timestep_Schedule            |    1            1     0.4s
33
  t31_geomIO                       |          2      2     1.4s
34
  t32_BC_velocity                  |    2            2     2.5s
35
  t33_Initial_APS                  |    6            6     4.6s

展开收起

提示，出现该报错，直接方向键上键，回车等待重新下载

error

安装成功

success

环境设置#

复制下面的命令直接粘贴复制到命令行回车

1
echo '
2
if command -v spack &> /dev/null; then
3
    export PETSC_DIR=$(spack location -i petsc)
4
    export PETSC_OPT=$PETSC_DIR
5
    export PETSC_DEB=$PETSC_DIR
6
    export PETSC_ARCH=""
7
fi' >> ~/.bashrc

1
source ~/.bashrc

LaMEM编译#

1
#首先下载
2
git clone https://github.com/UniMainzGeo/LaMEM.git ./LaMEM

1
#然后输入这个命令
2
spack load petsc
3
#前往LaMEM/src目录，
4
cd LaMEM/src
5
# 编译
6
make mode=opt all

配置#

1
#配置
2
echo 'export PATH="$HOME/LaMEM/bin/opt:$PATH"' >> ~/.bashrc
3
source ~/.bashrc

测试#

1
sudo snap install julia --classic
2
#成功后输入julia --version，看看有没有版本号
3
julia --version
4
#前往测试目录
5
cd ../test/
6
#运行测试
7
make test