merge update at Jul 26, 2022

mdsvex.config.ts

@@ -21,6 +21,9 @@ import { lex, parse as parseFence } from 'fenceparser'
 import { renderCodeToHTML, runTwoSlash, createShikiHighlighter } from 'shiki-twoslash'
 type VALUE = { [key in string | number]: VALUE } | Array<VALUE> | string | boolean | number
 
+// lightbox
+import { Lightbox } from 'svelte-lightbox'
+
 const remarkUraraFm =
   () =>
   (tree: Node<Data>, { data, filename }: { data: { fm?: Record<string, unknown> }; filename?: string }) => {

package.json

@@ -68,6 +68,7 @@
     "svelte": "^3.49.0",
     "svelte-bricks": "^0.1.7",
     "svelte-check": "^2.8.0",
+    "svelte-lightbox": "^0.6.6",
     "svelte-preprocess": "^4.10.7",
     "svelte-typeahead": "^4.2.4",
     "tailwindcss": "^3.1.6",

pnpm-lock.yaml

@@ -40,6 +40,7 @@ specifiers:
   svelte: ^3.49.0
   svelte-bricks: ^0.1.7
   svelte-check: ^2.8.0
+  svelte-lightbox: ^0.6.6
   svelte-preprocess: ^4.10.7
   svelte-typeahead: ^4.2.4
   tailwindcss: ^3.1.6
@@ -91,6 +92,7 @@ devDependencies:
   svelte: 3.49.0
   svelte-bricks: 0.1.7
   svelte-check: 2.8.0_nxvsp6sjiltnatqa6jdm4mr6zu
+  svelte-lightbox: 0.6.6_svelte@3.49.0
   svelte-preprocess: 4.10.7_bgntxiihuqhg5mwaa7nczjwpga
   svelte-typeahead: 4.2.4
   tailwindcss: 3.1.6
@@ -5519,6 +5521,14 @@ packages:
       svelte: 3.49.0
     dev: true
 
+  /svelte-lightbox/0.6.6_svelte@3.49.0:
+    resolution: {integrity: sha512-/iYEGykyzKNTHlCjr1xT60mqI5k2/p+I1c6sihcQpQ2QMkJbB2WQj7kmt4RYyLMR1iKHBwwJuDW4Hc86sbh07A==}
+    peerDependencies:
+      svelte: ^3.25.0
+    dependencies:
+      svelte: 3.49.0
+    dev: true
+
   /svelte-preprocess/4.10.7_bgntxiihuqhg5mwaa7nczjwpga:
     resolution: {integrity: sha512-sNPBnqYD6FnmdBrUmBCaqS00RyCsCpj2BG58A1JBswNF7b0OKviwxqVrOL/CKyJrLSClrSeqQv5BXNg2RUbPOw==}
     engines: {node: '>= 9.11.2'}

tsconfig.json

@@ -10,6 +10,5 @@
     "sourceMap": true,
     "strict": true,
     "types": ["vite/client", "vite-plugin-pwa/client"]
-  },
+  }
-  "include": ["src/app.d.ts"]
 }

urara/2021-11-08-ux1/index.md

@@ -1,7 +1,7 @@
 ---
 title: Overview of User Experience Design
 summary: Introduction to User Experience Design｜Week1
-date: 2021-11-08T10:54:40+08:00
+created 2021-11-08T10:54:40+08:00
 # categories:
 #   - UX学习笔记
 #   - Introduction to User Experience Design

urara/2021-11-09-ux2/index.md

@@ -1,7 +1,7 @@
 ---
 title: Requirement Gathering
 summary: Introduction to User Experience Design｜Week2
-date: 2021-11-09T22:26:49+08:00
+created 2021-11-09T22:26:49+08:00
 categories:
   - UX学习笔记
   - Introduction to User Experience Design

urara/2021-11-14-ux3/index.md

@@ -1,7 +1,7 @@
 ---
 title: Design Alternatives
 summary: Introduction to User Experience Design｜Week3
-date: 2021-11-14T11:18:45+08:00
+created 2021-11-14T11:18:45+08:00
 categories:
   - UX学习笔记
   - Introduction to User Experience Design

urara/2021-11-18-ux4/index.md

