hexo 压缩为了提高 Hexo 博客的加载速度，可以使用插件对静态资源进行压缩。以下是使用 hexo-neat 插件进行压缩的步骤。 安装和配置首先，在站点根目录下安装 hexo-neat 插件： 1npm install hexo-neat --save 然后，在站点配置文件 _config.yml 中添加以下配置： 123456789101112131415161718# hexo-neatneat_enable: trueneat_html: enable: true exclude:neat_css: enable: true exclude: - '**/*.min.css'neat_js: enable: true mangle: true output: compress: exclude: - '**/*.min.js' - '**/jquery.fancybox.pack.js' - '**/index.js' 注意事项 跳过特定文件：确保在配置中正确指定要跳过的文件路径 ...
效果如下： 导读本文将引导我们在 hexo 博客 anzhiyu 主题下，如何在页面右侧增加日历卡片，让你的博客拥有带倒计时的日历。教程日历卡片 CSS 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177 ...
操作在\themes\anzhiyu\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);//未来时间距离现在的秒数 ...
Hexo RSS 配置为 Hexo 博客添加 RSS 订阅功能，可以让用户通过 RSS 及时获取博客更新。以下是配置步骤： 安装 RSS 插件 在 Hexo 项目的根目录下，运行以下命令安装插件： 12npm install feed --save 修改主配置文件 打开 Hexo 根目录下的 _config.yml 文件，添加以下内容： 1234567feed:type: atom # 或 rss2path: atom.xml # 输出文件路径，可改为 rss2.xmllimit: false # 显示文章数量，false 表示显示全部content: false # 是否包含文章全文，默认 falseorder_by: -date # 按日期排序，默认最新文章在前 修改主题配置文件 打开主题目录下的 _config.yml 文件，添加以下内容： 1rss: /atom.xml 生成静态文件 执行以下命令清理并重新生成静态文件： 1hexo clean && hexo generate 完成后，在 public 文件夹中会生成 atom.xml 文件。 验证 RSS ...
在GitHub上搭建HexoGitHub Pages 是什么？GitHub Pages 是由 GitHub 官方提供的一种免费的静态站点托管服务，让我们可以在 GitHub 仓库里托管和发布自己的静态网站页面。 Hexo 是什么？Hexo 是一个快速、简洁且高效的静态博客框架，它基于 Node.js 运行，可以将我们撰写的 Markdown 文档解析渲染成静态的 HTML 网页。 Hexo + GitHub 文章发布原理在本地撰写 Markdown 格式文章后，通过 Hexo 解析文档，渲染生成具有主题样式的 HTML 静态网页，再推送到 GitHub 上完成博文的发布。 Hexo部署到Ghthub安装git官网地址：https://git-scm.com访问官方网站，下载对应的安装包，进行安装 安装完成后，鼠标右键可以看到：Git Bash Here,点击后打开 1git --version 安装nodejs官网地址：https://nodejs.org访问nodejs官方网站，下载对应的安装包，进行安装安装完成后，配置环境变量，并在终端里面输入： 1node -v 安装Hexo 1 ...
NPM 插件安装的部署方法：12345npm i hexo-history-calendar --save# 或者cnpm i hexo-history-calendar --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><span>那年今日</span>< ...
本文将介绍如何增添随机诗词的展示。具体效果如下： 创建组件主题新建themes/anzhiyu/layout/includes/widget/card_poem.pug，内容如下1234567891011121314151617 #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 = document.que ...
开启本地搜索功能安装插件安装 hexo-generator-search 1npm install hexo-generator-search --save 在主题 _config.yml 文件中添加local_search 12345search:path: search.xmlfield: postformat: htmllimit: 10000 在主题_config.yml打开local_search 12345# Local searchlocal_search: enable: true preload: true CDN: 执行 hexo clean && hexo g 重新生成博客文件
文章生成永久链接（建议安装）使用 hexo-abbrlink 的 Hexo 插件来实现文章生成永久链接，安装命令如下： 1npm install hexo-abbrlink --save 在 Hexo 根目录下的 _config.yml 文件中，新增以下的配置项： 123abbrlink: alg: crc16 #算法： rep: hex #输出进制：十进制和十六进制，默认为10进制。丨dec为十进制，hex为十六进制 将 _config.yml 文件中的 permalink 的值修改为如下内容： 1permalink: posts/:abbrlink.html # 此处可以自己设置，也可以直接使用 :/abbrlink 执行 hexo clean && hexo g 重新生成博客文件，就可以生成永久链接。生成完后，原 md 文件的 Front-matter 内会增加 abbrlink 字段，值为生成的 ID
