效果预览:轻松构建个人网站的快速指南

准备阶段:

  1. 确保你的Windows电脑满足基本的硬件要求。
  2. 注册一个GithHub账号。
  3. 使用Hexo框架搭建个人网站。

GithHub参考:

https://github.com/

安装过程:

  1. Node.js安装:按照官方安装指南点击,操作简单易懂。
  2. Git安装:网上有多种安装方式可供选择。

Hexo安装(以下步骤均在Git中进行):

  • 检测Node安装是否成功:

    • node -v 返回版本号
    • npm -v 返回版本号
  • 安装淘宝的镜像源(如遇问题重试,网络不稳定时多尝试几次即可):

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

创建仓库:

  1. 建立一个个人仓库(repository),例如:yourname.github.io
  2. 在Blog目录下安装Hexo部署插件:
  • cnpm install --save hexo-deployer-git
  1. 找到Blog文件中的 _config.yml 文件,使用编译器打开(推荐Visual Studio Code)。

配置说明:

  1. 注:Visual Studio Code的优势:支持多种语言、简洁的视图以及丰富的插件。
  2. 找到相关代码:
    • type 一个名字,建议写成git
    • repo 仓库地址:复制你刚刚新建的GithHub仓库地址
    • branch 分支:设置管理员为master
  3. 保存更改后,在Git中输入 hexo d 将本地文件部署到Github上的新仓库。

访问网站:

  1. 通过访问 https://yourname.github.io 访问你刚刚创建的个人网站。
  2. 进一步深化操作过程(更换网站主题):
    • 以yilia主题为例进行更换。

主题更换步骤:

  1. 下载yilia主题
    • 在Git中输入:git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
  2. 找到Blog文件中的 _config.yml 文件,使用编译器打开。
  3. 找到相关代码:
    • theme 后面的内容改为刚刚克隆的yilia主题名称。
  4. 使用以下命令进行操作:
    • hexo clean 清除数据库
    • hexo generate 生成静态网站
    • hexo deploy 部署到Github

这样,你就成功完成了个人网站的搭建和主题更换。现在,你可以尽情地展示你的才华和创意了!