1.hexo-abbrlink 可以优化博客路径，默认路径 https://xcmaster.com/2022/07/07/hexo必装插件，还会带上标题，这款插件可以将路径优化为 https://xcmaster.com...详情请看 github: https://github.com/rozbo/hexo-abbrlink 2.hexo-asset-image 自动为文章中的图片提供绝对路径，需要设置 _config.yml...post_asset_folder: true 比如新建一片博客名为 hexo-plugin，那么在创建文章 md 文件的同时会创建一个 hexo-plugin 的目录，文章对应的图片放入这个目录就行...hexo 具有 sitemap 插件，可以生成站点地图，然后提交给搜索引擎，增加文章被索引的几率。...安装: npm i hexo-generator-baidu-sitemap --save # 百度用 npm i hexo-generator-sitemap --save # Google 用 安装好这两个插件以后
Hexo 常用插件推荐 Hexo 本身提供了一个框架，通过丰富的拓展插件，能够进一步优化使用体验，你可以在 Hexo 插件 中寻找适合你的拓展。...安装 hexo-abbrlink 插件 npm install hexo-abbrlink --save 修改 config.yml 文件中的永久链接： permalink: blog/:abbrlink.html...当网站内容更新时，可以通过订阅 RSS 源在 RSS 阅读器上获取更新的信息 安装 hexo-generator-feed 插件 npm install hexo-generator-feed --...说多了都是泪 下面介绍几种常见的 Markdown 渲染器，你可以在 Hexo 插件 中找到它们。...hexo-renderer-marked Hexo 默认的 Markdown 的渲染器，不支持 Mathjax，不支持插件扩展，不支持 emoji 表情 项目地址：https://github.com/
: hexo author: Jared Qiu tags: hexo cover_picture: http://xxx.xx/xxx.jpg top: 1 --- 方案二：利用hexo插件(自动)... 在hexo plugins搜索“link”，已经有几个插件可以将url转换成不同的格式(如下)，我这里选用了hexo-translate-title，也是觉得这个比较适合自身风格。...hexo-translate-title: Translate the chinese title of Hexo blog to english words automatially hexo-permalink-pinyin...hexo-abbrlink: Auto create one and only link for every post for hexo hexo-number-title: The hexo blog...相关链接 hexo-translate-title - GitHub hexo-abbrlink介绍 hexo链接持久化终极解决之道 hexo-abbrlink - GitHub
的插件，发现都不怎么好用，那么索性就魔改个自己用的版本！...基于HEXO豆瓣插件 hexo-douban 的二次开发插，强烈建议先试用原插件，如果您觉得以下特性更能满足您的需要，那么再使用本插件。...原插件 hexo-douban 的不足： 书影音、大部分人就想放影评 样式不好看，字体大小的一致性即颜色 渲染全部观影记录，几百部电影会导致有几十页翻页，臃肿 单纯的构造豆瓣原页面，在“已看”列表中，只会出现短评内容.../movies/index.html .hexo-douban-item:nth-child(1)'); 12 注意：本插件构建的页面完全不保证兼容IE等上古浏览器，推广使用现代浏览器...第一步：安装 # 如果您使用过原插件请先卸载之 $ npm uninstall --save hexo-douban $ npm install --save hexo-douban-list 第二步：
可以看到 “Twikoo 云函数运行正常” 的提示 Vercel Domains（包含 https:// 前缀，例如 https://xxx.vercel.app）即为您的环境 id 启用Twikoo 在 Hexo...中使用 在Hexo-theme-Butterfly 主题使用 直接在主题配置文件中填写刚才复制到环境ID即可： twikoo: envId: 刚才复制到环境ID region: visitor
插件包包含以下内容： Hexo Github Canlendar Hexo Magnet Butterfly Article Double Row Hexo History Calendar 一键安装命令...npm install hexo-githubcalendar hexo-magnet hexo-butterfly-article-double-row hexo-history-calendar...: https://python-gitee-calendar-api.vercel.app/api calendar_js: https://cdn.jsdelivr.net/gh/Zfour/hexo-github-calendar...@1.21/hexo_githubcalendar.js plus_style: "" magnet: enable: true priority: 1 enable_page: all
Tips:前导必备 博主博客地址 博主使用的是yilia-plus主题 ---- 1、安装rss插件 在站点根目录下安装 npm install hexo-generator-feed 2、配置_...config.yml文件，启用插件 # Extensions plugins: hexo-generator-feed #Feed Atom feed: type: atom path: atom.xml...limit: 20 3、在yilia-plus主题添加RSS订阅配置(可以跳过此步骤) theme-yilia-plus # RSS订阅 rss: /atom.xml 4、生成RSS订阅文件 hexo
插件开发基础篇 参考学习文档 hexo中文文档：API、插件 插件开发 hexo的插件嵌入有两种方式，一种是通过脚本（Script）的方式引入，demo可参考自定义标签实现；一种是通过插件（...Packages）的方式将自定义的插件内容发布到npm上。 ...除却辅助函数，hexo的插件还可划分为不同类型：控制台 (Console)、部署器 (Deployer)、过滤器 (Filter)、生成器 (Generator)、迁移器 (Migrator)、处理器...可参考hexo相关内容：hexo/lib/plugins NPM插件 构建步骤说明 1.插件编写：核心包括下述两个文件 - 主程序index.js - package.json(用于描述插件的用途和所依赖的插件...还可将插件发布到插件列表,具体可参考文档-插件，通过fork hexojs/site，按照提示要求编辑source/_data_plugins.yml文件，并推送分支、合并。
，安装本插件： npm install hexo-baidu-url-submit --save 然后，同样在根目录下，把以下内容配置到_config.yml文件中: baidu_url_submit:...具体方法请参照这篇文章 文章永久地址 地址:https://github.com/rozbo/hexo-abbrlink 安装插件 npm install hexo-abbrlink --save 修改根目录下的配置文件...地址：https://github.com/hvnobug/hexo-external-link hexo-external-link是一个跳转外链相关插件。...地址：https://github.com/rozbo/hexo-neat 但是这个插件是有Bug的： 压缩 md 文件会使 markdown 语法的代码块消失 会删除全角空格 Hexo根目录执行安装代码...： npm install hexo-neat --save 在Hexo配置文件_config.yml 末尾加入以下配置(此配置仅针对Matery主题)： #hexo-neat 优化提速插件（去掉HTML
感谢糖果屋Akilar店长的帮助——Akilarの糖果屋 ---- ---- Hexo-Butterfly添加天气插件 效果如图所示： 就是JS插件的字体大小我不会调，稍微有一点瑕疵，不过影响不大...我用的是心知天气的天气插件(其他天气插件同理)。 首先，先到心知天气的官网注册一个账号——心知天气。 登录，申请一个免费版，然后在产品的下拉栏中选择天气插件，然后点击立即免费使用。...保存并退出 hexo clean&&hexo g&&hexo d即可完成
（无问题的可以跳过） 2>常用的插件 代码高亮（建议安装） 由于 Hexo 自带的代码高亮主题显示不好看，所以主题中使用到了 hexo-prism-plugin 的 Hexo 插件来做代码高亮，安装命令如下...可以安装 hexo-wordcount插件。...hexo-external-link（可选安装）（使用了 halo 主题则必须安装） hexo-external-link是一个跳转外链相关插件。...我们可以用 hexo-permalink-pinyin Hexo 插件使在生成文章时生成中文拼音的永久链接。...enable: true separator: '-' # default: '-' 注：除了此插件外，hexo-abbrlink 插件也可以生成非中文的链接。
添加日历 安装 hexo-generator-calendar 插件 cnpm install --save git://github.com/howiefh/hexo-generator-calendar.git
hexo-douban 一个在 Hexo 页面中嵌入豆瓣个人主页的小插件....builtin: 是否将生成页面的功能嵌入hexo s和hexo g中，默认是false,另一可选项为true(1.x.x版本新增配置项)。...需要注意的是，通常大家都喜欢用hexo d来作为hexo deploy命令的简化，但是当安装了hexo douban之后，就不能用hexo d了，因为hexo douban跟hexo deploy的前缀都是...hexo d。...douban命令之外，hexo g或hexo s也内嵌了生成页面的功能。
标签插件开发 参考学习文档 hexo中文文档：API、插件 hexo插件嵌入 hexo的插件嵌入有两种方式，一种是通过脚本（Script）的方式引入，demo可参考自定义标签实现；一种是通过插件...除却辅助函数，hexo的插件还可划分为不同类型：控制台 (Console)、部署器 (Deployer)、过滤器 (Filter)、生成器 (Generator)、迁移器 (Migrator)、处理器...可参考hexo相关内容：hexo/lib/plugins、hexo/lib/hexo/index.js 由上述代码分析，在hexo初始化的时候会相应加载插件列表，插件加载依托于load_plugins.js...(自带&第三方插件) # loadScripts:加载脚本类插件(自带&主题scripts下的脚本) 部分插件如果存在编译错误则hexo会无法正常启动且输出错误日志，因此在自定义的时候注意根据日志检查错误相应调整即可...4.文档完善：文档信息，便于跟踪开发记录和使用说明（README.md），后续插件构建完成可使用github进行版本管理 5.项目测试 在hexo项目中引入自定义插件npm i 插件名称，可在package.json
到这里，gitalk插件就添加成功了。 本文作者：foochane 本文链接：https://foochane.cn/article/2019052801.html
hexo-tag-aplayer 安装 npm install --save hexo-tag-aplayer 依赖 APlayer.js > 1.8.0 Meting.js > 1.1.1 使用 {%...如果想在本插件中使用 MetingJS，请在 Hexo 配置文件 _config.yml 中设置： aplayer: meting: true 接着就可以通过 {% meting ...%} 在文章中使用...listmaxheight 340px 播放列表的最大长度 preload auto 音乐文件预载入模式，可选项： none, metadata, auto theme #ad7a86 播放器风格色彩设置 插件会在每一個文件都插入...如果需要在指定的文章上播放 首先在 Hexo 根目錄_config 里配置 asset_inject 为 false aplayer: asset_inject: false 然後在你需要使用 aplayer
Hexo与Next插件集、自定义样式以及插入视频音乐等 让文章写的好看又简洁又好用的插件！...hexo完整的标签列表，next插件列表 hexo插件 hexo-lazyload-image npm install hexo-lazyload-image --save First add configuration...in _config.yml from your hexo project. lazyload: enable: true onlypost: false loadingImg: # eg.../images/loading.gif hexo-pdf pdf传送门 宅音乐侧栏播放器插件 体验 目前在next中可能引起部分css冲突，建议在next中使用在单个页面中。...依赖于jQuery，一行js可以引入播放器插件。
hexo 插件 hexo-lazyload-image npm install hexo-lazyload-image --save First add configuration in _config.yml...博採眾長（ lruihao.cn） 博採眾長（ lruihao.cn） 插件使用 npm i hexo-ruby-marks...（配置完即可使用不许单独设置manifest.json文件及配置，插件生成） pwa: manifest: path: /manifest.json body: name...param=300x300" %} hexo-pdf pdf 传送门 hexo-filter-flowchart（流程图） 语法 1 npm install --save hexo-filter-flowchart...** %} 宅音乐侧栏播放器插件 体验 源码 目前在 next 中可能引起部分 css 冲突，建议在 next 中使用在单个页面中。 依赖于 jQuery，一行 js 可以引入播放器插件。
1.添加百度/谷歌/本地 自定义站点内容搜索 在站点的根目录下执行以下命令： npm install hexo-generator-searchdb --save 在Hexo/themes/butterfly...(搜索) # -------------------------------------- # Local search 本地搜索功能 local_search: enable: true 最后hexo...其他插件 更多插件可前往 插件|赫克斯 (hexo.io) 了解 后记 每次一点小改变，累积下来网站就越来越好了。
实时预览markdown 配置图片路径 开发 Hexo 插件解决 图片本地预览 与 发布时图片路径 不一致 问题 1....开发 Hexo 转换图片路径 插件 现在，我们在 Typora下使用 !...官方文档 - 相对路径引用的标签插件 4.1 创建文件夹 hexo-asset-img，初始化npm包 mkdir hexo-asset-img cd hexo-asset-img npm init...，但没成功加载插件 重新生成文章 hexo clean hexo g hexo s # 本地预览 PS：当然之后你还需要修正以前文章的图片路径 public/posts 生成结果如下图所示，成功...使用插件 npm install hexo-asset-img --save 关联 GitHub yiyungent/hexo-asset-img: Hexo插件: 转换 图片相对路径 为 asset_img
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
