效果预览:

想要轻松打造独一无二的个性化网址?快来跟随我们一步步操作吧!

准备阶段:

  1. 电脑配置
    在开始之前,请确保您的电脑已安装以下软件:

    • Windows电脑系统
    • Git账号
    • Hexo框架搭建日志软件(例如GitHub)

参考资料:

安装过程:

(1) Node.js安装

按照以下步骤依次点击进行操作,安装过程非常简单:

  • 访问Node.js官网下载所需版本
  • 双击安装文件,跟随向导完成安装

(2) Git安装

按照网上的安装方式进行安装即可,具体教程请参考:https://www.cnblogs.com/ximiaomiao/p/714456.xanfengge.com/sing-ssh-key-link-githb-photo-tor.html

(3) 安装Hexo

以下所有检测操作均在Git中完成:


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

node -v  # 返回版本号
npm -v   # 返回版本号

安装淘宝镜像源(如出现错误,请多尝试几次)

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

创建仓库:

  1. 创建个人或组织账户的GitHub仓库:(例如:yourname.github.io)
  2. 在Blog目录下安装一个Hexo部署插件
    cnpm install --save hexo-deployer-git
    
  3. 修改_config.yml文件
    • 在你的Blog目录中找到_config.yml文件,用编译器打开(例如使用Visual Studio Code)。
    • 找到以下代码块并进行修改:
      deploy:
        type: git
        repo: <repository url>
        branch: [branch name]
      
    • 填写内容
      • type:选择git
      • repo:将你刚刚创建的GitHub仓库地址粘贴到此字段
      • branch:设置管理员分支名称,例如master

保存配置后,在Git中输入以下命令:

hexo d -g   

部署至GitHub:

  1. 通过访问 https://[你的用户名].github.io(例如:http://yourname.github.io)即可访问你刚刚部署到GitHub上的博客了。

个性化操作:

接下来,我们将进一步介绍如何更换博客主题来打造独特的视觉效果。

更换博客主题

以下以yilia主题为例进行展示:

  1. 下载yilia主题
    git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
    
  2. 修改_config.yml文件
    • 仍然在_yourname.github.io\source_themes下找到_config.yml文件,使用编译器打开。
    • 找到以下代码块并进行修改:
      theme: [theme name]
      
    • 将冒号后面的内容更改为刚刚下载的yilia主题名称。

集成操作

  • 在完成以上步骤后,执行以下命令进行整合:
hexo clean  # 清除数据库等
hexo g      # 生成静态网站
hexo d      # 部署到GitHub

恭喜你!现在我们已经成功将全新的个性化网址发布了,赶快去看看吧!祝你使用愉快