ALZT02
文章14
标签13
分类9

文章分类

一言

文章归档

搭建个人网站

搭建个人网站

使用Hexo的Nexmoe主题搭建GitHub个人网站

前期准备

  1. 安装Node.js:Hexo基于Node.js,需要先安装 Node.js
  2. 安装Git:用于版本控制和部署到GitHub
  3. GitHub账号:注册一个GitHub账号

安装Hexo

  1. 打开终端/命令行,安装Hexo:

    1
    npm install -g hexo-cli
  2. 初始化Hexo项目:

    1
    2
    3
    hexo init myblog
    cd myblog
    npm install

安装Nexmoe主题

  1. 在Hexo项目目录下克隆Nexmoe主题:

    1
    git clone https://github.com/theme-nexmoe/hexo-theme-nexmoe.git themes/nexmoe
  2. 修改Hexo配置文件_config.yml

    1
    theme: nexmoe
  3. 安装主题依赖:

    1
    npm install hexo-renderer-pug hexo-renderer-stylus --save

配置GitHub Pages

  1. 在GitHub上创建新仓库,命名为用户名.github.io(用户名替换为你的GitHub用户名)

  2. 安装hexo-deployer-git:

    1
    npm install hexo-deployer-git --save
  3. 修改Hexo配置文件_config.yml,添加部署配置:

    1
    2
    3
    4
    deploy:
    type: git
    repo: https://github.com/用户名/用户名.github.io.git
    branch: main

配置Nexmoe主题

  1. 复制主题配置文件:

    1
    cp themes/nexmoe/_config.example.yml themes/nexmoe/_config.yml
  2. 编辑themes/nexmoe/_config.yml进行个性化配置,如:

    • 修改菜单
    • 设置社交媒体链接
    • 配置头像和个人信息

创建内容

  1. 创建新文章:

    1
    hexo new "我的第一篇文章"
  2. 编辑source/_posts/我的第一篇文章.md文件

本地测试

1
2
3
hexo clean
hexo generate
hexo server

访问http://localhost:4000查看效果

部署到GitHub

1
2
3
hexo clean
hexo generate
hexo deploy

部署完成后,访问https://用户名.github.io即可看到你的网站

后续维护

  1. 每次更新内容后,重复”本地测试”和”部署到GitHub”步骤
  2. 建议将Hexo源文件也推送到GitHub的另一个仓库进行备份

进一步的主题配置不再赘述,请自行查看官方文档。

github国内可能无法访问,尝试使用watt toolkit


好了,以上就是全部文章,希望能够帮到你。若你觉得文章有用,在评论区多多评论吧!或者你可以评论数字1-4,分别对应下图蕾娜的表情。

1 没啥用… 2 哈哈哈,从未见过如此搞笑的文章! 3 哇,真有用,好惊讶 4 哇,写的真好!

评论1和2的去吃蕾娜的Salmiakki糖去!

本文作者:ALZT02
本文链接:https://alzt02.github.io/2025/07/11/%E5%A6%82%E4%BD%95%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/
版权声明:本文采用 CC BY-NC-SA 3.0 CN 协议进行许可