作者author

8 月 10, 2025

效果预览:https://example.com准备好以下工具:

  1. Windows电脑
  2. 注册GitHub账号

使用Hexo框架搭建个人网站准备(1)GITHUB准备:

  • 访问官网 https://github.com/ 了解相关操作步骤。

参考网址:

  • Git安装教程 https://www.cnblogs.com/ximiaomiao/p/714456.html
  • SSH Key生成与管理 https://fenggege.com/sing-ssh-key-link-github-photo-tor.html

(2)Node.js环境准备:

  • 访问官网 https://nodejs.org/en/ 下载并安装Node.js。

安装过程:

  1. 依次点击“Next”按钮进行默认安装。
  2. 安装完成后,在命令提示符或终端中输入以下命令验证安装成功:
node -v  // 返回版本号
npm -v  // 返回版本号

(3)安装Hexo

  • 在Git中执行以下命令安装Hexo:
npm install -g hexo-cli

检测Node.js环境是否正确:

  1. 执行以下命令,如无错误输入则表示安装成功:
node -v  // 返回版本号
npm -v  // 返回版本号
  • 安装淘宝镜像源(如果连接不稳定,可尝试多次):
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    

创建仓库(repository):

  1. 在GitHub上创建一个新仓库,例如:yourname.github.io。
  2. 克隆该仓库到本地:
git clone https://github.com/yourname/yourname.github.io.git

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

cnpm install --save hexo-deployer-git

配置_config.yml文件:

  1. 打开Blog目录中的_config.yml文件,使用支持的语言种类多、视图简洁、拥有插件多的编译器,如Visual Studio Code。
  2. 找到以下代码段:
# Deployment
deploy:
  type: git
  repository: 
  branch: 
  1. 修改配置信息:
    • type:设置为git。
    • repository:将GitHub仓库地址复制到此位置。
    • branch:设置管理员权限的分支名,例如master。

保存后,在Git中输入以下命令将本地文件部署到GitHub上:

hexo d

访问部署后的个人网站:

  1. 打开浏览器,输入以下网址,即可访问您新建的个人网站:
https://yourname.github.io

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

  1. 以yilia主题为例进行更换。

  2. 下载yilia主题,执行以下命令:

    git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
    
  3. 打开Blog目录中的_config.yml文件,使用支持的语言种类多、视图简洁、拥有插件多的编译器,如Visual Studio Code。

  4. 找到以下代码段:

# Theme
theme: 
  1. 将冒号后面的内容修改为刚刚下载的yilia主题名称。

  2. 输入以下命令清除数据库,并重新生成静态网站:

    hexo clean
    hexo g
    
  3. 再次输入以下命令将文件部署到GitHub上:

hexo d

现在您已成功更换个人站点的主题。通过不断学习和实践,相信您能打造出属于自己独一无二的个人网站!祝您创作愉快!

作者 author