效果预览：个人博客网站轻松搭建全攻略

准备：

1. Windows电脑。
2. GitHub账号。
3. 使用Hexo框架搭建blog软件。

步骤一：GitHub安装

• 访问网址：https://git-scm.com/
• 参考网址：Git安装教程

安装过程：

• （1）Node.js安装
  按照以下步骤依次点击即可，安装过程很简单。

  • 打开命令提示符窗口。
  • 输入 npm install -g n。
  • 输入 n stable。
  • 根据提示选择版本，这里选择最新版。
  • 输入 n lts。
  • 输入 n io。

• （2）安装Git
  按照以下网上的安装方式进行安装就可以了：

  • 打开命令提示符窗口。
  • 输入 npm install -g git.

步骤二：安装Hexo

在Blog目录下安装一个hexo部署插件：

• 打开命令提示符窗口。
• 输入 cnpm install --save hexo-deployer-git。

检测node安装是否成功：

• 在命令提示符窗口输入 node-v，回车后返回版本号表示安装成功。

• 在命令提示符窗口输入 npm-v，回车后返回版本号表示安装成功。

安装淘宝的镜像源（如果错误就重来，因为连接可能不稳定，不要害怕多试几次就可以了）：

• 在命令提示符窗口输入 npm install -g cnpm --registry=https://registry.npm.taobao.org。

创建仓库（repository）（例：gituser99.github.io）

• 打开命令提示符窗口。
• 输入 hexo init gituser99.github.io。

在Blog目录下安装一个hexo部署插件：

• 打开命令提示符窗口。
• 输入 cnpm install --save hexo-deployer-git。

找到Blog文件中的_config.yml文件，使用编译器打开，建议使用Visual Studio Code打开（注意：Visual Studio Code的好处：1.支持的语言种类多，视图简洁，拥有插件种类多）：

• 找到这部分代码：（原始的是没有repo和branch的，而且type后面也没有东西）
• 对这段代码进行更改：
  • type一个名字，建议写成git方便识别；
  • repository仓库地址将刚刚新建的github仓库地址复制到这里就可以了；
  • branch分支这里设置管理员master。

更改以后进行保存。然后在Git里面输入hexo d将本地文件部署到git上传新建的仓库中。

通过访问https://gituser99.github.io就可以访问部署到github上的blog了（例：https://gituser99.github.io）。

进一步深化操作过程（更换Blog的主题）这里以后台主题为例进行更换：

• 首先下载后台主题，在Git中输入 git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia。
• 克隆之后的本地位置：hexo目录\themes\yilia。
• 找到Blog文件中的_config.yml文件，使用编译器打开，建议使用Visual Studio Code打开。
• 找到这部分代码（即theme）将冒号后面的内容改为刚刚新建的yilia。
• hexo clean 清除数据库之类；
• hexo g 生成静态网站；
• hexo d 将现在的文件部署到git中。这样就实现了主题的更改。

以上是个人博客网站的搭建流程，希望能对大家有所帮助！