前言“hexo-generator-searchdb” 插件功能更为强大，这次来介绍 “hexo-generator-searchdb”，其实与 “hexo-generator-search” 使用的方法非常相似。 安装依赖前往博客根目录，打开 cmd 命令窗口执行 npm install hexo-generator-searchdb --save。 1npm install hexo-generator-searchdb --save 注入配置修改站点配置文件_config.yml，添加或修改如下代码： 12345search: path: search.xml field: post content: true format: html 参数说明： path - 文件路径，可以生成 xml 和 json 两种格式。默认情况下是 search.xml。如果文件扩展名为.json，则输出格式将为 JSON。否则，将导出 XML 格式化文件。 field - 您要搜索的搜索范围，您可以选择： post（默认） - 仅涵盖您博客的所有文章。 page - 将仅涵盖您博客的 ...

anzhiyu主题一图流 摘要这篇文章介绍了如何使用anzhiyu主题的一图流教程，包括新建js和css文件、引入文件、配置懒加载和图片方法等。文章还提供了一些链接和代码示例，讲解如何进行配置和修改。通过这些步骤，可以实现主题的一图流效果和优化加载背景的效果。文章还介绍了如何美化首页背景图和实现自适应切换。读者可以根据自身需求自行调整代码。 教程新建js新建文件source/js/imgloaded.js新增以下内容，并按照注释调整照片路径 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711 ...

需求描述 可折叠部分内容，暴露标题，在读者需要查看标题下内容时点击展开 支持尽可能多的markdown语法 方便快速 方法： 使用hexo-sliding-spoiler插件官网链接 hexo-sliding-spoiler 插件安装 1npm install hexo-sliding-spoiler --save 自定义设置 可以修改css文件来自定义配置样式 例如：可以自定义修改默认的 show hide 关键字 打开文件 hexo\node_modules\hexo-sliding-spoiler\assets\spoiler.css，找到25-31行，修改其中的 content。 例如： 将Show 改为 ▶ ，Hide改为▼ 1234567.spoiler.collapsed .spoiler-title:before { content: "Show: ";}.spoiler.expanded .spoiler-title:before { content: "Hide: &q ...

在themes/Butterfly/source/js目录下新建fomal.js文件,将以下内容复制粘贴到fomal.js即可。时间可自定义 1234567891011121314151617181920212223242526272829303132333435/* 页脚计时器 start */var now = new Date();function createtime() { // 当前时间 now.setTime(now.getTime() + 1000); var start = new Date("08/01/2022 00:00:00"); // 旅行者1号开始计算的时间 var dis = Math.trunc(23400000000 + ((now - start) / 1000) * 17); // 距离=秒数*速度 记住转换毫秒 var unit = (dis / 149600000).toFixed(6); // 天文单位 // 网站诞生时间 var grt = new Date("08/09/2022 ...

NO.1 搭建Hexo博客，快速简洁高效，零成本搭建个人博客 NO.2美化Hexo博客，主题安装 Hexo常用命令 Hexo常用插件列表 Hexo设置语言、网站资料和导航菜单 Hexo导航栏创建标签页、分类页、友情链接 Hexo为侧边栏添加文章合集 Hexo动态修改网站的标题 Hexo博客添加字数统计.阅读统计.访问统计 随机壁纸API汇总

Hexo博客添加字数统计和阅读统计字数统计显示k而不是w1.安装hexo-wordcount插件 1npm i --save hexo-wordcount 2.安装eslint 1npm install eslint --save 字数统计显示w而不是k默认插件是1000字以下直接显示子树，然后1000字以上显示多少k，但是例如127k，感觉不是很直观，于是改了一下统计字数的逻辑，改动之后的逻辑是：10000字以下直接显示字数，10000字以上显示多少w 开启字数统计之后，在博客根目录终端依次运行以下命令： 1234# 卸载旧的依赖npm un hexo-wordcount --save# 安装新的依赖npm i hexo-wordcount-fomal --save 然后重启就可以看到显示w了 安装 npm install hexo-word-counterhexo clean

前言本文将介绍如何在首页侧边栏添加文章合集板块。可以提供一些重要文章的展示。 操作在 \themes\butterfly\layout\includes\widget 目录下新建 card_collections.pug 文件，并写入如下代码： 12345678if theme.aside.card_collections.enable .card-widget .item-headline i(class=theme.aside.card_collections.icon) span=theme.aside.card_collections.title each item in site.data.collections.collections .collections-item-content a(href=item.url)=item.name 在 \themes\butterfly\layout\includes\widget\index.pug 文件中 page 项添加如下代码： 1!=partial(' ...

前言可以在切换至其他网页时动态修改网站的标题，引起访问者的注意，当再次回来时修改网站标题表示欢迎：） 操作方法新建脚本文件ROOT\source\js\title.js，写入以下内容： 1234567891011121314151617//动态标题var OriginTitile = document.title;var titleTime;document.addEventListener('visibilitychange', function () { if (document.hidden) { //离开当前页面时标签显示内容 document.title = '👀不要走嘛~'; clearTimeout(titleTime); } else { //返回当前页面时标签显示内容 document.title = '🐖欢迎你回来～'; //两秒后变回正常标题 titleTime = setTimeout(function () &# ...

网站语言修改站点配置文件 _config.yml 默认语言是 en 主题支持三种语言 default(en) zh-CN (简体中文) zh-TW (繁体中文) 网站资料修改网站各种资料，例如标题、副标题和邮箱等个人资料，请修改博客根目录的_config.yml 12345678# Sitetitle: 竹山一叶subtitle: '竹山一叶的小家'description: '技术分享 个人心得'keywords: 技术分享 个人心得author: 竹山一叶language: zh-CNtimezone: 'Asia/Shanghai' 导航菜单修改主题配置文件_cofig.butterfly.yml 123456789Home: / || fas fa-homeArchives: /archives/ || fas fa-archiveTags: /tags/ || fas fa-tagsCategories: /categories/ || fas fa-folder-openList||fas fa-list: M ...