…的 vendor 这里我会使用这样的命令来进行删除 下面这段代码执行时不会确认，因此，如果修改，请再三确认再执行，避免酿成大错。 find . -name “node_modules” -exec rm -rf ‘{}’ + Code language: JavaScript (javascript) 具体可以参考 https://www.ixiqin.com/2019/05/tool-command-delete-the-current-directory-node_modules-command/ 清理完成后，项目目录会从 21G 瘦身至 7.6 G。 备份重要文件 备份 SSH 信息 一个很重要的需要备份的文件，就是我的 SSH…
作为技术人，对于做 Branding 的事情其实不那么上心，也因为不上心，导致在实际做事情的时候，难免做的不好。 我因为从事过运营，所以有一些经验，这里，分享一下我自己的思路。 以这个 Commit 为例： 这个 Commit 制作了一件事，就是在 GitHub 项目的目录下创建了一个 funding.yml ，从而实现开启 GitHub 的 Sponsor 功能。 第一层思考 那如果我们要将其转换为宣传资源，我们可以这样思考： 内容形态：这个内容我能不能做成文字类型的，或者是能不能做成视频类型的？ 如果可以做成文字类型的，那么可以针对这个 commit 写一篇文章，比如就叫做 如何开启 GitHub 的 Sponsors 功能 如果可以做成视频内容，就可以做成…
…引入我们刚刚创建好的 scss 文件，从而确保应用在启动的时候可以自动构建 Bootstrap ，并引入至项目中。 import ‘../styles/globals.css’ import ‘../styles/globals.scss’ // 这一行是新增的 function MyApp({ Component, pageProps }) { return <Component {…pageProps} /> } export default MyApp Code language: JavaScript (javascript) 4.…
…Action 运行依赖要注意安全 Action 执行过程中会有两个部分。action 本身流程依赖于 master，但执行过程中调用的脚本是根据 source 决定的，因此，从安全角度来看，你应当尽可能将所有的流程放在 Action 中，而不是放在你的源码目录中。 总结 通过对 TravisCI 的流程整理、代码修改等流程，我们将之前的 Travis-CI 迁移至速度更快、性能更好的 GitHub Action ，一方面可以优化我们的工作流，另一方面，也让我们的代码更加简洁明了。 对于还在使用 Travis CI 的项目来说，也可以考虑迁移到 GitHub Action 中，来优化自己的工作流。 参考阅读 https://mauricius.dev/run-and-debug-github-actions-locally/ https://jeffrafter.com/working-with-github-actions/ https://developer.okta.com/blog/2020/05/18/travis-ci-to-github-actions…
…Spruce（非必需） 基础语法的了解可以让你使用 Alpine.js 开发自己的应用。而后面两者可以简化你的整个开发工作流，提升自己的开发效率。 推荐学习文档 1. 查阅官方文档，学习基础语法 学习 Alpine.js ，首先离不开的是官方文档，Alpine.js 的官方文档在其项目主页 https://github.com/alpinejs/alpine 如果你的英语不够好，可以看中文版本的 Readme https://github.com/alpinejs/alpine/blob/master/README.zh-TW.md 具体的语法层面，我建议你按照如下的逻辑来学习 第一梯队，学习: x-data：教你如何组织你的 Alpine.js 代码 x-on：事件绑定 x-if：逻辑处理 x-for：列表渲染 x-bind：数据绑定 x-model：双向数据绑定 这六个语法让你可以基本开始使用 Alpine.js。 第二梯队，学习： x-show：控制是否显示 x-spread：将…
在使用彩云翻译的 API 进行应用开发的时候，遇见了一个很尴尬的问题，提交上去的内容会丢失换行。 示意图 于是给彩云翻译的邮箱发了一封邮件，一天后，我就收到了官方人员的微信好友邀请（因为我的微信写在邮件的footer）。 经过一番沟通后了解到，目前彩云翻译的 API 会默认移除换行符 & HTML 标签，因此，在开发时，暂时还需要自行对文本进行切割，提取其中的文本内容，按段进行翻译，解决这个问题。 不过，官方也在反馈，会评估提供翻译 HTML 文档的能力，期待一下吧。…
…Templates，进入到 Templates 管理页面。 并在 Templates 管理页面中间的输入框中输入你网站任一文章的地址，并回车，你会自动进入到规则的适配页面。 规则适配页面 随后，在页面中输入你的站点的规则，这里我们可以使用其他开发者写好的规则。将规则粘贴在页面中 # Use Instant View version 2.0 ~version: “2.0” # Use this template only blog article pages ?exists: /html/head/meta[@property=”article:published_time”] # Get article text…
cleanMyMac 提供的空间透镜功能 在 macOS 中，我可以使用 cleanMyMac 中提供的“空间透镜“功能， 对我的电脑中的磁盘进行分析。如果你使用的是 Windows ，希望实现类似的效果，则可以考虑使用 Space Sniffer 进行分析 Space Sniffer 分析界面 和 cleanMyMac 的空间透镜一样， Space Sniffer 功能也是对磁盘中文件进行分析，因此，只需要下载软件并启动软件，选择需要分析的磁盘，就会自动生成如上图一般的占比图。 接下来要做的，就是根据占比，对大文件进行清理啦。 主页：http://www.uderzo.it/main_products/space_sniffer/index.html 下载地址：https://www.fosshub.com/SpaceSniffer.html…
需求 最近在参与 WavPub 的开发，在开发的过程中，需要调整 XML 的结构，因此，需要为一些字段加入 CDATA 的支持。 问题 在阅读了 eduncan911/podcast 中的代码后发现，这个包在生成 XML 的时候，使用的是 Golang 核心库中的 encoding/xml 包，而这个包在使用的时候有一个问题，你可以给其字段加入 ,cdata 来完成加入 cdata 的标签，但问题在于，他的实现是，在你的字段外部加标签，而不是内部加标签。举个例子来说，就是，如果你定义了字段为 xml:”category,cdata” 你得到的会是 <![CDATA[ somecode ]]> Code language: HTML,…
当你看到这个题目的时候，你可能会有点迷惑：“一个颜色是什么颜色”，这个问题好无厘头。但如果我换个用法 ，你可能就能明白 — 人类是如何辨别出一个颜色是红色而不是绿色？ 回想小时候，大家应该都听说过 —— 三原色。不同的人可能记得不同，有的人记得是红绿蓝（色光三原色），也有人记得是红青黄（美术三原色）。结果不一样，但并不影响。两种三原色都告诉你了 —— 一个颜色是可以由另外三种颜色组合而成。 这意味着，每一个颜色都对应着三个坐标。他们是 RGB 也好，还是其他也好，都是通过三个颜色的色码来确认是哪个具体的颜色的。我们的显示器也是如此制造的。 但三原色有个问题 —— 变量太多。假设我们在每个维度分 3 个不同的结果，三原色可以拼出 27 种不同的组合。如果我们在每个维度分成 10 阶，这个结果就是 1000 个不同的维度。按照 RGB的 0 ～ 255 ，一共 256 阶，则一共可以形成…