@@ -1,7 +1,7 @@
 ---
 title: Prototyping
 summary: Introduction to User Experience Design｜Week4
-date: 2021-11-18T21:26:41+08:00
+created 2021-11-18T21:26:41+08:00
 categories:
   - UX学习笔记
   - Introduction to User Experience Design

urara/2021-11-18-ux5/index.md

@@ -1,7 +1,7 @@
 ---
 title: Evaluation
 summary: Introduction to User Experience Design｜Week5
-date: 2021-11-18T22:09:49+08:00
+created 2021-11-18T22:09:49+08:00
 categories:
   - UX学习笔记
   - Introduction to User Experience Design

urara/2022-03-03.md

@@ -1,7 +1,7 @@
 ---
 title: JavaScript · 判断水仙花数
 summary: 用JavaScript判断水仙花数
-date: 2022-03-03T15:07:14.533Z
+created 2022-03-03T15:07:14.533Z
 categories:
   - JavaScript
 tags:

urara/2022-03-04-decbin.md

@@ -1,7 +1,7 @@
 ---
 title: JavaScript · 十进制数转二进制
 summary: 用JavaScript将十进制数转二进制数
-date: 2022-03-04T14:57:48.683Z
+created 2022-03-04T14:57:48.683Z
 draft: ''
 tags:
   - JavaScript

urara/2022-03-06-airtable.md

@@ -1,7 +1,7 @@
 ---
 title: Airtable · 网页剪藏
 summary: Airtable Web Cilpper设置
-date: 2022-03-06T05:58:29.026Z
+created 2022-03-06T05:58:29.026Z
 categories:
   - 实用技巧
 tags:

urara/2022-03-07-filter.md

@@ -1,7 +1,7 @@
 ---
 title: JavaScript · 字符串去重
 summary: 编码实现字符串去重
-date: 2022-03-07T13:55:21.090Z
+created 2022-03-07T13:55:21.090Z
 tags:
   - JavaScript
 categories:

urara/2022-03-07-obsidian-notes1.md

@@ -1,7 +1,7 @@
 ---
 title: Obsidian · 网课学习笔记整理
 summary: 拆分整合的过程
-date: 2022-03-06T16:23:33.118Z
+created 2022-03-06T16:23:33.118Z
 tags:
   - Obsidian
 categories:

urara/2022-03-09-caesar-cipher.md

@@ -1,7 +1,7 @@
 ---
 title: JavaScript · Caesar Cipher 凯撒加密
 summary: 用JavaScrpit编码实现凯撒加密算法
-date: 2022-03-08T16:01:08.850Z
+created 2022-03-08T16:01:08.850Z
 tags:
   - JavaScript
 categories:

urara/2022-03-09-css-tab.md

@@ -1,7 +1,7 @@
 ---
 title: CSS · Tab选项卡
 summary: 一个纯 CSS 实现的 Tab 选项卡
-date: 2022-03-09T07:42:25.299Z
+created 2022-03-09T07:42:25.299Z
 tags:
   - CSS
 categories:

urara/2022-03-09-typewriter.md

@@ -1,7 +1,7 @@
 ---
 title: JavaScript · 打字机效果生成器
 summary: 用 JavaScript 实现网页打字机效果
-date: 2022-03-08T16:19:05.137Z
+created 2022-03-08T16:19:05.137Z
 tags:
   - JavaScript
 categories:

urara/2022-03-10-forty.md

@@ -1,7 +1,7 @@
 ---
 title: Forty页面仿写
 summary: 完成 HTML、CSS 代码编写，暂无 JavaScript
-date: 2022-03-10T08:38:17.227Z
+created 2022-03-10T08:38:17.227Z
 preview: ''
 draft: ''
 tags:

urara/2022-03-11-miniflux-to-pocket.md

@@ -1,7 +1,7 @@
 ---
 title: Miniflux · 保存文章到 Pocket 以及 RSS
 summary: 将 Miniflux 上的文章到保存到 Pocket/Instapaper,以及 RSS 相关文章和资源
-date: 2022-03-10T16:24:38.663Z
+created 2022-03-10T16:24:38.663Z
 preview: ''
 draft: ''
 tags:

