效果预览:快速搭建个人博客教程

准备:

  1. Windows电脑;
  2. GitHub账号。

步骤一:安装Node.js和Git

安装Node.js:

  1. 访问Node.js官网下载并安装。
  2. 安装过程很简单,按照提示操作即可。

安装Git:

  1. 访问Git官方地址下载并安装。
  2. 可参考网上安装方式进行安装。

步骤二:安装Hexo

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

  1. 在命令行输入node -v,返回版本号表示成功安装;
  2. 输入npm -v,同样返回版本号表示成功安装。

安装淘宝的镜像源:

  1. 如果错误就多试几次,因为连接可能不稳定。
  2. 使用以下命令安装淘宝的镜像源:npm install -g cnpm --registry=https://registry.npm.taobao.org/

步骤三:建立个人博客仓库

  1. 在GitHub中创建一个仓库(repository),例如“hansonpang99.github.io”;
  2. 在本地新建一个名为Blog的文件夹。

步骤四:安装Hexo部署插件

  1. 在命令行中,进入Blog目录下,执行以下命令:
cnpm install --save hexo-deployer-git

步骤五:配置Blog文件

  1. 打开Blog目录下的_config.yml;
  2. 使用编辑器打开,建议使用Visual Studio Code。

修改_config.yml:

  1. 找到下面的代码:
type: git
repo:
branch: master
  1. 进行以下更改:

    • type:改为git;
    • repo:将刚刚创建的GitHub仓库地址复制到这里;
    • branch:设置为管理员权限的分支,如master;
  2. 保存修改。

步骤六:部署博客到GitHub

  1. 在命令行中执行以下命令:
hexo d
  1. 看起来很复杂?别担心,只需按照上面的过程操作,你就能成功搭建一个个人博客网站了!

进一步操作:更换博客主题

  1. 以yilia主题为例进行更换。

下载yilia主题:

  1. 在命令行中执行以下命令:
git clone https://github.com/litten/hexo-theme-yanoda.git themes/yanoda
  1. 克隆完成后的本地位置在Blog/themes/yanoda

更换主题:

  1. 打开_config.yml文件;
  2. 找到下面的代码,将冒号后面的内容改为刚刚新建的yanoda主题:
theme: yanoda
  1. 按照步骤四的方法部署博客到GitHub。

现在,你已经成功更换了博客主题。尽情享受你的个人博客吧!