22 4 月, 2026

黑龙江省娇馨化妆品有限公司

效果预览:[个人网站展示链接]

准备:

  1. 安装Windows电脑。
  2. 注册GitHub账号并使用Hexo框架搭建个人博客。

参考网址:

  • Hexo官方文档:https://hexo.io/
  • Git安装教程:https://www.cnblogs.com/ximiaomiao/p/714456.html
  • SSH Key生成与配置:http://anfengge.com/sing-ssh-key-link-githb-photo-tor

步骤一:Node.js环境搭建

  1. Node.js官网下载:https://nodejs.org/en/
  2. 安装过程中按照提示操作,过程简单快捷。

步骤二:安装Git

  1. 根据网上教程进行安装。
  2. 官方Git客户端下载:https://git-scm.com/

步骤三:安装Hexo

  1. 在Blog目录下运行以下命令进行全局安装:
    npm install -g hexo-cli
    
  2. 安装完成后,检查是否成功:
    hexo-version
    

步骤四:镜像源设置

  1. 由于国内连接不稳定,建议使用淘宝的镜像源:
    npm config set registry https://registry.npm.taobao.org
    

步骤五:创建GitHub仓库

  1. 登录GitHub,新建一个个人博客仓库(如:username.github.io)。
  2. 复制克隆地址。

步骤六:安装Hexo部署插件

  1. 在Blog目录下运行以下命令:
    npm install --save hexo-deployer-git
    

步骤七:配置_config.yml文件

  1. 使用Visual Studio Code打开Blog目录中的_config.yml文件。
  2. 找到如下代码并修改:
    deploy:
      type: git
      repo: <克隆地址>
      branch: master
    
  3. 保存退出。

步骤八:部署博客至GitHub

  1. 在Git终端输入以下命令将本地文件部署至GitHub:
    hexo d
    

效果预览:

访问以下链接即可查看您的个人网站:
[https://<用户名>.github.io](https://.github.io)

进一步操作:

更换博客主题:以yilia为例

  1. 下载yilia主题:

    git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
    
  2. 在_config.yml文件中找到theme配置项,修改为新下载的主题名。

  3. 运行以下命令清除数据库缓存、生成静态网站并部署至GitHub:

    hexo clean && hexo generate && hexo d
    

通过以上步骤,您就已经成功搭建了一个属于自己的个性个人网站。快来动手试试吧!

Share: Facebook Twitter Linkedin

Comments are closed.