效果预览:https://jeremcol.githb.io/archives/index.html
准备:
- Windows电脑。
- 注册Git账号。
参考网址:
- Git安装教程:[https://www.cnblogs.com/ximiaomiao/p/714456.xanfengge.com/sing-ssh-key-link-githb-photo-tor.html]
- Node.js安装指南:[https://nodejs.org/en/]
安装过程:
-
安装Node.js
– 按照安装向导依次点击,整个过程非常简单。
– 在网页上按步骤操作即可成功完成安装。 -
安装Git
– 根据网上提供的安装方式进行安装。
检测Node.js和Git的安装:
- 输入
node -v返回版本号检查Node.js是否安装成功。 - 输入
npm -v返回版本号检查Git是否安装成功。
设置淘宝镜像源:
- 出于某些原因,如果你遇到错误信息,请尝试多次重新配置。网络连接可能会不稳定,不要害怕多试几次就能解决问题。
- 使用命令
npm install -g cnpm --registry=https://registry.npm.taobao.org安装cnpm以使用淘宝镜像源。
创建GitHub仓库:
- 建立一个个人仓库(repository),例如:hansonpang99.githb.io。
- 在Blog目录下,使用以下命令安装Hexo部署插件:
npm install --save hexo-deployer-git。
配置_config.yml文件:
- 打开 Blog 目录下的 _config.yml 文件。
- 建议使用 Visual Studio Code 等文本编辑器打开。
- 你会看到一个关于 repo、repo_url 和 branch 的部分,对其进行以下修改:
type: git
repo: <your_github_repository_url>
branch: master
将 type 的值更改为 "git",然后在 repo 中粘贴你新建的 GitHub 仓库地址。在 branch 中,设置分支为 "master"。保存文件。
部署到GitHub:
- 在Git中运行命令
hexo d将本地文件部署到GitHub上的新仓库。 - 现在可以访问以下链接来查看你的新建网站:https://<your_github_repository_url>(例如:https://hansonpang99.githb.io)
进一步深化操作过程(更换Hexo主题):
以yilia主题为例进行更换:
-
下载yilia主题:
– 使用以下命令克隆地址:
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia -
在Blog文件中的 _config.yml 文件中,找到并修改 "theme" 字段:
– 将其修改为 yilia。
清除数据库和生成静态网站:
- 使用以下命令清除数据库:
hexo clean - 生成静态网站:
hexo generate。 - 部署当前的文件到GitHub上:
hexo deploy
现在,你已经成功更换了主题!