让 Cursor AI 帮忙写 git commit message

不是不想写 commit message,而是每次审阅代码+组织语言去准确描述比较难,耗费精力和时间。
让 Cursor AI 来辅助撰写,提高效率,也学习如何用 Commits 规范和英文去总结和表达。

Cloudflare Worker 如何在本地正确配置密钥到环境变量

可在 wrangler.toml 文件中直接配置开发环境变量。例如:

[env.development]
[env.development.vars]
ENVIRONMENT = "development"
GITHUB_CLIENT_ID = "your github client id" # 自定义环境变量示例

但密钥等敏感信息,建议放在独立的开发环境变量配置文件 .dev.vars 中,
并将其从 git 中排除(在.gitignore 文件中添加 .dev.vars 文件路径),
以防止密钥泄露。

Git 导出提交摘要到文本文件

如何将所有的 git commits 的描述导出到文本文件?

示例:git log --pretty=format:"%h %an %ad %s" --date=short > commits.txt

参数说明:

  • --pretty=format: 指定输出格式,其中

    • %h 是提交的简短哈希
    • %s 是提交的摘要/标题(summary)
    • %b,提交的描述(body)
    • %n,换行符
    • %an 是提交的作者名字
    • %ad 提交日期
  • --date=short 选项下会使用简短的日期格式
    默认的日期格式示例 Sun Oct 6 00:56:25 2024 +0800,简短的日期格式示例 2024-10-06

如何创建(初始化)JS开发环境

创建一个基本的 JavaScript 开发环境,以满足两个要求:

  • 使用 ES6(或最新的 ECMAScript 版本)语法特性
  • 支持单元测试
  1. 需要系统中已安装了 Node.js。以能够在本地运行 JavaScript 代码,以及可以使用 npm 安装和管理开发依赖项。
    可访问 https://nodejs.org/ 官网,参照指示安装 Node.js
mkdir my-js-project
cd my-js-project
npm init -y

这会创建一个 package.json 文件,通过此跟踪项目的依赖、以及相关开发环境的配置。

HTML script 标签支持哪些属性(attributes)

<script> 标签支持的属性有 type, crossorigin, integrity, async, defer
以下是各属性的作用和示例:

指定外部文件中使用的脚本语言的内容类型(也称为 MIME 类型)。
通常情况下,可以使用默认值 “text/javascript”。使用案例如下:

CSS flex 三栏-中间元素自动最大宽度或高度

使用 flex 布局,两端元素默认内容宽度,中间元素自动扩充到最大宽度。
|left| <- center -> |right|

HTML

<div class="h">
 <div class="left">左/上</div>
 <div class="middle"></div>
 <div class="right">右/下</div>
</div>

<br />

<div class="v">
 <div class="left">左/上</div>
 <div class="middle"></div>
 <div class="right">右/下</div>
</div>

CSS

div {
  border: 1px solid #ccc;
}

.h {
  /* 水平/横向 */
  display: flex;
  flex-direction: row;
}

.v {
  /* 垂直/纵向 */
  display: flex;
  flex-direction: column;
  height: 300px; /* 需要设置固定高度 */
}

.middle {
  flex: 1 1 auto; /* flex-grow | flex-shrink | flex-basis */
  align-items: center; /* 元素水平居中 */
  text-align: center; /* 文本水平居中 */
  align-content: center; /* 元素垂直居中 */
}
.left,
.right {
  /* nothing */
}

pandoc 模板基本语法和变量

转换命令示例: pandoc --standalone --template template.html doc.md -o doc.html

官方文档: https://pandoc.org/MANUAL.html#templates

模板文件基本语法介绍:

$-- 和行尾之间的任何内容都将被视为注释,不会出现在输出结果中。

$-- comment line

在模板中,可以使用 $$ or ${} 作为变量和控制结构的标记。这两种样式也可以在同一模板中混用,但每种情况下的开头和结尾定界符必须匹配。开头定界符后面可以跟随一个或多个空格或制表符,这些将被忽略。结尾定界符前面可以有一个或多个空格或制表符,这些也将被忽略。