效果预览

想要展示自己的作品或知识，一个精美的个人博客是必不可少的。现在，只需简单几步，你就可以免费创建属于自己的个人网站！

准备：

1. 一台Windows电脑。
2. 一个GitHub账号。
3. 安装Hexo框架搭建Blog软件。

参考网址：

• Hexo官方文档：https://hexo.io/
• Git安装教程：https://git-scm.com/
• SSH Key配置教程：http://xfan.top/2017/06/sing-ssh-key-link-githb-photo-tor/

安装过程：

（1）Node.js安装

按照以下步骤依次点击即可，安装过程很简单：

npm install -g hexo-cli

（2）Git安装

按照网上的安装方式进行安装就可以了。

安装Hexo（下面出现的检测全部是在git中进行的）

检测node安装是否成功

node -v  # 返回版本号
npm -v   # 返回版本号

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

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

建立一个仓库（repository）

在浏览器中打开GitHub官网：https://github.com/

注册并登录后，创建一个新的仓库名为 用户名.github.io （例如：hansonpang99.github.io）

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

cnpm install --save hexo-deployer-git

配置文件修改

进入Hexo博客根目录，找到 _config.yml 文件，使用编译器打开（建议使用VSCode），找到以下代码段进行配置：

deploy:
  type: git
  repository: https://github.com/用户名/用户名.github.io.git # 将用户名和仓库名替换为你的GitHub账号
  branch: master

部署到GitHub

完成以上步骤后，在博客根目录下打开命令行窗口，分别执行以下命令：

hexo g  # 生成静态文件
hexo d   # 部署到远程仓库

现在，通过访问 https://用户名.github.io 就可以访问部署到GitHub上的Blog了（例如：https://hansonpang99.github.io）

进一步深化操作过程

更换Blog的主题

以Next主题为例进行更换：

1. 下载Next主题：

   git clone https://github.com/theme-next/hexo-theme-next themes/next
   

2. 进入博客根目录，找到 _config.yml 文件，使用编译器打开（建议使用VSCode），找到以下代码段进行修改：

theme: next  # 将之前的 theme: landscape 修改为 next

3. 在博文的根目录下执行以下命令重新生成并部署网站：

hexo clean
hexo generate
hexo deploy

现在，你的个人博客就已经换上了新的主题！