【开源博客】三个步骤学会Hexo快速生成精美博客！_直接把hexo生成的public文件夹做博客

下面是站点信息：py4ever开源站

它就是基于hexo来生成的，当然做了一些定制。

这次，学委会一步一步的指导大家建立一个博客站。

什么是hexo

hexo 是一款博客生成工具，它基于Markdown语法的博客生成。

hexo它也发行了基于NodeJS的cli库（命令行工具），在npm上面可以查找到，下面进入安装。

可以简单理解，它就是一个博客网站工厂，专门生成博客网站的， 但是需要安照它的方式。

下面学习hexo生成博客的步骤。

安装

全局安装，把hexo命令添加到运行环境的PATH变量上，这样随处可用。

npm install -g hexo-cli

通常我们安装完一个库，马上就查看版本/或者查看帮助，确保安装正常

hexo -v

第一步 生成站点项目

运行下面的命令创建博客项目：

hexo init

该命令会快速的生成博客模版文件。

我们这里来看这个站点就是一个标准的NodeJS项目。

如下图，文件很多，重点是package.json，它复制管理项目的其他依赖工具库。

然后就是themes，这是博客的主题风格，也就是整体样式，布局方面的。就像音乐的中国风，R&B之类的，它限制了整首歌的曲调，对我们博客来说就是整个观感，整体的排版。

然后就是scaffolds：比较简单，就是创建分类/文章等的模板，可以修改的。

关于这个NodeJS项目更多信息可以补充学习：雷学委之NodeJS爱好系列， 我们继续博客页面的编辑。

修改站点信息

如下，我们把title先修改了：

还有其他细节操作，我们先生成站点。

第二步 生成站点网页

预览站点之前需要先生成网站的页面，这里使用下面的命令

hexo generate #或者hexo g

该命令帮我们把网站从md文件模版生成为html文件，可以看到项目目录内有一个public目录：

这个就是最终博客网站会显示的html文件了，懂html的朋友都知道，这里所见即所得，你在html放什么文字颜色块，浏览器就相应的显示出来。

第三步 预览网站

我们继续使用默认主题，运行下面的命令，先看修改后的网站效果。

hexo server

运行效果如下：

我们可以打开浏览器查看：

hexo 工具启动了一个服务器，渲染了我们刚刚生成的博客站点，非常方便。

同时，博客自带了一篇博客文章“Hello World”， 这是hexo默认生成的。

最后

🍅 硬核资料：关注即可领取PPT模板、简历模板、行业经典书籍PDF。
🍅 技术互助：技术群大佬指点迷津，你的问题可能不是问题，求资源在群里喊一声。
🍅 面试题库：由技术群里的小伙伴们共同投稿，热乎的大厂面试真题，持续更新中。
🍅 知识体系：含编程语言、算法、大数据生态圈组件（Mysql、Hive、Spark、Flink）、数据仓库、Python、前端等等。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里无偿获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！