【Hexo实战】快速、简洁且高效的博客框架--hexo

Bertha 。 2022-02-19 04:51 183阅读 0赞

今天教大家如何不用写前端代码、后端代码、不用服务器就可以拥有一个自己的博客网站。

想学习**分布式、微服务、JVM、多线程、架构、java、python**的童鞋，千万**不要**扫码，否则后果自负~

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpbnpoaXFpYW5nMDMxNg_size_16_color_FFFFFF_t_70][]

**今天的主角是：hexo，那什么是 Hexo？**

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

**安装 Hexo**

安装 Hexo 相当简单。然而在安装前，您必须检查电脑中是否已安装下列应用程序：

1.  Node.js (Should be at least nodejs 6.9)
2.  Git

如果您的电脑中已经安装上述必备程序，那么恭喜您！接下来只需要使用 npm 即可完成 Hexo 的安装。

$ npm install -g hexo-cli

> 关于如何安装Node.js和Git，大家可自行百度。

**创建hexo项目**

犹如vue-cli（vue脚手架）一样，我们只需仅仅几行代码，就可以生成一个完整html项目了，命令如下：

hexo init blog
    cd blog
    npm install
    hexo server

hexo init blog作用是将github上面的项目clone到本地中来，npm install命令是加载项目所需要的依赖，最后hexo server是用来启动项目的。项目的默认地址是：**[http://127.0.0.1:4000/][http_127.0.0.1_4000]**

**运行截图：**

初始化项目 ![image][]启动项目 ![image][image 1]运行结果 ![image][image 2]

大家体验到hexo的强大了没，甚至不会写代码的人，也可以自己手把手搭建一个自己的网站出来。**官网地址：[https://hexo.io/zh-cn/][https_hexo.io_zh-cn]**

虽然hexo官网资料很全，但是对于没有接触过**hexo**的童鞋，学习起来还是很有难度的，所以接下来我会针对hexo，写一些相关的教程，如果需要的话，后期也可以为录制视频给大家哦。

**例如：**

*  使用Hexo快速、简洁且高效的博客框架
 *  更换NexT主题博客
 *  NexT配置详解
 *  Hexo写作
 *  Hexo配置详解
 *  开启搜索功能
 *  开启网站统计功能
 *  设置百度爬虫
 *  Hexo部署到GitHub

**林老师带你学编程**：[http://www.wolzq.com][http_www.wolzq.com]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpbnpoaXFpYW5nMDMxNg_size_16_color_FFFFFF_t_70]: /images/20220219/0d6d3d078a34453d843864c0ac3bb887.png
[http_127.0.0.1_4000]: http://127.0.0.1:4000/
[image]: /images/20220219/18bd1154d2a94d82af46303f3a60a7ae.png
[image 1]: https://www.wolzq.com/20190415/1002.png?ynotemdtimestamp=1555323713834
[image 2]: https://www.wolzq.com/20190415/1001.png?ynotemdtimestamp=1555323713834
[https_hexo.io_zh-cn]: https://hexo.io/zh-cn/
[http_www.wolzq.com]: http://www.wolzq.com/