urara/2022-03-29-12px.md

@@ -2,7 +2,7 @@
 title: CSS · 解决 Chrome 中小于12px的字体不显示的问题
 lastmod: 2022-04-07T07:36:23.629Z
 summary: 先用scale总体缩小再补上减少的宽度
-date: 2022-03-29T13:46:29.228Z
+created 2022-03-29T13:46:29.228Z
 tags:
   - CSS
   - CSS Trick

urara/argon.md

@@ -1,6 +1,6 @@
 ---
 title: CSS · Argon主题的CSS修改
-date: 2022-01-16 14:04:17
+created 2022-01-16 14:04:17
 tags:
   - CSS
 slug: free-axure-cloud

urara/axure.md

@@ -1,6 +1,6 @@
 ---
 title: 两种免费发布Axure原型的方式
-date: 2022-01-21 00:11:17
+created 2022-01-21 00:11:17
 tags:
   - 实用技巧
 slug: free-axure-cloud

urara/css-fundamental.md

@@ -1,6 +1,6 @@
 ---
 title: CSS · 基础笔记
-date: 2021-12-06T11:59:47+08:00
+created 2021-12-06T11:59:47+08:00
 slug: css-fundamental
 tags:
   - CSS

urara/css-layout.md

@@ -3,7 +3,7 @@ title: CSS · 三种布局方式
 slug: css-layouts
 tags:
   - CSS
-date: 2022-01-13T10:07:00.000Z
+created 2022-01-13T10:07:00.000Z
 summary: Float / Flexbox / Grid /
 lastmod: 2022-05-07T05:30:20.613Z
 ---

urara/flare.md

@@ -1,6 +1,6 @@
 ---
 title: 自建网页书签Flare
-date: 2022-02-20 14:04:17
+created 2022-02-20 14:04:17
 tags:
   - Docker
   - Self-hosted

urara/grid.md

@@ -3,7 +3,7 @@ title: CSS · Reusable Grid
 slug: css-grid
 tags:
   - CSS
-date: 2022-01-13T10:01:44.000Z
+created 2022-01-13T10:01:44.000Z
 summary: 可复用的CSS Grid设置
 lastmod: 2022-05-07T05:32:52.372Z
 ---

urara/halo.md

@@ -1,6 +1,6 @@
 ---
 title: 用 docker 安装 Halo 博客
-date: 2022-02-16 14:04:17
+created 2022-02-16 14:04:17
 tags:
   - Docker
   - Self-hosted

urara/hover.md

@@ -1,6 +1,6 @@
 ---
 title: CSS · hover时图片放大的动效
-date: 2022-01-13T16:03:47.000Z
+created 2022-01-13T16:03:47.000Z
 slug: hover-image-scale
 tags:
   - CSS Trick

urara/html-basis.md

@@ -1,6 +1,6 @@
 ---
 title: HTML · 基础笔记
-date: 2021-12-06T11:59:47+08:00
+created 2021-12-06T11:59:47+08:00
 slug: html-notes
 tags:
   - HTML

urara/insight.md

@@ -1,6 +1,6 @@
 ---
 title: 什么是设计洞察 · What is Insight
-date: 2021-10-15T15:07:14.533Z
+created 2021-10-15T15:07:14.533Z
 tags:
   - Design Thinking
   - 翻译

urara/margin.md

@@ -4,7 +4,7 @@ slug: css-margin
 tags:
   - CSS Trick
   - CSS
-date: 2022-01-13T10:04:21.000Z
+created 2022-01-13T10:04:21.000Z
 summary: 用helper class为单个按钮加margin，防止元素复用时产生不必要的margin
 lastmod: 2022-05-07T05:32:49.156Z
 ---

urara/material.md

@@ -1,6 +1,6 @@
 ---
 title: 翻译 · Material Design3
-date: 2022-01-03 13:02:17
+created 2022-01-03 13:02:17
 tags:
   - 翻译
 categories:

urara/rem-css.md

@@ -3,7 +3,7 @@ title: CSS · Rem in CSS
 slug: rem-css
 tags:
   - CSS
