跳转至主要内容

广州更懂信息科技有限公司

author
最后编辑于 2025年10月1日

效果预览:https://xiaoming.github.io/

准备:1. Windows电脑。
2. GitHub账号使用Hexo框架搭建个人网址平台准备。

(1)GitHub安装

首先,我们需要在官网下载并安装Git软件:Git安装

参考网址:

(2)Node.js

在完成Git的安装后,我们需要准备一个Node.js环境。

参照以下步骤进行安装:


检测Node.js是否成功:node -v(返回版本号)和npm -v(返回版本号)


安装淘宝镜像源

由于网络连接不稳定,可能需要多次尝试。以下为安装步骤:

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

  2. 创建一个仓库(repository)

    示例:hansonpang99.github.io

  3. 在Personal Directory下安装Hexo部署插件

    示例命令:cnpm install --save hexo-deployer-git


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

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

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

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

更改后,保存文件,然后在Git里面输入:

hexo d -g

这将本地文件部署到GitHub上的个人网址。


接下来,访问以下链接即可查看部署到的博客(以示例为例):

https://hansonpang99.github.io/


进一步深化操作过程

如果你想更换网站主题,我们可以参考以下步骤:

  1. 下载yilia主题:git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
  2. 克隆后的本地位置
  3. 打开Blog目录下的_config.yml文件,使用Visual Studio Code打开
  4. 找到这部分代码(即theme),将冒号后面的内容改为刚刚新建的yilia主题名
# Theme configuration
theme: yilia
  1. hexo clean 清除数据库之类的
  2. hexo generate 生成静态网站
  3. hexo d -g 部署到GitHub中

这样我们就实现了更换主题。

Previous Post

 

Next Post

 

评论已关闭。