小菜鸟

hexo博客显示阅读时间和字数

hexo版本5.0.2 npm版本6.14.7 next版本7.8.0

效果如下

在博客目录下安装npm install hexo-symbols-count-time --save

在_config.yml中加入配置

1
2
3
4
5
6
7

symbols_count_time:
 #文章内是否显示
  symbols: true
  time: true
 # 网页底部是否显示
  total_symbols: true
  total_time: true

Java 加密组件：安全框架的四大核心模块

Java 平台提供了一套完整的加密安全解决方案，通过四个核心组件构建了全面的安全框架，涵盖加密、解密、签名、认证等功能。这些组件相互配合，为 Java 应用提供了可靠的安全保障。

Java 加密组件的四大核心部分

JCA（Java Cryptography Architecture，Java 加密体系结构）

• 定位：Java 安全框架的基础，提供加密服务的架构和规范。
• 核心功能：
  • 定义加密服务的接口标准（如消息摘要、数字签名、密钥生成器）。
  • 提供证书管理、密钥库（KeyStore）操作等基础安全服务。
  • 支持算法的可扩展性（通过 Provider 机制接入第三方加密实现）。
• 主要包：java.security及其子包（如java.security.cert处理证书，java.security.spec定义密钥规范）。
• 典型类：
  • MessageDigest：消息摘要算法（如 MD5、SHA）的实现入口。
  • Signature：数字签名相关操作（签名与验证）。
  • KeyPairGenerator：非对称密钥对生成器。

JCE（Java Cryptography Extension，Java 加密扩展包）

• 定位：JCA 的扩展，提供更丰富的加密算法实现。
• 核心功能：
  • 实现对称加密算法（如 AES、DES、3DES）。
  • 实现非对称加密算法（如 RSA、DSA）。
  • 提供密钥协商、密钥加密等高级功能。
• 主要包：javax.crypto及其子包（如javax.crypto.spec定义加密参数规范）。
• 典型类：
  • Cipher：加密 / 解密的核心类，支持各种加密模式。
  • KeyGenerator：对称密钥生成器。
  • Mac：消息认证码（如 HmacMD5、HmacSHA256）的实现。

hexo使用next主题渲染流程图

hexo版本5.0.2 npm版本6.14.7 next版本7.8.0

next主题的配置文件中搜索找到mermaid，把enable配置改为true

1
2
3
4

mermaid:
  enable: true
  # Available themes: default | dark | forest | neutral
  theme: default

然后在博客下安装hexo-filter-mermaid-diagrams

1

npm install hexo-filter-mermaid-diagrams --save

之后正常编译构建流程图就可以渲染出来了

1

hexo cl && hexo g && hexo s

hexo使用next主题新增RSS

hexo版本5.0.2 npm版本6.14.7 next版本7.8.0

如何让next主题支持RSS呢？看着好像官方没支持，自己加上吧

在next下的_config.yml配置中新增

1
2
3
4
5

sidebar_rss:
  text: RSS
  icon: fa fa-rss
  color: burlywood
  link: atom.xml

找到next/layout/_partials/sidebar/site-overview.swig文件，在社交判断板块下新增以下代码

1
2
3
4
5
6
7
8
9
10

{%- if theme.sidebar_rss %}
  <div class="" >
  <a target="_blank" class="social-link" href="{{ url_for(theme.sidebar_rss.link) }}" style="color: {{ theme.sidebar_rss.color }};">
      <span class="icon">
        <i class="{{ theme.sidebar_rss.icon }}"></i>
      </span>
      <span class="label">{{ theme.sidebar_rss.text }}</span>
    </a>
  </div>
{%- endif %}

在博客目录下安装npm install hexo-generator-feed --save，编译时就会生成atom.xml文件。部署之后效果是这样的，快来试试吧

hexo增加搜索功能

hexo版本5.0.2 npm版本6.14.7 next版本7.8.0

作为一个博客，没有搜索功能，如何在大批文章中找到自己想要的，那在hexo中如何增加搜索功能呢？

1
2
3

search:
  path: search.json
  field: post

在博客目录下安装npm install hexo-generator-search --save，此时使用hexo cl && hexo g就会在博客public目录下生成一个search.json，在使用hexo d部署上去搜索就可以用了

本地搜索弊端

前期还好，后来随着我的文章越来越多，search.json文件已经达到了十几M，每次加载页面都需要花费几分钟来加载search.json文件，使用体验很不好

algolia搜索

本地搜索走不通，那就只能使用远程搜索了，还好hexo提供了algolia搜索

先去官网登录一下，这里我使用的是Github登录，然后新建一个Index

创建Index后，右上角头像处点击选择Settings