首先这是一篇自吹自擂的文章,主题是由多位非前端程序员共同开发,目前经过一年半的迭代已经到达 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/

怎么把网页源码家入hexo博客_一款被大厂选用的 Hexo 博客主题相关推荐

  1. hexo没有样式_一款被大厂选用的 Hexo 博客主题

    什么是 Hexo ? Hexo 是一个快速.简洁且高效的博客框架,基于 Node.js 开发.Hexo 使用 Markdown 解析文章,并生成静态页面,非常便于静态部署和加载,许多人把页面存在 Gi ...

  2. 怎么把网页源码家入hexo博客_从零开始搭建个人博客(超详细)

    搭建一个个人博客需要什么呢? 唯一需要的就是耐心.坚持,你需要在遇到问题时自己去网上查找答案,有时候一个问题就要查半天,最后还有可能没解决,但是当问题解决时的满足感令人愉悦. 我是利用GitHub+H ...

  3. python 爬虫源代码-Python爬虫学习之获取指定网页源码

    本文实例为大家分享了Python获取指定网页源码的具体代码,供大家参考,具体内容如下 1.任务简介 前段时间一直在学习Python基础知识,故未更新博客,近段时间学习了一些关于爬虫的知识,我会分为多篇 ...

  4. Mac OS使用技巧十九:Safari碉堡功能之二查看网页源码

         因为大三下的时候选修了搜索技术,了解了网络上搜索引擎和网络爬虫的信息扒取的一些东西,后来我们做了一个比较水的东西,就是只扒取了几家较大的下载网站几十个软件的评分下载量等信息,当用户输入一个程 ...

  5. 仿天猫商城html网页源码

    文章目录 1.下载解压后的结构 2.首页(index.html) 2.1.首页-轮播图 2.2.首页-品牌推荐 2.3.首页-美丽人生 2.4.首页-潮流酷玩 2.5.首页-居家生活 2.6.首页-打 ...

  6. 网页解析:如何获得网页源码中嵌套的标签。

    一:前言:网页源码中有很多嵌套的标签 例如div标签嵌套如:bUTP<DIV>finally<div>aurora</div>@126.com</div> ...

  7. python爬网页源码_python爬虫爬取网页的内容和网页源码不同?

    可以看到这里id为k_total的元素值不同,爬出来是1,网页源码是55. 附还未完成的代码:import requests from bs4 import BeautifulSoup import ...

  8. PHP 通过fsockopen函数获取远程网页源码

    最新PHP 通过fsockopen函数获取远程网页源码 以下是三零网为大家整理的最新PHP 通过fsockopen函数获取远程网页源码的文章,希望大家能够喜欢! 通过该函数可以获取指定端口的页面源码, ...

  9. eclipse if代码折叠_仅需一页Java代码就能实现网页源码爬取

    作者|小鱼儿. yanxiao|CSDN Java代码基于Eclipse简单实现网页源码爬取 今天给大家分享我的最新java学习进程--java网页源码爬虫,废话不多说盘代码. 仅需一页代码: pac ...

最新文章

  1. 管理“95后”,切记这3点
  2. 多视图几何三维重建实战系列之R-MVSNet
  3. 话里话外:信息资源整合失败之痛(二)
  4. pytorch CrossEntropyLoss测试
  5. 为什么是get()和set()方法?
  6. 面试前必看:Redis 和 Memcached 的区别
  7. row height
  8. head.s 分析——Linux-0.11 学习笔记(三)
  9. 前端学习(2968):完善登录页面
  10. Linux操作系统的软件安装方法 — IT…
  11. Javascript第三章循环最后一种方法for..in与for区别第二课
  12. Golang让协程交替输出
  13. 计算机基础知识会议记录,电脑上会议记录怎么写?
  14. Qt6安装教程——国内源
  15. 干货! IT项目管理过程详解(资料下载)
  16. 组装台式计算机配置清单,组装台式机清单配置,组装台式机详细清单
  17. 淘客返利机器人,淘宝,拼多多,京东三合一查券返利机器人搭建教程
  18. 服务器不能用pe安装win7系统安装,使用PE安装win7系统失败了怎么办
  19. 从“万金油”到“一招先”
  20. JavaScript模块化功能使用总结

热门文章

  1. webservice restful类型接口的调用实例
  2. Lombok pojo类小神器
  3. [转载] 七龙珠第一部——第121话 悟空最大的危机
  4. Virtual Machine Manager 2008 2008 R2系列之安装部署
  5. 开始一瓢凉水浇顶,然后慢慢的感觉良好。
  6. DTMF--VAD 项目分析
  7. UVA 10910 Marks Distribution(组合数学 或 递推)
  8. NYOJ 61 传纸条(一)
  9. Python数据可视化之Matplotlib实现各种图表
  10. 如何创建一个新浪微博应用以及获得Access token