操作在\themes\butterfly\source\js目录下创建一个timing.js文件，并将如下代码写入该文件： 123456789101112131415161718192021222324let oSpan = document.getElementsByTagName("timing")[0];let localhostTime = new Date();//获取页面打开的时间function tow(n) { return n >= 0 && n < 10 ? '0' + n : '' + n;}setInterval(function () { let goTime = new Date();//获取动态时间 let diffTime = goTime.getTime() - localhostTime.getTime(); var second = Math.floor(diffTime / 1000);//未来时间距离现在 ...

NPM 插件安装的部署方法： 12345npm i hexo-history-calendar --save# 或者cnpm i hexo-history-calendar --save 注意，一定要加–save，不然本地预览的时候可能不会显示！！！ 新增网站根目录_config 配置项(不是主题的)： 123456789history_calendar: priority: 4 enable: true enable_page: all layout: type: class name: sticky_layout index: 0 temple_html: '<div class="card-widget card-history"><div class="card-content"><div class="item-headline"><i class="fas fa-clock fa-spin"></i&g ...

组件样式 安装教程创建组件主题新建themes/butterfly/layout/includes/widget/card_poem.pug，内容如下 123456789101112131415161718#card-poem.card-widget #poem_sentence #poem_info #poem_dynasty #poem_authorscript(src='https://cdn.jsdelivr.net/npm/js-heo@1.0.11/poem/jinrishici.js', charset='utf-8')script(type='text/javascript'). jinrishici.load(function(result) { var sentence = document.querySelector("#poem_sentence") var author ...

字数统计要为 AnZhiYu 配上字数统计特性, 你需要如下几个步骤:打开 hexo 工作目录 1npm install hexo-wordcount --save or yarn add hexo-wordcount 修改 主题配置文件: 12345wordcount: enable: true post_wordcount: true min2read: true total_wordcount: true

搜索功能安装插件 1npm install hexo-generator-search --save 可以在根 _config.yml 中配置这个插件 123456 ##Local Search本地搜索search:path: search.xmlfield: postformat: htmllimit: 10000 修改 主题配置文件 1234local_search: enable: true preload: true CDN:

Hexo本地环境配置主要包括安装Node.js、Git，全局安装Hexo CLI，并初始化项目。以下是详细步骤。 ‌1.安装与验证基础环境：‌ 首先安装Node.js（推荐LTS版本，如v16.x以上）和Git。安装后，在终端验证版本： 123node -v # 检查Node.js版本npm -v # 检查npm版本git --version # 检查Git版本 若未安装，可通过Node版本管理器（如nvm）管理Node.js版本，或从官网下载安装包；Git需从官网获取安装程序。‌12 ‌2.全局安装Hexo CLI：‌ 使用npm全局安装Hexo命令行工具： 1npm install -g hexo-cli 安装后，可通过hexo version验证安装是否成功。‌ ‌3.初始化Hexo项目：‌ 创建项目目录并初始化： 123hexo init my-blog # 创建名为my-blog的项目cd my-blog # 进入项目目录npm install # 安装依赖包 项目初始化后，核心目录包括： _config.yml：主配置文件 so ...

搭建 Hexo 博客如果你还没有 Hexo 博客，请按照 Hexo 官方文档 进行安装、建站。 主题安装方式一(Github 推荐): 1git clone -b main https://github.com/anzhiyu-c/hexo-theme-anzhiyu.git themes/anzhiyu 如遇安装不上可以使用以下url代理安装 1git clone -b main https://ghproxy.com/https://github.com/anzhiyu-c/hexo-theme-anzhiyu.git themes/anzhiyu 方式二(Release 推荐): 下载 最新 release 版本 解压到 themes 目录，并将解压出的文件夹重命名为 anzhiyu。 方式三(npm安装): 1npm i hexo-theme-anzhiyu 此方法只支持 Hexo 5.0.0 以上版本 通过 npm 安装并不会在 themes 里生成主题文件夹，而是在 node_modules 里生成 测试版Dev 1git clone -b dev https: ...

永久链接 Hexo 默认的永久链接格式目录层级复杂，深度大，不仅不利SEO，也不美观! Hexo 默认的永久链接配置为:year/:month/:day/:title/，这样生成的链接会成为一个四级目录，对于搜索引擎来说并不是很友好。这里介绍一个 Hexo 插件 hexo-abbrlink,它能将 Hexo 生成的永久链接转化为一个固定的随机值，极大的缩短了永久链接的长度。一旦生成一个随机值，之后对文章的标题或者时间进行任何修改，这个随机的 abbrlink 是不会发生任何变化的，也为 Hexo 的维护提供了便利。HEXO默认的文章链接形式为domain/year/month/day/postname，默认就是四级url，并且可能造成url过长，对搜索引擎是不太不友好 安装配置1.安装使用abbrlink 1npm install hexo-abbrlink --save 2.配置.config.xml以下设置均修改博客根目录下的配置文件 修改默认的永久链接参数 我们可以改成domain/ ...