Windows系统下用Hexo框架搭建个人博客及远端部署到Git

1、安装Git for Windows

下载页面https://github.com/waylau/git-for-win//记得在安装过程中选中add to path加入到path环境变量中去。

2、安装Nodejs

下载页面：https://nodejs.org/en/
以上两步执行完之后在命令行输入 node --version 和 npm --version 来验证是否已经成功安装

3、安装cnpm

（这是一个淘宝的源，可以让后面下载Hexo的时候速度飞升。）
命令行输入

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

之后按回车（-g的意思是全局安装，安装完了，不管在哪一个路径下面都可以调用相关的命令。）/*同样可以在命令行输入

cnpm --version来验证是否安装成功*/

4、安装Hexo。

命令行输入

cnpm install -g hexo-cli

之后按回车。
同样，安装完成之后，执行

hexo --version

来验证是否安装成功。

5、切换到非系统盘

命令行输入

D:

（这一步可省略，我只是单纯的不想我的C盘多出一些乱七八糟的文件占了空间。）

6、在当前目录下创建新的文件夹

在命令行中输入

mkdir blog

• 新建一个名为blog的文件夹。

7、在blog目录下初始化Hexo

在命令行中输入

cd blog

进到文件夹的目录下，再执行

hexo init

初始化Hexo。

• 这一步执行完可能要花点时间等待一下，并且你会发现，新建的blog文件夹中多了文件夹和文件。并且，忽略命令行出现的warning。

8、本地预览博客

命令行执行

hexo s

或者

hexo server

之后终端当中会显示在localhost:4000 可以访问博客。打开网页浏览器，在网址栏输入localhost:4000来进行博客的本地预览。在终端中按 ctrl+C ,提示

终止批处理操作吗<Y/N>？

输入

y

之后回车

• 这样就关闭了在本地进行的博客预览。

9、创建新博文

在初始化博客之后，里面会有篇名为Helloworld的博文。要新建博文，在命令行执行

hexo n "我的第一篇博客文章"

之后，blog目录下会生成一个名为“我的第一篇博客文章”的md（markdown）格式的文件。这个文件可以通过notepad++或者是微软自带的记事本（英文名应该就叫notepad）来进行编辑。注意，要用markdown的语法来编辑内容，markdown的语法很简单，网上教程很多，多学多练，很快就会熟练。在此，我就不再赘述了。（写完之后记得保存）
保存完了之后还要记得执行

hexo g

命令，它会更新博客的配置文件，这样才会生成与你新建的文章相关的文件。

---

完成以上的步骤之后，你已经学会了如何创建一个个人的静态博客，如果没有什么其他的要求的话，那么，这些就已经足够你在本地自娱自乐了。
不过，你也可以将之前建成的博客部署到远端。就可以通过网页来浏览了。
除了需要一个建成的博客之外，你还需要一个github的账号。

1. 在你的GitHub中新建一个库（New repository），将其命名为example.github.io，保存之后备用。这时，https:后面的输入栏中会有一个生成的链接。
   example所指代的就是你的github账号名称
2. 命令行执行

cnpm install --save hexo-deployer-git

-安装远程部署博客的插件-不用在意命令行中显示的warnning。图形桌面打开blog文件夹，用文本编辑器打开里面的名为_config.yml的文件，打开文件之后，滑动鼠标到文件的末尾写有#deployment的地方，在type:后面填上git，再另起一行，写上repo:再加上步骤中gihub上生成的仓库的链接。当然，你也再另起一行，写上branch:master。（代码及文件将会储存在该仓库的主菜单下，此步可省略，因为默认的储存路径就是主菜单。）如下所示：

deply:
type: git
repo: https://github.com/example/example.github.io.git
branch: master

example同样指代上文中的你的GitHub的账号
保存文件。

3. 配置部署到远端的文件之后，在命令行执行

hexo d

进行远端部署。如果这是你第一次远程部署或者你换了新的电脑或重装了系统的话，那么命令行会出现提示

please tell me who you are

还会伴随着两条示例的代码。按照示例的代码填写自己的邮箱和GitHub的昵称,再次执行

hexo d

命令，会弹出一个图形界面的窗口，要你输入你的GitHub的昵称和密码，输入完毕之后呢，稍等片刻，在网页浏览器的地址栏中输入example.github.io即可远程访问你的博客了！
example仍然指代上文中的你的github的账号

---

VScode 中打开终端来部署到远端

关于输入GitHub账号和密码的部分，不知道是不是因为GitHub和VS同为微软旗下的产品，VScode 中打开cmd命令终端的情况下执行

hexo d

命令，需要输入GitHub的命令和密码的时候非常的接近于图形界面。它会直接先后出现两行代码：

Username for 'https://github.com' :

这时候就直接在命令终端输入你的GitHub账号，然后回车；此时命令行会显示另一条提示：

Password for 'https://github.com' :

输入GitHub的密码，就完成的了Git的身份认证。就可以顺利部署到远端了。

Hexo主题设置

除了默认的Hexo主题之外，开源社区还有许许多多各种大佬写的基于Hexo框架的主题，这里以utone主题为例来说一下设置主题的方法。

1. 首先，打开cmd终端，进入博客所在的文件夹

E:

cd blog

再进入主题所在的文件夹

cd themes

再执行以下命令

git clone https://github.com/shixiaohu2206/hexo-theme-utone.git utone

等待克隆完成

2. 找到blog文件夹下的_config.yml配置文件，用文本编辑器打开。找到如下的文字段落：

Extensions
Plugins: https://hexo.io/plugins/
Themes: https://hexo.io/themes/
theme: landscape

把其中的landscape改为utone之后保存一下文件。

3. 再更新一下。注意，这时候要再退回到blog文件夹下执行更新的命令。
   首先，退回到blog目录下

cd ../

再执行更新命令

hexo g

更新完了之后，再执行

hexo s

在本地预览，这样就完成了博客主题的设置了。当然，这样换了主题还不够，还有很多自定义的东西需要更改，这个下回再说。