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

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

今天的主角是: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/​

运行截图:

初始化项目 【Hexo实战】快速、简洁且高效的博客框架--hexo_node.js启动项目 【Hexo实战】快速、简洁且高效的博客框架--hexo_java_02运行结果 

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

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

例如:


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

林老师带你学编程:​​http://www.wolzq.com​