效果预览:https://www.example.com

准备工具:

  1. Windows电脑。
  2. 账号(建议先在网站注册一个账号)。

搭建博客软件准备(一)GitHub
https://github.com/
参考网址:

  • Git安装指南:https://git-scm.com/
  • SSH Key生成与添加:http://www.xanfengge.com/sing-ssh-key-link-github.html()

Node.js
https://nodejs.org/en/

安装过程:

  1. Node安装:按照网站上的提示逐步操作,很简单。
  2. Git安装:按照网上的方法进行安装。

安装Hexo

下面出现的检测全部是在Git中进行的。

——检测Node安装是否成功:

node -v (返回版本号)
npm -v (返回版本号)

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

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

建立仓库(repository)

例:example.com

在博客目录下安装一个hexo部署插件

cnpm install --save hexo-deployer-git

找到博客文件中的_config.yml文件,使用编译器打开,建议使用Visual Studio Code打开。注:Visual Studio Code的好处有:

  1. 支持的语言种类多。
  2. 视图简洁。
  3. 插件种类多。

找到这部分代码,(原始的是没有repo和branch的,而且type后面也没有东西)对这段代码进行更改:

  • type一个名字,建议写成git方便识别。
  • repository仓库地址:将刚刚新建的GitHub仓库地址复制到这里就可以了。
  • branch分支这里设置管理员master。

更改以后进行保存。

然后再Git里面输入hexo d将本地文件部署到GitHub新建的仓库中。

——然后通过访问https://+自己的仓库名就可以访问部署到GitHub上的blog了(例:https://example.com)

进一步深化操作过程(更换博客的主题)

这里以Next主题为例进行更换。

首先下载Next主题:

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

克隆地址)(克隆之后的本地位置)找到Blog文件中的_config.yml文件,使用编译器打开,建议使用Visual Studio Code打开。

找到这部分代码(即theme)将冒号后面的内容改为刚刚新建的next。

——hexo clean 清除数据库之类

hexo g 生成静态网站

hexo d 将现在的文件部署到GitHub中这样就实现了主题的更改。