如何安装基于nodejs的博客系统hexo？

我们相信：世界是美好的，你是我也是。平行空间的世界里面，不同版本的生活也在继续...

nodejs时代的到来，带来了很多新鲜的空气。本次苏南大叔给大家介绍的是：hexo博客系统，这个博客系统的安装和使用，与以往大家所熟悉的wordpress，或者是typecho之类的博客系统，有些非常大的区别。所以，可能以往的经验值在hexo系统这边就完全用不上了。

本文中，苏南大叔给大家详细介绍一下hexo的安装及使用。有关hexo的部署的内容，将新开一篇文章进行阐述说明。

hexo描述

hexo的安装和使用，必须有nodejs环境。而部署浏览则完全不需要nodejs的存在。这是因为hexo是生成的静态页面，（换句话说，就是我们所熟悉的评论或者文章计数，或者是用户登录之类的功能，都是不支持的。当然，也没有后台管理界面。）

当然了，如果你真的需要那些动态功能，也可以通过外挂插件的形式来完成这些内容。目前来说，我们就把hexo理解为一个按照特定规则生成特定格式的静态页面博客系统，就可以了。其实，hexo生成的博客，和我们通常意义上的博客，还是有一定差距的。

第一步，准备nodejs本机环境

需要nodejs的环境，没有安装的同学，请移步到nodejs官网，https://nodejs.org/en/ 。这个nodejs环境是放置在你本机的，并非是服务器上。请一定要认清这个概念。

第二步，本地安装hexo-cli

安装好nodejs之后，我们需要利用npm命令来安装hexo-cli这个包。可以点击这里，查看由npm中文网带来的相关详细说明。https://npm.js.cn/package/hexo-cli 。当然，这里你也可以使用yarn进行安装。两者任选其一即可。

• yarn和npm的关系对比： https://newsn.net/say/yarn-vs-npm.html 。

使用npm安装的方法：

npm install hexo-cli -g

使用yarn安装的方法：

yarn global add hexo-cli

hexo初始化

cd到你的目标文件夹（hexo）里面，输入命令初始化目录即可。后面不跟着任何文件夹名称，这样的话，就会在当前的根目录下面建立起相关结构。

hexo init

敲hexo init blog命令，我们将会在当前目录下，看到生成了一个新的blog目录。当然，这里的blog目录名称，你可以换成其它你喜欢的名字。

hexo init <project_name>

本机运行看效果

cd到blog目录，（注意，以后这里就是工作目录了。所有的hexo命令都必须在这个目录下面敲，才行）。敲入hexo server 命令，就可以看到我们的hexo的初面目了。

hexo server

根据提示，你需要访问的地址是 127.0.0.1:4000 ，当然，这个4000端口你不喜欢的话，还可以通过-p命令换成其他的。

hexo server -p 4001

注意，对于最终的网站部署目的来说，这步并不是必须的。这里仅仅是提供一个本地调试的环境而已。这条命令，仅用于本地调试看效果，除了生成新文章外，如果修改了模板的话，也需要重新执行这个命令才会生效。

写一篇新的博客

新开一个命令行，执行hexo new test2 ,这样就生成了一个新的名为test2的博客文章。

这个文章其实是在source/_posts文件夹下面生成了个test2.md文件。你需要利用你的markdown软件来修改这个.md文件的主体内容。保存完成后，就可以刷新页面看效果了。

• mac系统markdown写作软件推荐：https://newsn.net/say/mac-markdown.html 。

hexo new <page_name>

生成静态页面

生成html静态页面，当然，如果你选择，不生成静态页面。而直接用nginx做代理的话，80端口转4000端口的话，也是可以的。或者，你直接在hexo server这一步，指定端口号80，也行。不过，这些操作都是不符合hexo的角色定位的。hexo的定位就是html静态页面博客。

所以，您需要下面这条命令，生成静态html文件，然后仅仅发布这些静态文件即可。

hexo g

执行完毕后，就会在你的工作目录下面，生成一个public文件夹。里面的所有东西，就是你所需要的html静态页面了。只有这个html文件夹里面的东西，才是最终需要发布的文件，其他的文件，对于发布这件事情来说，是并不需要的。

博客发布

你就可以把public文件夹下面的文件，复制到你的nginx或者apache或者tomcat等任何服务器软件的www下面，就可以对外公布你的地址了。以后，就是不断的重复hexo new <name>和hexo g的过程了。当然了，你肯定会觉得这样操作很麻烦，我们在接下来的文章中，将会对这一步深入讲解。

小结

苏南大叔给大家带来的hexo基础教程，就这些内容了。整体来说，这个hexo博客系统，是那么的另类和与众不同，大家是不是也是这个感觉呢？

进阶使用相关文章，请继续关注苏南大叔的hexo相关文章内容即可。https://newsn.net/tag/hexo/ 。更多hexo相关内容，大家可以访问hexo中文网（ http://hexo.org.cn ）来获得。

如果本文对您有帮助，或者节约了您的时间，欢迎打赏瓶饮料，建立下友谊关系。
本博客不欢迎：各种镜像采集行为。请尊重原创文章内容，转载请保留作者链接。