feat: add sketch
cheatsheet.
This commit is contained in:
parent
43c0fb0ec6
commit
29b891613d
@ -17,6 +17,7 @@ Quick Reference
|
||||
## 工具包
|
||||
|
||||
[VSCode](./docs/vscode.md)
|
||||
[Sketch](./docs/sketch.md)
|
||||
[Jest](./docs/jest.md)
|
||||
<!--rehype:class=home-card-->
|
||||
|
||||
|
@ -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
138
docs/sketch.md
Normal 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)_
|
@ -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 || ''}` }
|
||||
]
|
||||
}],
|
||||
],
|
||||
|
@ -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')),
|
||||
|
Loading…
x
Reference in New Issue
Block a user