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

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

今天的主角是:hexo,那什么是 Hexo?

image

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

安装 Hexo

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

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

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

1
$ npm install -g hexo-cli

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

创建hexo项目

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

1
2
3
4
hexo init blog
cd blog
npm install
hexo server

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

运行截图:

初始化项目
image
启动项目
image
运行结果
image

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

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

例如:

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

林老师带你学编程https://wolzq.com

林老师带你学编程 wechat
欢迎您扫一扫上面的微信公众号,订阅我的博客!