feat: add sketch cheatsheet.

This commit is contained in:
jaywcjlove 2022-09-28 02:12:32 +08:00
parent 43c0fb0ec6
commit 29b891613d
5 changed files with 145 additions and 3 deletions

View File

@ -17,6 +17,7 @@ Quick Reference
## 工具包
[VSCode](./docs/vscode.md)
[Sketch](./docs/sketch.md)
[Jest](./docs/jest.md)
<!--rehype:class=home-card-->

View File

@ -12,7 +12,7 @@ Crontab 格式
```
Min Hour Day Mon Weekday
分钟 小时 天 月 周
分钟 小时 天 月
```
-------
@ -79,6 +79,7 @@ Min Hour Day Mon Weekday
| `crontab -l` | 显示 crontab 文件。 |
| `crontab -r` | 删除 crontab 文件。 |
| `crontab -v` | 显示您上次编辑 crontab 文件的时间。 _非标准_ |
| `echo "@reboot echo hi" | crontab` | 轻松添加任务 |
<!--rehype:class=table-thead-hide-->

138
docs/sketch.md Normal file
View File

@ -0,0 +1,138 @@
Sketch 备忘清单
====
快捷键
---
### 插入
| 快捷键 | 插入 |
| ----- | ---- |
| `a` | (New Artboard) 新画板 |
| `s` | (Slice) 切片 |
| `r` | (Rectangle) 长方形 |
| `d` | (Rounde) 圆形 |
| `u` | (Rectangle) 长方形 |
| `o` | (Oval) 椭圆形 |
| `l` | (Line) 线 |
| `v` | (Vector Point) 向量点 |
| `p` | (Pencil) 铅笔 |
| `t` | (Text) 文本 |
<!--rehype:class=table-thead-hide-->
### 类型
<!--rehype:warp-class=row-span-2-->
<!--rehype:-->
| 快捷键 | 类型 |
| ----- | ---- |
| `Cmd + B` | 加粗 |
| `Cmd + I` | 斜体 |
| `Cmd + U` | 下划线 |
| `Alt + Cmd (+) +` | 增加字体大小 |
| `Alt + Cmd (+) ` | 减小字体大小 |
| `Alt + Control + L` | 增加字符间距 |
| `Alt + Control + T` | 减少字符间距 |
| `Cmd + T` | 更改字体 |
| `Shift + Cmd + O` | 将文本转换为轮廓 |
| `Cmd + Shift + {` | 左对齐 |
| `Cmd + Shift + \` | 居中对齐 |
| `Cmd + Shift + }` | 右对齐 |
| `Control + Cmd + Space` | 特殊字符 |
<!--rehype:class=table-thead-hide-->
### 画布视图
<!--rehype:warp-class=row-span-2-->
<!--rehype:-->
| 画布视图 | 快捷键 |
| ----- | ---- |
| `Cmd (+) +` | 放大 |
| `Cmd (+) -` | 缩小 |
| `Cmd + 0` | 实际尺寸 |
| `Cmd + 1` | 中心帆布 |
| `Cmd + 2` | 缩放选择 |
| `Cmd + 3` | 中心选择 |
| `§` | 临时缩放到实际大小 |
| `Alt + Tab` | 关注第一个输入字段 |
| `Control + R` | 切换标尺 |
| `Control + G` | 切换网格 |
| `Control + L` | 切换图层指南 |
| `Control + P` | 切换像素 |
| `Control + H` | 切换选择手柄 |
| `Control + X` | 切换像素网格 |
| `Space + Drag` | 移动画布 |
<!--rehype:class=table-thead-hide-->
### 窗口
| 快捷键 | Window |
| ----- | ---- |
| `Cmd + ~` | 在文档之间切换 |
| `Alt + Cmd + 1` | 切换层列表 |
| `Alt + Cmd + 2` | 切换检查器 |
| `Alt + Cmd + 3` | 切换图层、检查器 |
| `Alt + Cmd + T` | 切换工具栏 |
| `Cmd + .` | 演示模式 |
| `Control + Cmd + F` | 进入全屏 |
<!--rehype:class=table-thead-hide-->
### 编辑形状
| 编辑形状 | 快捷键 |
| ----- | ---- |
| `Cmd + Alt` | 保留当前选择 |
| `Control + Cmd + M` | 用作蒙版跨度`(适用于图层和组)` |
| `Alt + Cmd + U` | 联盟 |
| `Alt + Cmd + S` | 减去 |
| `Alt + Cmd + I` | 相交 |
| `Alt + Cmd + X` | 区别 |
| `Cmd + Arrows` | 更改对象大小 |
| `Shift + Cmd + Arrows` | 将单位更改 10 |
| `1, 2, 3, 4` | 更改矢量点样式 |
<!--rehype:class=table-thead-hide-->
### 编辑图层
| 快捷键 | 编辑图层 |
| ----- | ---- |
| `Alt` | 显示到其他图层的距离 |
| `Alt + Cmd` | 显示到组内其他图层的距离 |
| `Alt + Drag` | 复制(用 ⌘D 重复) |
| `Alt + Cmd + C` | 复制样式 |
| `Alt + Cmd + V` | 粘贴样式 |
| `Control + C` | 选色器 |
| `Cmd + T` | 转换 |
| `Shift + Cmd + R` | 旋转 |
| `F` | 切换填充 |
| `B` | 切换边框 |
<!--rehype:class=table-thead-hide-->
### 排列图层、组和画板
| 排列图层、组和画板 | 快捷键 |
| ----- | ---- |
| `Alt + Cmd + ↑` | 向前进 |
| `Control + Alt + Cmd + ↑` | 带到前面 |
| `Alt + Cmd + ↓` | 向后发送 |
| `Control + Alt + Cmd + ↓` | 送回 |
| `Shift + Cmd + H` | 隐藏 |
| `Shift + Cmd + L` | 锁 |
| `Cmd + R` | 改名 |
| `Cmd + G` | 图层组 |
| `Shift + Cmd + G` | 取消组合图层 |
| `Shift + Tab` | 选择上层 |
| `Tab` | 选择下面的图层 |
| `Esc` | 选择父画板 |
| `Cmd + F` | 按名称查找图层 |
| `Fn + ↑` | 选择上方页面 |
| `Fn + ↓` | 选择下面的页面 |
<!--rehype:class=table-thead-hide-->
另见
----
- [Sketch 官网](https://www.sketch.com/) _(sketch.com)_

View File

@ -118,17 +118,18 @@ export function create(str = '', options = {}) {
let description = str.match(/\n==={1,}\n+([\s\S]*?)\n/g);
title = title[0] || '';
description = (description[0] || '').replace(/^\n[=\n]+/, '').replace(/\[([\s\S]*?)?\]\(([\s\S]*?)?\)/g, '$1').replace(/\n/, '');
const subTitle = options.filename && !options.isHome ? `${options.filename} cheatsheet & `: ''
const mdOptions = {
hastNode: false,
remarkPlugins: [],
rehypePlugins: [
rehypeFormat,
[rehypeDocument, {
title: `${title ? `${title} & ` : ''} Quick Reference`,
title: `${title ? `${title} & ` : ''} ${subTitle} Quick Reference`,
css: [ ...options.css ],
meta: [
{ description: `${description}为开发人员分享快速参考备忘单。` },
{ keywords: 'Quick,Reference' }
{ keywords: `Quick,Reference,cheatsheet,${!options.isHome && options.filename || ''}` }
]
}],
],

View File

@ -24,6 +24,7 @@ async function createHTML(files = [], num = 0) {
await fs.ensureDir(path.dirname(outputHTMLPath));
const html = create(mdstr.toString(), {
filename: path.basename(outputHTMLPath, '.html'),
isHome: /README.md$/.test(path.relative(process.cwd(), dataFile.path)),
githubURL,
homePath: path.relative(path.dirname(outputHTMLPath), path.resolve(OUTOUT, 'index.html')),