快速构建个人网站指南
准备:电脑及网络环境准备(1)
首先,请确保您的电脑系统为Windows平台,并已连接至互联网。这是您成功构建个人网站的基石。
网络资料参考:
以下是一些可以方便查阅的相关资料:
安装过程:(1)Node.js安装
按照以下步骤依次操作:
- 访问Node.js官网,下载对应的Windows安装包。
- 双击安装包进行安装。请注意,默认的安装选项通常即可满足需求。
- 安装完成后,可以在命令行中输入
node -v(返回版本号)和npm -v(返回版本号)验证是否安装成功。
安装过程:(2)Git安装
按照以下步骤进行操作:
- 访问Git官网,下载对应的Windows安装包。
- 双击安装包进行安装。请注意,默认的安装选项通常即可满足需求。
- 安装完成后,在命令行中输入
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的好处:
- 支持的语言种类多。
- 视图简洁。
- 拥有插件种类多。
找到以下部分代码,进行修改:
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
步骤三:清除缓存并重新生成静态网站
- 在命令行中执行以下命令清除数据库(例如
hexo clean)。 - 执行
hexo g生成新的静态网站。 - 最后,通过运行
hexo d将内容部署到GitHub上。
至此,您就已成功更换了博客主题。希望上述教程能帮助到您快速构建个人网站,并与世界分享您的精彩内容!