-date: 2022-01-12T09:50:27.000Z
+created 2022-01-12T09:50:27.000Z
 summary: CSS中的Rem是什么
 lastmod: 2022-05-07T05:32:42.708Z
 ---

urara/vscode.md

@@ -6,7 +6,7 @@ categories:
   - 实用技巧
 slug: vscode-tips
 summary: 字体/插件/设置……
-date: 2022-01-27T13:40:28.920Z
+created 2022-01-27T13:40:28.920Z
 lastmod: 2022-03-30T02:20:34.584Z
 ---
 

urara/用户体验要素1.md

@@ -1,7 +1,7 @@
 ---
 title: 《用户体验要素》- 用户体验为何如此重要
 summary: 第一章笔记
-date: 2021-11-29T11:06:10+08:00
+created 2021-11-29T11:06:10+08:00
 categories:
   - UX学习笔记
   - 《用户体验要素》

urara/用户体验要素2.md

@@ -1,7 +1,7 @@
 ---
 title: 《用户体验要素》- 认识这些要素
 summary: 第二章笔记
-date: 2021-12-06T11:59:47+08:00
+created 2021-12-06T11:59:47+08:00
 categories:
   - UX学习笔记
   - 《用户体验要素》

urara/用户体验要素3.md

@@ -1,6 +1,6 @@
 ---
 title: 《用户体验要素》- 战略层（产品目标和用户需求）
-date: 2022-01-02 13:08:29
+created 2022-01-02 13:08:29
 categories:
   - UX学习笔记
 tags:

urara/设计心理学1-1.md

@@ -7,7 +7,7 @@ categories:
   - 设计心理学
 keywords:
   - 设计心理学
-date: 2021-10-20T12:28:00.000Z
+created 2021-10-20T12:28:00.000Z
 # layout: post
 summary: 《设计心理学 1》第一章——好设计有两个特征可视性和易通性
 lastmod: 2022-04-16T12:55:08.323Z

urara/设计心理学1-2.md

@@ -9,7 +9,7 @@ keywords:
   - 设计心理学
 draft: false
 # layout: post
-date: 2021-10-20T16:14:47.371Z
+created 2021-10-20T16:14:47.371Z
 summary: 《设计心理学 1》第二章——人们如何做事？当事情出错了怎么办？怎么知道要做什么？
 lastmod: 2022-04-16T12:55:05.400Z
 ---

urara/设计心理学1-3.md

@@ -8,7 +8,7 @@ categories:
   - 设计心理学
 keywords:
   - 设计心理学
-date: 2021-10-20T17:08:47.371Z
+created 2021-10-20T17:08:47.371Z
 summary: 《设计心理学 1》第三章——并非精确行为需要的所有知识都得储存在头脑里
 lastmod: 2022-04-16T12:55:13.235Z
 # layout: post

urara/设计心理学1-4.md

@@ -7,7 +7,7 @@ categories:
   - 设计心理学
 keywords:
   - 设计心理学
-date: 2021-10-22T20:21:44.000Z
+created 2021-10-22T20:21:44.000Z
 summary: 《设计心理学 1》第四章——遇到一个新的设备或状况，设计师应如何提供重要信息，以便人们知道如何操作
 lastmod: 2022-04-16T12:55:16.673Z
 # layout: post

urara/设计心理学1-5.md

@@ -1,7 +1,7 @@
 ---
 title: 人为差错？不，拙劣的设计
 summary: 《设计心理学 1》第五章——设计师经常严重误解人心理的局限性，要求人像机器一样工作
-date: 2021-10-27T20:22:17+08:00
+created 2021-10-27T20:22:17+08:00
 math: falase
 categories:
   - 设计心理学

urara/设计心理学1-6.md

@@ -1,6 +1,6 @@
 ---
 title: 设计思维
-date: 2021-11-03T03:49:10.353Z
+created 2021-11-03T03:49:10.353Z
 categories:
   - 设计心理学
 tags:

urara/设计心理学1-7.md

@@ -1,7 +1,7 @@
 ---
 title: 全球商业化中的设计
 summary: 《设计心理学 1》第七章——本书的总结
-date: 2021-11-03T03:59:18.000Z
+created 2021-11-03T03:59:18.000Z
 categories:
   - 设计心理学
 tags: