背景我们看到hexo的源码中有一个render模块，这个模块的作用是什么呢？我们先来看看它的文档。 英文文档https://hexo.io/api/renderer 中文文档https://hexo.io/zh-cn/api/rendering 用途hexo框架中有很多类似 .ejs, .yml, .styl 这样的文件，然后在框架中或者扩展中想要把这些文件做一个转换: 123hexo....

背景hexo里面有一个插件机制，它能让我们扩展hexo的能力，那么它的实现原理是怎么样的呢？本文会写一下hexo里面是如何实现的，这样在后续我们自己的框架开发中，也能借鉴一下。 hexo插件的官方文档地址: hexo的插件文档https://hexo.io/docs/plugins.html 实现原理猜想如果我们不考虑hexo是如何实现的，那我们会怎么实现？ 首先想到的是读取当前项目的pa...

背景目前我的博客站点由于原来没怎么经营导致sitemap.xml没有生成，所以需要自己实现一个sitemap功能。然后目前的博客采用hexo进行搭建，所以需要在hexo的基础上进行开发。 实现首先最简单的方式是查询一个hexo的sitemap的文章。 由于对hexo源码还算相对熟悉，那不去查询别人实现的sitemap，先自己来实现一个，想到的是直接利用hexo的generate扩展功能，返回...

背景我们再开发hexo主题的时候，用ejs等其他模版来开发。但在hexo的文章中，如果想要自定义一些插件，比如下面这样的一个小组件，就需要使用hexo的extends扩展开发了。 文章中上面的语法是: 1{% copy npm install @fedfans/stone -g left: true %} 然后目前是通过 hexo 官方文档里面的扩展Extensio...

1. 介绍做一个类似gdb的命令行工具，来检测我们线上运行的代码是否有问题。 或者说类似一个redis-cli这样的工具。 123456root@2c26dcffcd18:/data# redis-cli127.0.0.1:6379> keys (error) ERR wrong number of arguments for 'keys' command127.0...

那些不适应的人将不复存在。 曾几何时，在一个与我们相差无几的世界里，手工制作的服装是常态。 技艺精湛的工匠会花费无数时间来制作精美的服装，每件服装都独一无二且精心制作。 但是随着技术的进步，发明了可以以更快的速度和更低的成本生产服装的机器。 起初，许多人对这种新的机制服装持怀疑态度。 “哦——新衣服缺乏手工制作的质量和美感。” “机制衣服烂透了！” “它不可能取代我们。” 然而，随着时间...

工作一阵子后，例如低代码搭建虽然进步了很多，但是很多思想跟当年的Dreamweaver相通。另外比如很多站点还是使用wordpress，以为是比较旧的技术了，实际还是应用广泛。现在很多同学，都在追求新的东西，而忽略了这些经典东西里面的价值，思考和掌握背后价值部分是我们需要加强的，而不是追求新技术。

通过媒体查询，prefers-color-scheme: dark进行配置 1234567891011121314:root{ --background: #fff; --dark-background: #222;}body{ background: var(--background);}@media (prefers-color-scheme...

这篇文章介绍一个chrome插件：Wappalyzer，通过这个插件能辅助我们查看访问网站用到的技术。 安装地址： chrome市场https://chrome.google.com/webstore/detail/wappalyzer-technology-pro/gppongmhjkpfnbhagpmjfkannfbllamg 我们可以看到这个chrome插件已经有200万+的用户了：...

简介2022年，在国外前端圈，astro非常火爆。本篇文章写一下astro，这个我用下来，嗯，确实不错的framework。一方面可以做SSR，另外也可以做SSG。并且它有个island思想。用下来非常适合自己，比如我可以把它构建成node的 middleware，集成到自己现有的系统去，也可以搞成单独的node应用，另外我也可以用github ci这种弄ssg，部署到vercel这样的托管...