效果预览:https://jeremcol.githb.io/archives/index.html

准备阶段:

  1. 确保你的电脑是Windows系统。
  2. 在你的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

建立个人仓库:

  1. 创建一个新的GitHub repository(例如:yourusername.yourblogname.io),并获取SSH密钥。
  2. 在本地Blog目录下安装hexo-deployer-git插件:
    cnpm install --save hexo-deployer-git
    

配置_config.yml文件:

  1. 打开博客根目录下的_config.yml文件,使用可视化的代码编辑器进行编辑(如Visual Studio Code)。
  2. 在config.yml中找到并修改以下代码段:
    type: git
    repo:
      repository:
    branch:
    

    建议将type改为git,并将repo对应的repository键设置为你刚刚创建的GitHub仓库地址,branch设置为master分支。

部署个人网站到GitHub:

  1. 在终端输入hexo d命令:
    hexo d
    
  2. 访问https://yourusername.yourblogname.io即可查看已成功部署的个人网站!

更换博客主题(以yilia主题为例):

  1. 下载yilia主题:
    • 使用Git克隆地址:git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
  2. 打开_config.yml文件,找到并修改以下代码段:
    theme: default
    

    将其改为主题名yilia。

清理数据库和生成静态网站:

  1. 运行以下命令清除Hexo缓存:
    hexo clean
    
  2. 重新生成静态网页:
    hexo generate
    
  3. 部署更新后的文件到GitHub仓库:
    hexo d
    

现在,你已经成功构建了一个个人网站网页!你可以根据自己的喜好对网站进行进一步的个性化设置和优化。