效果预览:https://example.com/

准备阶段:

  1. 准备一台Windows电脑。
  2. 在您的GitHub账号中注册或登录。

参考网址:

  • GitHub官网:https://github.com/
  • Git安装教程:https://www.cnblogs.com/ximiaomiao/p/714456.html

安装过程:

  1. 安装Node.js

    • 访问Node.js官方网站下载安装包。
    • 依次点击“下一步”,按照默认选项进行安装。
  2. 安装Git

    • 在浏览器地址栏中输入“https://git-scm.com/”访问GitHub官网,查看Git安装教程并按照说明操作。
  3. 安装Hexo框架

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

node -v
npm -v

如果返回版本号,则表示安装成功。

安装淘宝的镜像源(确保连接稳定):

npm install -g cnpm --registry=https:// registry.npm.taobao.org

创建仓库(repository):

  1. 注册或登录GitHub账号。
  2. 新建一个公开的个人仓库(例如:hansonpang99.github.io)。

在Blog目录下安装Hexo部署插件:

cnpm install --save hexo-deployer-git

配置_config.yml文件:

  1. 使用文本编辑器打开Blog根目录下的_config.yml文件。
  2. 找到如下配置段:
    deploy:
      type: git
      repository: https://github.com/用户名/仓库名.git
      branch: master
    
  3. 将以上配置信息修改为自己的GitHub仓库地址。

部署到GitHub:

hexo d

访问个人站点:

通过浏览器访问https://+您的仓库名即可查看您的个人网站。

进一步深化操作过程(更换博客主题):

以yilia主题为例,进行主题更换:

  1. 下载yilia主题:

    git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
    
  2. 配置theme字段:

    • 打开Blog根目录下的_config.yml文件。
    • 找到如下配置段:
      theme: yilia
      
    • 将冒号后面的内容修改为刚刚克隆的主题名称。
  3. 清除数据库、生成静态网站并部署:

hexo clean && hexo g && hexo d

完成以上步骤,您就可以自由构建个人站点了!