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

准备:

  1. Windows电脑;
  2. 一个GitHub账号;
  3. 使用hexo框架搭建个人网页。

具体的操作步骤如下:

安装程序:

(1)首先,需要安装Node.js

请参考以下网址:https://nodejs.org/en/

安装过程:

  1. 依次点击安装流程;
  2. 确保安装顺利完成。

(2)接下来,安装Git

请参考以下网址:https://git-scm.com/

安装过程:

  1. 按照网上教程进行安装;
  2. 安装完成后,可以在命令行中输入“git –version”检查是否安装成功。

在安装过程中,需要注意以下几个方面:

  • 如果遇到无法连接的情况,可以尝试使用代理进行解决;
  • 在安装过程中,可能会出现需要管理员权限的问题,此时需要在安装过程中选择“以管理员身份运行”或“始终以管理员身份运行”。

(3)安装Hexo

下面出现的所有检测结果均是在git中进行的。

检测Node.js安装是否成功:

  1. 在命令行中输入“node -v”,如果返回版本号,则表示已成功安装。
  2. 在命令行中输入“npm -v”,如果返回版本号,则表示已正确安装npm。

安装淘宝的镜像源:

  1. 因为连接可能不稳定,所以可能需要多次尝试;
  2. 在命令行中输入以下命令:npm install -g cnpm --registry=https://registry.npm.taobao.org

创建个人仓库:

  1. 建立一个GitHub仓库(例如:hansonpang99.github.io);
  2. 在Blog目录下安装hexo-deployer-git插件:
    npm install --save hexo-deployer-git
    

在_config.yml文件中进行以下操作:

  • 打开 Blog 目录下的 _config.yml 文件,使用合适的编译器打开,例如 Visual Studio Code;

  • 找到以下代码块,并对其进行修改:

    deploy:
      type: hexo-deployer-git
      repo: https://github.com/hansonpang99/hansonpang99.github.io.git # 仓库地址
      branch: master # 分支
      token: your_github_token # 在GitHub中创建 Token,用于 push
    
  • 填写相关的信息:

    • repo:将GitHub仓库地址粘贴到这里;
    • branch:设置为“master”分支。

然后,在Git中使用以下命令将本地文件部署到GitHub上的仓库:

hexo d

访问个人网页:

  1. 输入 https://你的GitHub用户名.github.io 访问已部署的个人网页。

进一步操作(更换主题):

以yilia主题为例进行更换:

首先,下载yilia主题。

在Git中使用以下命令进行克隆:

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

找到Blog下的_config.yml文件,并对其中的theme字段进行修改:

theme: yilia

然后执行以下命令清除数据库:

hexo clean

接着生成静态网站:

hexo generate

最后将文件部署到GitHub上:

hexo d

完成以上步骤,就可以成功更换主题了。

通过以上步骤,你可以简单快速地制作出个人网页。在操作过程中,请按需进行修改和调整,以适应你的需求。祝你制作成功!

Share: Facebook Twitter Linkedin

Comments are closed.