Skip to content

如何搭建一个静态博客网站

搭建一个静态网站的简要步骤如下:

  1. 使用 Github 托管网站的仓库
  2. 搭建本地开发环境,用来编写和预览博客的内容
  3. 使用 Netlify 部署博客网站

使用 Github

Github 是一个常用的代码库托管网站,我们可以将自己的博客项目部署在上面,这样可以在各处访问,并且为后续的自动化部署提供条件。

  1. 注册 Github

Github

Github 无法访问的问题

由于 Github 的服务器在国外,国内有些时候访问会比较困难,在这种情况下需要使用代理软件,这里推荐一个非常简单的代理软件,不需要额外的操作。

FastGithub 下载

下载并解压后,使用FastGithub.UI.exe程序就可以了。

注册好Github后不需要先创建一个仓库,我们后续在本地创建后推送上去就行。

搭建本地开发环境

本地开发环境包含以下几个组件:

Node环境和pnpm包管理器

Node是本地博客编写和预览的基本开发环境,pnpm是开发Node项目时需要用到的包管理器,用来管理项目的依赖。

Node下载地址

下载安装后,可以在命令行输入命令查看是否正确安装。

cmd
# 查看Node版本
node -v
# 查看npm版本,npm是Node自带的包管理器,但由于之后的博客模板用的是pnpm,所以不直接使用自带的
npm -v

pnpm下载地址

使用npm install -g pnpm@latest-10安装pnpm,装好后也在命令行检测是否正确安装。

cmd
# 查看pnpm版本
pnpm -v

Git客户端

Git是向Github提交代码的工具,我们使用它将本地的内容提交到Github网站上,这样就可以更新我们的博客内容。

Git下载地址

安装完成后,就可以查找Git GUI的本地程序,我们需要复制Git的密钥放到自己注册的Github账户里,这样本地就有权限向Github提交内容了。