效果预览:https://jeremcol.githb.io/archives/index.html
准备阶段:
- 确保你的电脑是Windows系统。
- 在你的GitHub账号中使用Hexo框架搭建个人网站:
- 访问GitHub官网下载和安装Git: https://git-scm.com/
- 参考以下网址进行Git安装和SSH Key配置:https://www.cnbloggerconferences.com/sing-ssh-key-link-githb-photo-tor.html
- 下载Node.js:https://nodejs.org/en/
安装过程:
(1)Node安装:按照提示点击即可,非常简单。
(2)安装Git:按照网络上的正常流程进行安装。
安装Hexo框架(以下步骤均在终端或命令行界面中完成):
——检测Node是否 install成功:
node -v # 返回版本号
npm -v # 返回版本号
——设置淘宝的镜像源(如果遇到错误,不要担心,多试几次即可):
npm install -g cnpm --registry=https://registry.npm.taobao.org
建立个人仓库:
- 创建一个新的GitHub repository(例如:yourusername.yourblogname.io),并获取SSH密钥。
- 在本地Blog目录下安装hexo-deployer-git插件:
cnpm install --save hexo-deployer-git
配置_config.yml文件:
- 打开博客根目录下的_config.yml文件,使用可视化的代码编辑器进行编辑(如Visual Studio Code)。
- 在config.yml中找到并修改以下代码段:
type: git repo: repository: branch:建议将type改为git,并将repo对应的repository键设置为你刚刚创建的GitHub仓库地址,branch设置为master分支。
部署个人网站到GitHub:
- 在终端输入hexo d命令:
hexo d - 访问https://yourusername.yourblogname.io即可查看已成功部署的个人网站!
更换博客主题(以yilia主题为例):
- 下载yilia主题:
- 使用Git克隆地址:
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
- 使用Git克隆地址:
- 打开_config.yml文件,找到并修改以下代码段:
theme: default将其改为主题名yilia。
清理数据库和生成静态网站:
- 运行以下命令清除Hexo缓存:
hexo clean - 重新生成静态网页:
hexo generate - 部署更新后的文件到GitHub仓库:
hexo d
现在,你已经成功构建了一个个人网站网页!你可以根据自己的喜好对网站进行进一步的个性化设置和优化。