繁夜

# 引言 cdn.jsdelivr.net 知名的免费 cdn 服务提供商，在去年年底由于大陆域名备案的问题，国内 cdn 解析异常时常无法连接到服务器 尤其是重度依赖 jsDelivr 的 Shoka 主题，在这种情况下由于资源无法加载完成导致网页卡顿，显示效果异常等一系列问题 于是决定探索资源本地化方案去除对 jsDelivr 的依赖 截止到目前国内的 cdn.jsdelivr.net 的 DNS 污染貌似已经解除了，不过资源本地化还是有很多好处的，记录下过程权当自己的备忘了。 # 资源本地化 # jsDelivr 依赖热点 Shoka 主题用到了不少第三方组件，全部基于...

# 引言 Hexo 资源文件夹 启用后， Markdown 采取相对路径引用图片以便于本地预览 和 Hexo 发布时资源路径重定向冲突。 本文主要解决两者之间的冲突，使得二者能够兼得. # 需求整理 # Hexo 资源文件夹 如果你的 Hexo 项目中只有少量图片，那最简单的方法就是将它们放在 source/images 文件夹中。然后通过类似于  的方法访问它们。 但是这样不利于 维护 也不够 优雅， Hexo 资源文件夹就主要解决了这个痛点，资源（ Asset ）代表 source 文件夹中除了文章以外的所有文件，例如图片、 CSS 、 JS...

# 引言 灵感来源于主题文章 归档 的时间轴效果，用同样时间轴的方式对文章修订记录进行展示 # 实现 时间轴的实现，采用集成到主题的方式，使用文章 Front-matter 记录历史信息，在 Hexo 渲染时，读取信息，解析成时间轴对应的 HTML 文本段 # 时间轴 css 样式 直接 Copy 主题的归档样式。 f12 查看样式，找到主题对应的归档时间轴样式在文件 themes/shoka/source/css/_common/pages/collapse.styl 内。 同级目录 post 下新建一个 historytimeline.styl...

# 引言 多出去看看，见的多了，就知道该折腾啥了～ Demo 地址， Click here! 没错，这是一个闲逛其他博主的博客时，逛出来的一个需求 🤣 最近重启了自己的个人博客，告别了 WordPress 拥抱了 Hexo ，机缘巧合之下用上了 Shoka 主题，在作者的博客扒拉食用指南时，进入了 灵香轩 (Lavender) 的站点，当看到了他主题的标签云时 (比原主题的标签云更得劲儿，效果丰富还显示了标签对应文章数量)，只剩下了四个字，我也想要～ 由于在 Lavender 的站点和网上都没有找到相关教程，于是乎开始了自己的 逆向之旅，再然后就有了这篇文章。 # 逆向工程 F12...

# 引言 Hexo 资源文件夹 启用后，使得文章图片等外挂资源可以按文件夹和文章对应。 Hexo 若正常发布，需要 {% asset_img slug [title] %} 引入图片，或者 [](image file name) ，无法在本地 markdwon 书写时预览 Markdown 若正常预览， 引入图片需要采用 相对路径 ， Hexo 发布时则 图片链接 异常 本文主要解决两者之间的冲突，使得二者能够兼得. # 实现 本地编写仍然采用方便预览的相对路径引入方式， 编写 Hexo 过滤器，在文章渲染结束后，将 img 的 资源路径 进行替换 'use...

这是一篇加密文章，需要密码才能继续阅读。

# 引言 查看 Hexo 生成的博客文件往往会发现其中存在大量的空格与空行，这虽然不影响页面显示，但是无形中会增加页面文件的大小 实际上不止空白，这些由 Hexo 生成的文件中还有很多能够被优化以减小大小的地方，而要提高网站访问速度，减小资源文件的大小一直是最有效的手段之一 (尤其是图片压缩)。 gulp 是一个自动化构建工具，一般用于开发过程中执行一些常见任务，它有很多社区提供的强大插件可供使用，极大的简化了任务处理流程。在这里我们用它来对 Hexo 生成的博客文件进行压缩优化处理。 # gulp 工作流构建 # 环境 本地环境如下 hexo: 6.2.0hexo-cli:...

# 引言 终于又重启博客了，平时开发折腾过程中遇到的一些问题，感觉不错的会发布到博客中。 但是有些文章如果存在隐私内容，或者不打算公开的话，就不能放在博客中了，但是一些文章挂在网页上又可以方便自己查看，于是折腾了下 Hexo 的文章加密 # 调研 以前用 wordpress 的时候，也折腾过类似的需求，由于是 动态网站，所以其实还是比较方便的，这一次使用了 Hexo 这个 静态博客 框架，说实话我都怀疑有没有可行的方案🤣🤣🤣 不过好在还是找到了一个 Hexo 插件 hexo-blog-encrypt 能够实现文章加密的需求 # 插件安装 使用如下命令安装 npm install...

# 引言 Hexo 是一个快速、简洁且高效的博客框架。 Hexo 使用 Markdown （或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。即把用户的 markdown 文件，按照指定的主题解析成静态网页。 简单点说 Hexo 就是一个博客的框架，就好比盖房子需要的框架结构一样，这是博客搭建起来的基础，最后装修好 (各种主题) 就完成了。 # 优劣对比 博客框架基本可以划分为 静态博客 和 动态博客 两个阵营，这儿主要从 静态博客 和 动态博客 的优劣进行对比，其他的基本属于框架本身带来的特性对比，这个到对应官网查看描述自行比对即可 优势 Hexo...

# 引言 题目链接：https://leetcode.com/problems/longest-valid-parentheses/ # 题目大意 给定一个只包含字符 '(' 和 ')' 的字符串，找到最长的有效 (括号配对) 括号子字符串的长度。 Example Input: "(()" Output: 2 Explanation: The longest valid parentheses substring is "()" Input: ")()())" Output:...