第一章:基建 —— 构建本地基础环境

第一章:基建 —— 构建本地基础环境

本系列将指引您搭建Fuwari - Miziki 主题的博客,在线站点演示为:Prorise - One Tech website

在写做第一件事之前,我们需要把电脑改造成一台“生产力工具”。

1.1 网络环境准备

(注:此章节为前置条件,课前务必搞定)开发者的世界是全球化的。为了拉取最先进的框架依赖,我们需要连接到 NPM 官方源和 GitHub,在这步之前我们需要一个能够访问通全球网络的“梯子”

我个人推荐:ikuuu.de/auth/login

作为起始,无限的免费额度(梯子较为稳定),高测速,低延迟,几乎外网无墙,付费方案价格也比较低廉,登录后访问教程即可快速使用

image-20251209084952826

  • 检查标准: 能够流畅访问 github.com 且不丢包。

1.2 Node.js 环境

Node.js 是现代前端的基石。它让 JavaScript 不仅仅能跑在浏览器里,还能跑在操作系统上,去读写文件、操作网络,他几乎是我们所有前端领域的大哥大,

  • 下载:

可以访问:nvm 安装和使用保姆级教程(详细)-CSDN 博客 或我的博客

NVM 版本管理:Node.js 保姆级图文下载教程 | Prorise - 博客小栈

  • 验证: 打开终端(Terminal / CMD / PowerShell),输入:

    1
    2
     node -v
    # 预期输出:v18.x.x 或 v20.x.x

    如果没有 Node.js,我们即将使用的 Astro 框架就无法在本地把 Markdown 编译成 HTML。

1.3 Git 版本控制

Git 是程序员的“后悔药”和“时光机”。

1.4 PNPM 包管理

为什么不用默认的 npm

  • npm: 慢,容易产生“幽灵依赖”(Phantom Dependencies)。

  • pnpm (Performant NPM): 它是目前最先进的包管理器。它使用硬链接(Hard Links)技术,极速节省磁盘空间

  • 安装命令:

    1
    npm install -g pnpm
  • 验证: pnpm -v

1.5 Github 账号创建

Git-Hub(门户),俗称 git 的门户,也就是所有开发者存放代码的网络仓库,在这里开发者可以自由下载别人的代码或上传自己的代码,这是最关键的一步,在我们后续的 CI/CD 流程中至关重要,请参考:

image-20251211122511518

注册完以后,我们根据以下文章配置 github 账号,我们的环境就大功告成了

第二章. GitHub 新手教程:从账号注册到 SSH 密钥配置全解 | Prorise - 博客小栈