author
最后编辑于 2025年10月1日
效果预览:https://xiaoming.github.io/
准备:1. Windows电脑。
2. GitHub账号使用Hexo框架搭建个人网址平台准备。
(1)GitHub安装
首先,我们需要在官网下载并安装Git软件:Git安装
参考网址:
- Git安装教程:https://www.cnblogs.com/ximiaomiao/p/714456.html:一个详细的安装步骤。
- Git SSH连接配置教程:http://anfengge.com/sing-ssh-key-link-githb-photo-tor.html
(2)Node.js
在完成Git的安装后,我们需要准备一个Node.js环境。
参照以下步骤进行安装:
- Node.js下载与安装:https://nodejs.org/en/
- 安装过程很简单,按照步骤依次点击即可。
检测Node.js是否成功:node -v(返回版本号)和npm -v(返回版本号)
安装淘宝镜像源
由于网络连接不稳定,可能需要多次尝试。以下为安装步骤:
-
npm install -g cnpm --registry=https://registry.npm.taobao.org -
创建一个仓库(repository)
示例:hansonpang99.github.io
-
在Personal Directory下安装Hexo部署插件
示例命令:
cnpm install --save hexo-deployer-git
找到Blog文件中的_config.yml文件,使用编译器打开。建议使用Visual Studio Code,因为:
- 支持的语言种类多。
- 视图简洁。
- 拥有插件种类多。
找到这部分代码:(原始的是没有repo,和branch的,而且type后面也没有东西)对这段代码进行更改。
type:一个名字,建议写成git方便识别reporepository:仓库地址- 将刚刚新建的GitHub仓库地址复制到这里就可以了
branch:分支这里设置管理员master
更改后,保存文件,然后在Git里面输入:
hexo d -g
这将本地文件部署到GitHub上的个人网址。
接下来,访问以下链接即可查看部署到的博客(以示例为例):
https://hansonpang99.github.io/
进一步深化操作过程
如果你想更换网站主题,我们可以参考以下步骤:
- 下载yilia主题:
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia - 克隆后的本地位置
- 打开Blog目录下的_config.yml文件,使用Visual Studio Code打开
- 找到这部分代码(即theme),将冒号后面的内容改为刚刚新建的yilia主题名
# Theme configuration
theme: yilia
hexo clean清除数据库之类的hexo generate生成静态网站hexo d -g部署到GitHub中
这样我们就实现了更换主题。
评论已关闭。