hexo-插件开发基础篇
更新记录
更新记录
2021-08-10
自定义内置标签:插件开发
插件开发基础篇
参考学习文档
hexo中文文档:API、插件
插件开发 hexo的插件嵌入有两种方式,一种是通过脚本(Script)的方式引入,demo可参考自定义标签实现;一种是通过插件(Packages)的方式将自定义的插件内容发布到npm上。
除却辅助函数,hexo的插件还可划分为不同类型:控制台 (Console)、部署器 (Deployer)、过滤器 (Filter)、生成器 (Generator)、迁移器 (Migrator)、处理器 (Processor)、渲染引擎 (Renderer)、标签 (Tag)。可参考hexo相关内容:hexo/lib/plugins
NPM插件
构建步骤说明
12345671.插件编写:核心包括下述两个文件- 主程序index.js- package.json(用于描述插件的用途和所依赖的插件,其中package.json至少要包含name, version, main 属性)2.插件发布- 登录npm:npm login- 发布:npm ...
Github主页美化-基础构建
更新记录
更新记录
2021-07-29
github主页美化:基础内容构建
2021-12-21
引入社交统计、Github打卡统计相关
Github主页美化 默认github主页为清一色的标签页和图表展示,偶然间逛github主页的时候总会发现一些惊喜的页面,于是就搜索并参考相关内容自己调整一下(不定时完善,看到好玩的内容就会尝试),在这个过程中不仅可以根据自身需要定制化主页以满足强迫症调调,还可在这个过程中探索到许多好玩的扩展和应用,例如常见的github基本操作、Github Actions、Python爬取并处理数据、个人博客信息嵌入、社交信息引用等等,但不管基于何种目的都是希望学有所得、学有所获并学以致用~
DIY Github主页个人主页初始化
创建一个public仓库:与自身github用户名同名并添加README.md文件。仓库创建完成则可在主页访问相应内容
可通过编辑README.md文件diy主页内容,此处可参考 Awesome-Profile-README-templates,里面收录了各式各 ...
博客问题记录册
6a4fa81184117bfaf9694fb05d4fa107f722ead4acea3af7456a1b92aab6a14de2f77342ebc1742ed798b2d8d02db3fc62c161a542151f5847162afa730875f6d3377a98e9f590730ec3b66594f0964b599de2e9d5d37d25d316aacbbda6c4985e2dc644215afeda1b22b06d1b0c782e2760f10341a4fa8ec565544326ba6188633b4b034f4b6f67f49d98b8f6ef0870491b8ce23d9317d7d00042c0316aa49322a1a4c15fd2ff738524cfe2864fdcef7ed4bb4a2cf40735bfa8b1b02e2827383cbefbabf55d044810bc96a75ae20aa8bebe9fe0f57e404b8e6b58ff40c4174a4fe207c5de1f19d38dcc31370b4eba09613506d73b879932e ...
hexo-butterfly-自定义内置标签
更新记录
更新记录
2021-06-20
自定义内置标签
自定义内置标签
参考学习文档
标签插件、功能插件、资源文件夹
自定义标签插件
内置标签概念 此处的内置标签不同于文章中设定的tags标签概念,其指的是针对文章编写中可引用的标签(用于渲染成不同的代码规则),除却基本的md语法支持,butterfly提供了标签外挂概念,可以通过{% tagname %}content{% endtagname %}的形式构建文档内容、丰富文档形式,butterfly标签外挂相关参考文档:標籤外掛(Tag Plugins)、Hexo Built-in Tag Plugins (Hexo內置標籤外掛)
可自行查看源码设计,理清设计和构建思路,将不同主题的一些好用的、好玩的内置标签进行迁移、适配,从而满足个人的语法构建习惯和需求。
内置标签源码分析
构建步骤说明
通过查看自定义标签的标志,主题相关的自带标签脚本都会存放在themes/xxx/script/tag/xxx.js中,以butterfly的label标 ...
hexo-CI自动部署
更新记录
更新记录
2021-06-11
hexo-CI自动部署:基于Github Pages+Github Actions
hexo-CI自动部署
构建说明
hexo博客项目已经构建有好一段时间了,一般都是直接通过指令进行发布,为了适配在不同地方编辑笔记快速直接发布可采用CI的方式进行自动部署,此处介绍的是通过GitHab Actions+Github Pages的方式进行发布(分仓库存储:用于区分版本源文件管理&网站发布版本管理),随后则可直接通过typora编辑md文件并上传到指定仓库路径,自动部署网站内容
Github Page:是github网站提供的静态网站服务
travis: 是在线托管的CI服务,用Travis来进行持续集成,参考文章
github Actions:借助Github原生CI/CD构建自动部署
原有hexo部署三连:
原有构建思路:A仓库管理源码提交信息、B仓库管理构建后的代码版本信息
1hexo clean & hexo g & hexo deploy
分支推送+CI自动部署
基 ...
hexo-butterfly-闲聊侧
更新记录
更新记录
2021-05-06
留言板信封构建
2021-11-23
说说引入、BBTalk
hexo-butterfly-闲聊侧 留言板信封构建,参考akilar大佬的方案进行构建:信笺样式留言板
1.留言板信封构建说明组件方式引入
引入组件
1npm install hexo-butterfly-envelope --save
信笺配置
1234567891011121314151617# 在主配置_config.yml或者主题配置_config.butterfly.yml文件中引入配置项# envelope_comment# see https://akilar.top/posts/58900a8/envelope_comment: enable: true #开关 cover: https://ae01.alicdn.com/kf/U5bb04af32be544c4b41206d9a42fcacfd.jpg #信笺封面图 message: #信笺内容,支持多行 - 有什么想问的? - 有什么想说的? ...
博客项目探索之旅
更新记录
更新记录
2021-05-03
博客项目探索之旅:自打21年从其他渠道迁移到hexo,折腾也好一段时间了,现结合个人摸索进行梳理
2022-03-03
“金马桶”哈哈哈哈
博客项目探索之旅
因为坚持,所以热爱。
关于我为什么执着于写博客这件事?
咳咳,为了让这篇文章看起来正经一点,我选择采用STAR法则进行叙述
S(情景)如果你能看,就要看见;如果你能看见,就要仔细观察 —《失明症漫记》
遥想当年,我也是个驰骋在各大博客平台的冲浪小菜鸡,热衷分享、生活。毕业后踏上了不归路,乏味的打工日常磨平了我的心智,也让我渐渐丧失了分享欲。2020年《监视资本主义:智能陷阱》这部纪录片让我感触很深,其中提到了许多观点,例如针对社交媒体发展、大数据统计等方面的内容,剖析其在人性、资本、政选等诸多领域的影响力。此外,还CUE到了低级的享乐主义、奶头乐理论、成瘾性研究等内容,不得不让我们深思在互联网快速发展迭代的时代,科技给我们带来各式各样的便捷性,却又何尝不是在某些方面限制着“人性的发展”。
作为一名互联网冲浪小选手 ...
即时通讯聊天系统-Gitter
更新记录
更新记录
2021-04-02
即时通讯聊天系统-Gitter应用
Gitter Gitter是GitHub存储库的开发人员和用户的即时通讯聊天室系统。 Gitter 作为软件即服务提供商,提供包括免费选项和所有基本功能,以及创建单个私人聊天室的能力,和个人和组织的付费订阅选项,允许他们创建任意数量的私人聊天室。
该服务可以为 GitHub 上的各个 Git 存储库创建个人聊天室(其隐私性遵循关联 GitHub 存储库的隐私设置),用户也可以通过 GitHub 登录 Gitter 访问的存储库的私人聊天室。
gitter客户端下载
Gitter使用
使用说明
1.访问Gitter官网并注册用户,目前支持GitLab、GitHub、Twitter 三种方式
2.创建社区-community,创建Gitter聊天室,输入聊天室名称并可选择github仓库(如果是私有仓库需进行授权),可设定聊天室权限
3.集成gitter到个人网站,可借助Sidecar等直接集成
1234567# sidecar<script>((w ...
github访问加速
更新记录
更新记录
title
更新说明
Github访问加速 于是搜索整理了一下常用的github访问加速的方案
1.资源下载 如果单纯是github资源下载的话,可采用github国内镜像资源站或者Google插件的方式加速github访问速度。
github镜像地址
github.com.cnpmjs.org
hub.fastgit.org
Github插件
加速插件:GitHub加速、Tiga - Github国内下载和克隆文件加速插件,或者用油猴(Github增强脚本)
安装并启用会在相应的github仓库下装载加速下载的按钮
github文件加速下载
https://gh.api.99988866.xyz/、https://ghproxy.com/、http://toolwa.com/github/
第三方渠道
借助第三方渠道可有如下参考
借助github+jsdelivr的组合概念,通过jsdelivr渠道获取github资源信息,但部分情况下文件获取有所限制(针对的是源文件目录 ...