快速构建个人网站指南

准备:电脑及网络环境准备(1)

首先,请确保您的电脑系统为Windows平台,并已连接至互联网。这是您成功构建个人网站的基石。

网络资料参考:

以下是一些可以方便查阅的相关资料:

安装过程:(1)Node.js安装

按照以下步骤依次操作:

  1. 访问Node.js官网,下载对应的Windows安装包。
  2. 双击安装包进行安装。请注意,默认的安装选项通常即可满足需求。
  3. 安装完成后,可以在命令行中输入node -v(返回版本号)和npm -v(返回版本号)验证是否安装成功。

安装过程:(2)Git安装

按照以下步骤进行操作:

  1. 访问Git官网,下载对应的Windows安装包。
  2. 双击安装包进行安装。请注意,默认的安装选项通常即可满足需求。
  3. 安装完成后,在命令行中输入git --version验证是否安装成功。

安装过程:(3)Hexo搭建

以下出现的检测都是在Git中进行:

检测Node.js安装是否成功:

node -v (返回版本号)
npm -v (返回版本号)

安装淘宝的镜像源(如果错误就重来,因为连接可能不稳定,不要害怕多试几次就可以了):

npm install -g cnpm --registry=https://registry.npm.taobao.org

建立仓库(repository):

例:hansonpang99.github.io

Blog目录下安装一个Hexo部署插件:

cnpm install --save hexo-deployer-git

找到Blog文件中的_config.yml文件,使用编译器打开(建议使用Visual Studio Code):

Visual Studio Code的好处:

  1. 支持的语言种类多。
  2. 视图简洁。
  3. 拥有插件种类多。

找到以下部分代码,进行修改:

type: git
repo:
branch: master

更改说明:

  • type: 给出一个名字以便于识别,建议写成git方便后续管理。

  • repository: 将刚刚新建的GitHub仓库地址复制到这里。

  • branch: 设置为管理员分支,如master.

保存后进行部署:

hexo d (将本地文件部署到GitHub新建的仓库中)

网站访问测试

通过以下链接,可以访问您部署在GitHub上的个人网站:

https://+自己的仓库名
例:https://hansonpang99.github.io

接下来,我们可以深入了解如何更换博客主题。


更换Blog主题(以yilia为例)

步骤一:下载并克隆yilia主题

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

步骤二:修改配置文件

找到Blog文件中的_config.yml文件,使用Visual Studio Code打开,并将以下代码段的theme值更改为yilia

theme: yilia

步骤三:清除缓存并重新生成静态网站

  1. 在命令行中执行以下命令清除数据库(例如hexo clean)。
  2. 执行hexo g生成新的静态网站。
  3. 最后,通过运行hexo d将内容部署到GitHub上。

至此,您就已成功更换了博客主题。希望上述教程能帮助到您快速构建个人网站,并与世界分享您的精彩内容!