效果预览:快速轻松构建个性化个人网站的实用技巧

准备:

  1. 一台Windows电脑。
  2. 一个GitHub账号。

搭建步骤:

  1. 使用hexo框架搭建blog软件(1)Githttps://git-scm.com/,参考网址:http://www.cnblogs.com/ximiaomiao/p/714456.html

  2. 安装Git:https://www.csdn.net/column/details/91784.html(安装过程很简单)

  3. 安装Node.js:https://nodejs.org/en/

  4. 检测Node和环境配置是否成功:

    • node -v (返回版本号)
    • npm -v (返回版本号)
  5. 修改环境变量为淘宝镜像源,提高下载速度(如果错误就重来,因为连接可能不稳定,不要害怕多试几次就可以了):

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. 修改配置文件_config.yml:

    • 打开Config.yml文件,推荐使用Visal Studio Code打开,它支持多种语言,视图简洁,拥有丰富的插件。
    • 找到以下内容并进行修改:
      deploy:
        type: git
        repository: https://github.com/yourname/yourname.github.io.git
        branch: master
      
  2. 部署网站到GitHub:

    • 在本地输入命令hexo d,将本地文件部署到GitHub新创建的仓库中。
  3. 访问网站:https://yourname.github.io(例如:https://hansonpang99.github.io)

进一步深化操作过程:

  1. 更换博客主题,以下以yilia主题为例进行更换:
    • 下载yilia主题:
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
  1. 修改_config.yml文件:
    • 找到以下内容并修改为刚刚新建的yilia:
theme: yilia
  1. 清除数据库,生成静态网站,部署到GitHub:
hexo clean
hexo g
hexo d

通过以上步骤,你就可以快速轻松地构建一个个性化个人网站啦!