使用Hexo(icarus主题)搭建并发布个人博客网站

上一篇博客已经介绍如何购买和配置服务器、以及购买域名后的后续工作。那么这里我就结合Hexo发布一个个人博客网站。

简介

Hexo是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。中文官网
有点像平时我们制作PPT时找的模板，我们只需找到自己喜欢的主题，后期修改主题中的配置即可。我就长话短说开始了。

1、Git安装

首先进入Git - Downloads页面，Windows系统就选Windows，其他系统选其他。安装过程很简单，尽量别安装到C盘，都懂。

测试安装是否成功：
1、鼠标右击出现Git GUI Here和Git Bash Here选项。
或者
2、命令提示符输入git --version，如果对应有版本说明安装成功。like this：

注意：Git安装完成之后我们需要注册GitHub账号，后续需要。接着创建仓库，仓库命名格式为：自己的用户名+.github.io，

2、Node.js安装

下载 | Node.js 中文网，自己选择对应系统

安装包下载完成之后双击下载，无脑下载，需注意的还是不要下载到了C盘。
确认Node.js安装成功：

• cmd输入命令node -v，打印出版本号即可。
• cmd输入命令npm -v，打印出版本号即可。

3、Hexo安装

这里我先在D盘创建了一个Hexo文件夹，cd进入Hexo文件夹：

输入命令：

npm install -g hexo-cli

查看版本hexo -v，有则说明安装成功。

3.1、初始化Hexo

输入hexo init myblog,"myblog"可自定义。
接着cd myblog，进入myblog文件夹后输入npm install。
我的结果如下：

_config.yml是网站配置文件
themes主题文件夹，存放主题，以后我们下载的主题都在这个文件下。
进入themes文件夹后有个landscape文件，就是Hexo的默认主题，
其文件夹下也有个_config.yml文件，我们叫它主题配置文件。网站配置文件和主题配置文件别混淆。
其他文件详情信息可查看官方文档
输入hexo -server或者hexo -s运行Hexo，如果想停止，CTRL+C即可。

3.2、部署

首先打开网站配置文件_config.yml并修改：

deploy:
  type: git
  repo: https://github.com/Desiy-sudo/Desiy-sudo.github.io.git
  branch: master

上面的两处Desiy-sudo修改为自己的GitHub用户名；
部署之前预先生成静态文件hexo -generate或者hexo -g运行完成之后会在myblog文件夹下生成public文件。
接着安装hexo-deployer-git输入npm install hexo-deployer-git --save；
最后输入hexo -deploy或者hexo -d部署到刚刚在GitHub上创建仓库里。
上面的工作完成之后你就可以直接在浏览器输入你的 xxx.github.io 就可以访问啦！但别忘了运行hexo -server或者hexo-s。
但是完成到这里还是没有将网页发布到个人域名下的网站中，耐心点；

4、Hexo更换主题

这里贴上个人简单完成的个人博客网站：再小的帆也能远航
进入Themes | Hexo挑选自己喜欢主题。我用的是icarus主题。接下来就是下载了，一般情况就是进入作者的GitHub，按照步骤将主题下载到自己的themes文件夹下。
我们进入myblog文件夹下：打开终端输入（icarus主题）

下载完成之后打开themes文件夹，会出现一个icarus文件，也就是我们下载好的主题。接着打开网站配置文件，将theme设置为icarus

看看效果（先hexo g再hexo s）：

4.1、更改语言

首先我们要将英语改为中文；icarus主题也自带许多语言

我们在网站配置文件中，将en改为zh-CN

如果出现乱码，我们需要将网站配置文件另存为UTF-8格式

4.2、更改logo、favicon、个人信息

首先我们将logo、favicon放到icarus下source下的img中。打开主题配置文件，修改以下部分，注意:后面有一个空格。

GitHub、Facebook图标可以在这里搜索获取并在相应位置更改。

4.3、写文章、并显示文章主图

在myblog文件下打开CMD输入hexo new "文字名字"，这里我简单写一个hello。可以看到生成的hello具体的位置，打开hello。


如何实现以下的效果呢？命令提示符先输入hexo g，让hello在myblog下的public中。


找到index.html，在它所在文件下放入自己喜欢的缩率图；修改hello.md

修改完成后再次hexo g，最后运行看效果。

其他更改

具体其他更改就需要符合自己的口味，上面我发布了我自己的搭建的个人网站，如果您是按照我的那个标准的话，可以在评论区留下问题。每次修改完成，都可使用hexo -s，刷新网页查看效果。网上有许多更改主题配置的文章，感兴趣的可以去试试。

5、发布网站

上篇博客也已经介绍过如何发布网站，这里我就直接上操作了；
我们将public下的所有文件考到宝塔对应文件下：

这样个人博客网站就大功告成了。在网址栏中输入自己的域名即可。