Hello-World
这是哪里 这里是小康博客Hexo版，此站将会替代曾经的博客。 搬迁缘由 首先要说明的就是我还是一个学生，目前所使用的服务器均是阿里学生机，这意味着24岁时就要享受不打折服务了。🤮 然而对于我这个没有收入的人来说，这简直时天文数字。 一开始也打算换成国外的服务器，但是每年也是100-300的支出，服务器在国外就意味着在国内要做一些优化，不然我这个“处女座心里”怎么能忍受的了。 经过再三考虑决定使用hexo+github搭建一个免费的博客，甚至域名都打算用GitHub免费的。但是速度吧。。。大家都懂得，我就不多说了。一开始觉得还可以，大概是缓存原因，于是写了几篇文章，突然发现一个问题：我的电脑不在身边怎么办。这样我就没法写文章了；或者长时间在外边，没有带电脑。后来一直没有找到一个好的解决办法，这个计划也就这么不了了之了。 知道昨天，发现了coding这个平台可以跟腾讯cloud studio配合使用。哇，我仿佛发现了一个新天地，我可以将代码传到coding，再用腾讯的studio实现云环境编写，就这样经过一晚上的试验终于成功了！ 😄 。 地址说明 本博客采用的地址是不加www的 ...
Hexo博客之butterfly主题优雅魔改系列
butterfly背景修改，透明度修改，卡片分类折叠等Hexo主题魔改。
规范化Commit提交信息
前言 自从上次写了Commit 表情符号使用指南后，提交信息便一直使用标签符号进行提交。虽然好看，但是提交终归是不太方便，每次还需要打开文章进行符号搜索，然后粘贴。于是参考网上的各种规范记录此文。 提交预览 提交格式参数说明(type)参数说明(scope)参数说明(subject)示例1<type>(<scope>): <subject> 用于说明git commit的类别，只允许使用下面的标识。 以下表格来自阿里技术 标识 含义 feat 新功能（feature） fix/to 修复bug，可以是QA发现的BUG，也可以是研发自己发现的BUG。fix：产生diff并自动修复此问题。适合于一次提交直接修复问题to：只产生diff不自动修复此问题。适合于多次提交。最终修复问题提交时使用fix docs 文档（documentation） style 格式（不影响代码运行的变动） refactor 重构（即不是新增功能，也不是修改bug的代码变动）。 perf 优化相关，比如提升性能、体验。 test 增加测 ...
一文搞懂弹性盒子flex布局
什么是flex布局 flex布局又称为弹性盒子模型，它有自己的一套属性，效率高，学习成本低，兼容性强！ 弹性盒子模型实现 HTML 页面布局是与方向无关的。不类似于块级布局侧重垂直方向，内联布局侧重水平方向。 弹性盒子模型主要适用于 HTML 页面的组件以及小规模的布局，而并不适用于大规模的布局，否则会影响 HTML 页面性能。 名词定义 伸缩容器（flex container）：包裹伸缩项目的父元素。 伸缩项目（flex item）：伸缩容器的每个子元素。 轴（axis）：每个弹性盒子模型拥有两个轴。 主轴（main axis）：伸缩项目沿其一次排列的轴被称为主轴。 侧轴（cross axis）：垂直于主轴的轴被称为侧轴。 方向（direction）：伸缩容器的主轴由主轴起点和主轴终点，侧轴由侧轴起点和侧轴终点描述伸缩项目排列的方向。 尺寸（dimension）：根据伸缩容器的主轴和侧轴，伸缩项目的宽度和高度。 对应主轴的称为主轴尺寸。 对应侧轴的称为侧轴尺寸。 定义弹性盒子 弹性盒子是css3新增的属性，因此弹性盒子模型及其属性存在浏览器兼容问题。具 ...
HTML5中audio与video
音频 HTML5中提供的音频API标签为<audio></audio>，使用示例如： 1<audio src="野狼disco.m4a" controls></audio> 兼容写法 1234567<audio controls> <source src="resource/audio/OUTPUT.mp3" type='audio/mpeg'> <source src="resource/audio/OUTPUT.aac" type='audio/aac; codecs="aac"'> <source src="resource/audio/OUTPUT.ogg" type='audio/ogg; codecs="vorbis"'> 您的浏览器不支持，<a href=" ...
Github之Actions自动发布GitHub Release
前言 此文以node项目为例，目录存在package.json，其他项目如果参考本教程需自行创建json文件用于记录当前版本。 123{ "version":"1.1.1"} 上述代码仅作为JSON文件示例。 先来看看actions官方提供的发布demo 1234567891011- name: 创建GitHub Release id: create_release uses: actions/create-release@latest env: GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} with: tag_name: tag的名称 release_name: 发布的名字 body: 发布的内容 draft: false prerelease: false 以上几个需要我们自己填写的只有tag_name、release_name、body。因此我们只需要动态获取这三个变量即可实现按照我们的需求进行发 ...
如何为评论系统快速添加表情
为你的Valine、Waline、Twikoo评论丰富表情吧。阿鲁小表情，哔哩哔哩表情····
三、移动端轮播图的实现
布局 1234567891011121314151617181920<div id="app"> <div id="swiper-container"> <!-- 幻灯片的结构 --> <div class="swiper-wrapper"> <div class="swiper-slide"><img src="./img/1.jpg"></div> <div class="swiper-slide"><img src="./img/2.jpg"></div> <div class="swiper-slide"><img src="./img/3.jpg"></div> <div class ...
Github之Actions自动发布npm包
前言 在将我们的源代码推送到GitHub时并希望他能自动构建并将包发布到npm。 其实做法也简单，大致思路：获取仓库源代码->安装插件->构建->推送 一、生成TOKEN 这一步很重要，在npm中生成自己的TOKEN。TOKEN类型一定要选择Automation，生成后将其保存，因为一会儿要在GitHub密钥中填写这个值。 二、配置仓库secrets 进入你的代码仓库，单击设置 点击Secrets，并新建一个键为NPM_TOKEN，值为上一步生成的TOKEN的密钥 三、编写构建配置 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748name: Node.js Packageon: push: branches: - masterjobs: publish-npm: runs-on: ubuntu-latest strategy: matrix: node-versi ...
