专栏首页面向人生编程一款被大厂选用的 Hexo 博客主题

一款被大厂选用的 Hexo 博客主题

首先这是一篇自吹自擂的文章,主题是由多位非前端程序员共同开发,目前经过一年半的迭代已经到达 v1.8.0 版本,并且获得大量认可,甚至某大厂员工已经选用作为内部博客,因此我决定写这篇文章向更多人安利它。

什么是 Hexo ?

Hexo 是一个快速、简洁且高效的博客框架,基于 Node.js 开发。Hexo 使用 Markdown 解析文章,并生成静态页面,非常便于静态部署和加载,许多人把页面存在 GitHub Pages 或 OSS 上,连服务器都省了。

Hexo 开发社区也非常活跃,贡献了有 300 多款可选插件,实现了包括自动部署、自动提交搜索引擎、自动提交图床等大量自动化功能。

关于 Hexo 主题

由于 Hexo 框架非常轻量,只包含静态页面的生成,以及文章的分类页,甚至没有后台管理,但简约的框架总能激发开发者们的开发欲望,于是大量形态各异的主题诞生了,目前官方收录了 300 多款主题。

其中比较老牌并且用户量最多的是 Next 主题,你就算不知道这个名字,也一定见过它的样式,如下图:

不要小看这黑白外表,这款主题已经迭代到 7.7 版本,前后两位大佬负责开发维护,现在的维护者 stevenjoezhang 已经贡献了 13 万行代码!

所以主题看上去只是换皮肤,但自由发挥起来也是撸码无底洞。

我们也开发了主题

虽然目前已经有诸如 Next 这种老牌且功能强大的主题,但主题最主要的仍然是外观和页面交互。我个人是偏爱 Material Design 有层次的风格,Next 这种黑白极简的平面样式有点不对我味口。

于是一款名为「Fluid」的 Hexo 主题诞生了(原名为「Material-T」),这是由我与项目原作者 @Rook1e 两位前端苦手共同开发的主题项目。

以下是我们主题的首页截图:

再来一张文章页面的截图:

最新版本具有的功能特性:

•图片懒加载•自定义代码高亮方案•内置多语言•支持多款评论插件•支持使用数据文件存放配置•自定义静态资源 CDN•无比详实的用户文档•内置文章搜索•页脚备案信息•网页访问统计•支持 LaTeX 数学公式•支持 mermaid 流程图•音乐播放器

该主题相较于其他主题的优势:

1.优雅的颜值,使用 Material Design 风格突出层次感,但又不失简约,让用户能专注于写作;2.提供大量定制化配置项,使每个用户使用该主题都能具有独特的样式;3.响应式页面,适配手机、平板等设备,包括极端的分辨率都能轻松应对;4.主题中少有的整合了 LaTeX 和 mermaid 的支持

相关链接

GitHub: https://github.com/fluid-dev/hexo-theme-fluid

Preview: https://hexo.fluid-dev.com/

本文分享自微信公众号 - 面向人生编程(LifeOriented),作者:张凯强

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2020-05-02

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 使用hexo+gitpages搭建自己的个人博客(原理详解)

    最近一直想做一个自己的个人博客,其实有很多框架可以用来搭建自己的个人博客,比如django,我最开始就是想到的它,但是看了有一段时间,感觉自己还是没有领悟,同时...

    HUBU生信
  • 搭建一个Hexo博客

    0x00 背景 一直想搭建一个自己的博客,之前在Aliyun虚拟主机上搭了一个WordPress+MySQL的个人博客。后来维护成本太大,主机和域名都没有续费被...

    WeaponX
  • 【12】2小时还你一个集打赏、评论、RSS功能于一身的个人博客

    几个月前,写过几篇关于Hexo博客搭建的教程,最近几天,发现有很多读者私信我一些Hexo搭建过程中遇到的问题,重新燃起了我对Hexo博客的兴趣,于是花了一两天的...

    代码咖啡
  • Github + hexo matery 主题搭建免费博客

    别人吐槽我现有的博客就是远古的博客,页面太low!另外一个原因是博客的内容是存储在数据库中,前段时间我的数据库被黑了,博客的内容全没了!基于这两个原因我在思考重...

    不安分的猿人
  • 从零开始搭建一个炫酷免费的个人博客

    前段时间摸索了一波如何搭建一个免费的个人网站,同时发在朋友圈献丑了一波,对于大佬们来说是雕虫小技,但是对于爱学习的小伙伴很好奇,到底是怎么搞的。因为很多人都搞过...

    AI算法与图像处理
  • 使用 Hexo + Gitee 快速搭建属于自己的博客

    程序员总会有一些技术文章的输出总结,很多人会选择各大第三方博客平台,但某些第三方博客平台的 UI 简直惨不忍睹,广告巨多,且对 md 格式支持得不够好等等,基于...

    张乘辉
  • 说说 Hexo 静态博客框架

    今天给大家最近蛮火的 Hexo 静态博客框架,熟悉明月的都知道明月最近几天一直都在折腾研究 Hexo 静态博客框架的博客站——『明月登楼 Hexo 博客』(he...

    明月云服务
  • 拿什么记录下这魔幻又真实的一年

    当这一年还剩下最后不到一个星期,我们试图将阳光、洪水、暴乱、疫情、蝗灾、山火、贫困拼接成一幅游牧的画卷。虽然这些碎片并不能构成一幅完整的地图。

    云存储
  • Linux下使用 github+hexo 搭建个人博客05-next主题接入评论系统 来必力畅言Valine获取 livere_uid在Next主题配置浏览器访问数据

    而评论系统是最常用于和网站用户交流的,因此本章讲解在 next 主题,如何接入评论系统。

    踏歌行

扫码关注云+社区

领取腾讯云代金券