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

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

苏南大叔:如何安装基于nodejs的博客系统hexo? - hexo-install
如何安装基于nodejs的博客系统hexo?(图10-1)

本文中,苏南大叔给大家详细介绍一下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进行安装。两者任选其一即可。

使用npm安装的方法:

npm install hexo-cli -g

使用yarn安装的方法:

yarn global add hexo-cli

苏南大叔:如何安装基于nodejs的博客系统hexo? - hexo_cli
如何安装基于nodejs的博客系统hexo?(图10-2)

hexo初始化

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

hexo init

苏南大叔:如何安装基于nodejs的博客系统hexo? - hexo_init
如何安装基于nodejs的博客系统hexo?(图10-3)

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

hexo init <project_name>

苏南大叔:如何安装基于nodejs的博客系统hexo? - hexo_init_blog
如何安装基于nodejs的博客系统hexo?(图10-4)

本机运行看效果

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

hexo server

苏南大叔:如何安装基于nodejs的博客系统hexo? - hexo_server
如何安装基于nodejs的博客系统hexo?(图10-5)

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

hexo server -p 4001

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

苏南大叔:如何安装基于nodejs的博客系统hexo? - 003
如何安装基于nodejs的博客系统hexo?(图10-6)

写一篇新的博客

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

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

hexo new <page_name>

苏南大叔:如何安装基于nodejs的博客系统hexo? - hexo_new
如何安装基于nodejs的博客系统hexo?(图10-7)

苏南大叔:如何安装基于nodejs的博客系统hexo? - hexo_new2
如何安装基于nodejs的博客系统hexo?(图10-8)

苏南大叔:如何安装基于nodejs的博客系统hexo? - 005
如何安装基于nodejs的博客系统hexo?(图10-9)

生成静态页面

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

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

hexo g

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

苏南大叔:如何安装基于nodejs的博客系统hexo? - hexo_g
如何安装基于nodejs的博客系统hexo?(图10-10)

博客发布

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

小结

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

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

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

 【福利】 腾讯云最新爆款活动!1核2G云服务器首年50元!

 【源码】本文代码片段及相关软件,请点此获取更多信息

 【绝密】秘籍文章入口,仅传授于有缘之人   js    node