作者author

9 月 10, 2025

效果预览:创建个人网站的完整指南

准备:

  1. Windows电脑。
  2. GitHub账号使用Hexo框架搭建Blog软件准备(1)Githttps://git-scm.com/
  3. 参考网址:

安装过程:

(1)Node安装

按照安装过程依次点击即可,安装过程很简单。

(2)安装Git

按照网上的安装方式进行安装就可以了。https://www.cnblogs.com/ximiaomiao/p/714456.html

(3)安装Hexo

(下面出现的检测全部是在git中进行的)

—————————————————————————————————————

检测Node安装是否成功:

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

—————————————————————————————————————

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

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

建立一个仓库(repository)(例:hansonpang99.githb.io)

在Blog目录下安装一个hexo部署插件

cnpm install --save hexo-deployer-git

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

注:Visual Studio Code的优点:

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

找到这部分代码,(原始的是没有repo,和branch的,而且type后面也没有东西)对这段代码进行更改:

type: 一个名字,建议写成git方便识别
repository: 仓库地址将刚刚新建的githb仓库地址复制到这里就可以了
分支:这里设置管理员master

更改以后进行保存。

然后,在Git里面输入hexo d,将本地文件部署到GitHub上的Blog新建立的仓库中。

—————————————————————————————————————

然后通过访问’https://+自己的仓库名’就可以访问部署到GitHub上的blog了(例:https://hansonpang99.githb.io)

进一步深化操作过程(更换Blog的主题)这里以yilia主题为例进行更换:

首先下载yilia主题

git clone https://githb.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中

这样就实现了主题的更改。

作者 author