效果预览:点击这里查看效果
准备:

  1. Windows电脑。
  2. 建立GitHub账号。
  3. 安装Node.js软件准备搭建个人网站。

以下是步骤:

一、安装Git:

  • 访问Git官网下载适合您系统的Git版本。
  • 点击“Download”后,选择您的操作系统和适当的下载方式,一般为Windows版的msi安装程序。
  • 按照安装向导的提示进行安装。

二、安装Node.js:

  1. 访问Node.js官网下载适合您系统的Node.js版本。
  2. 点击“Download”后,选择相应的包(如Windows版的.msi文件)。
  3. 双击msi文件开始安装过程,按照安装向导提示安装完毕。

三、安装Hexo框架:

  • 在命令行中输入以下命令安装Hexo:npm install -g hexo
  • 完成后,打开Git仓库目录进行下一步操作。

四、构建个人网站:

  1. 输入以下命令初始化Hexo:
    hexo init <folder>
    
  2. 转到新创建的文件夹并安装必要依赖项:cd <folder>npm install
  3. 启动本地服务器以预览网站:hexo server
    这时,访问http://localhost:4000 查看您的网站。

五、配置GitHub仓库:

  • 在命令行中使用以下命令创建Hexo的GitHub页面仓库:
    hexo generate
    hexo deploy
    
  • 首次部署前,请确保您已设置好SSH秘钥并将邮箱设置为您所提供的Gmail账号。

六、上传网站至GitHub:

  • 在Git中输入以下命令更新到远程仓库:
    git add .
    git commit -m "update"
    git push origin master
    

完成后,您的个人网站将成功部署至GitHub页面。

至此,您已成功搭建个人网站。接下来,您可以继续在Hexo文件中进行个性化设置,如更改主题、优化布局等。以下是修改主题的步骤:

  1. 下载并解压您喜欢的主题,例如主题名为theme-x。
  2. 将解压好的主题文件夹重命名为“themes”,移动到Hexo根目录下的source文件夹中。
  3. 在Git中打开 _config.yml 文件并找到 theme 参数,将值改为 theme-x
  4. 使用以下命令生成静态网页并强制刷新本地服务器查看效果:hexo clean && hexo generate -d

这样,您就可以根据自己的喜好定制主题,打造个性十足的网站了。享受创作个人网站的乐趣吧!