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
可以看到 “Twikoo 云函数运行正常” 的提示 Vercel Domains(包含 https:// 前缀,例如 https://xxx.vercel.app)即为您的环境 id 启用Twikoo 在 Hexo...中使用 在Hexo-theme-Butterfly 主题使用 直接在主题配置文件中填写刚才复制到环境ID即可: twikoo: envId: 刚才复制到环境ID region: visitor
的插件,发现都不怎么好用,那么索性就魔改个自己用的版本!...基于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 第二步:
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 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
插件开发基础篇 参考学习文档 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
添加日历 安装 hexo-generator-calendar 插件 cnpm install --save git://github.com/howiefh/hexo-generator-calendar.git
(无问题的可以跳过) 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 插件也可以生成非中文的链接。
感谢糖果屋Akilar店长的帮助——Akilarの糖果屋 ---- ---- Hexo-Butterfly添加天气插件 效果如图所示: 就是JS插件的字体大小我不会调,稍微有一点瑕疵,不过影响不大...我用的是心知天气的天气插件(其他天气插件同理)。 首先,先到心知天气的官网注册一个账号——心知天气。 登录,申请一个免费版,然后在产品的下拉栏中选择天气插件,然后点击立即免费使用。...保存并退出 hexo clean&&hexo g&&hexo d即可完成
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
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
到这里,gitalk插件就添加成功了。 本文作者:foochane 本文链接:https://foochane.cn/article/2019052801.html
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可以引入播放器插件。
1.添加百度/谷歌/本地 自定义站点内容搜索 在站点的根目录下执行以下命令: npm install hexo-generator-searchdb --save 在Hexo/themes/butterfly...(搜索) # -------------------------------------- # Local search 本地搜索功能 local_search: enable: true 最后hexo...其他插件 更多插件可前往 插件|赫克斯 (hexo.io) 了解 后记 每次一点小改变,累积下来网站就越来越好了。
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 可以引入播放器插件。
实时预览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元无门槛券
手把手带您无忧上云