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

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进行安装。两者任选其一即可。

使用npm安装的方法:

npm install hexo-cli -g

使用yarn安装的方法:

yarn global add hexo-cli

基于nodejs,如何安装博客系统hexo? - hexo_cli
基于nodejs,如何安装博客系统hexo?(图9-1)

hexo初始化

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

hexo init

基于nodejs,如何安装博客系统hexo? - hexo_init
基于nodejs,如何安装博客系统hexo?(图9-2)

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

hexo init <project_name>

基于nodejs,如何安装博客系统hexo? - hexo_init_blog
基于nodejs,如何安装博客系统hexo?(图9-3)

本机运行看效果

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

hexo server

基于nodejs,如何安装博客系统hexo? - hexo_server
基于nodejs,如何安装博客系统hexo?(图9-4)

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

hexo server -p 4001

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

基于nodejs,如何安装博客系统hexo? - 003
基于nodejs,如何安装博客系统hexo?(图9-5)

写一篇新的博客

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

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

hexo new <page_name>

基于nodejs,如何安装博客系统hexo? - hexo_new
基于nodejs,如何安装博客系统hexo?(图9-6)

基于nodejs,如何安装博客系统hexo? - hexo_new2
基于nodejs,如何安装博客系统hexo?(图9-7)

基于nodejs,如何安装博客系统hexo? - 005
基于nodejs,如何安装博客系统hexo?(图9-8)

生成静态页面

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

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

hexo g

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

基于nodejs,如何安装博客系统hexo? - hexo_g
基于nodejs,如何安装博客系统hexo?(图9-9)

博客发布

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

小结

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

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

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

本站的忠实读者小伙伴,正在阅读下面这些文章:

欢迎转载传播本篇原创文章,转载请保留链接及作者信息。
欢迎指正文字或逻辑错误,将会择优在文末列出您的信息。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

苏南大叔需要你的支持

感谢您的打赏,让我更有动力,将更多精彩教程文章,呈现给大家!谢谢!