vault backup: 2025-08-23 09:34:42

.obsidian/appearance.json

@@ -1,3 +1,6 @@
 {
-  "cssTheme": ""
+  "cssTheme": "",
+  "enabledCssSnippets": [
+    "timeline-snippet"
+  ]
 }

.obsidian/community-plugins.json

@@ -55,5 +55,6 @@
   "rss-reader",
   "editing-toolbar",
   "obsidian-banners",
-  "simpread"
+  "simpread",
+  "obsidian-timeline"
 ]

.obsidian/plugins/cubox-sync/data.json

@@ -34,7 +34,7 @@
   "contentTemplate": "# {{{title}}}\n\n{{{description}}}\n\n{{{article_title}}} //文章内容标题\n{{{content}}} //文章正文\n\n\n[Read in Cubox]({{{cubox_url}}})  \n[Read Original]({{{url}}})  \n\n---\n\n{{#highlights.length}}\n## Annotations  \n\n{{#highlights}}\n> {{{text}}}  \n\n{{#note}}\n{{{note}}}\n{{/note}}\n[Link️]({{{cubox_url}}})  \n\n{{/highlights}}\n{{/highlights.length}}",
   "highlightInContent": true,
   "dateFormat": "yyyy-MM-dd",
-  "lastSyncTime": 1755910275295,
+  "lastSyncTime": 1755912075066,
   "lastSyncCardId": "7358083230366436785",
   "lastCardUpdateTime": "2025-08-21T13:52:28.950+0800",
   "syncing": false

.obsidian/plugins/obsidian-timeline/main.js

@@ -0,0 +1,123 @@
+/*
+THIS IS A GENERATED/BUNDLED FILE BY ROLLUP
+if you want to view the source visit the plugins github repository
+*/
+
+'use strict';
+
+var obsidian = require('obsidian');
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+const labeledRegex = /^[ \t]*date:(.+?)(?:^[ \t]*title:(.+?))?(?:^[ \t]*content:(.+?))?(?=^[ \t]*date:)/gimsu;
+const timelineLabeledParser = (source) => {
+    source += "\ndate: ";
+    let sourceMatch;
+    const parsed = [];
+    while ((sourceMatch = labeledRegex.exec(source)) !== null) {
+        parsed.push({
+            time: sourceMatch[1],
+            title: sourceMatch[2],
+            description: sourceMatch[3]
+        });
+    }
+    return parsed;
+};
+const timelineParser = (source) => {
+    const sourceSplitted = source.split(/^\s*\+ ?/gm).slice(1);
+    sourceSplitted.push("", "");
+    const parsed = [];
+    const counter = sourceSplitted.length - (sourceSplitted.length % 3);
+    for (let i = 0; i < counter; i += 3) {
+        parsed.push({
+            time: sourceSplitted[i],
+            title: sourceSplitted[i + 1],
+            description: sourceSplitted[i + 2]
+        });
+    }
+    return parsed;
+};
+const toExport = [
+    { tag: "timeline", parser: timelineParser },
+    { tag: "timeline-labeled", parser: timelineLabeledParser },
+];
+
+class TimelineElement {
+    constructor(root, sourcePath) {
+        this.addEvent = (info) => {
+            Object.entries(info).map(([key, val]) => {
+                const element = this.root.createDiv({ cls: key });
+                const text = val;
+                obsidian.MarkdownRenderer.renderMarkdown(text, element, this.sourcePath, null);
+                return [key, element];
+            });
+        };
+        this.getElement = () => this.root;
+        this.root = root.createDiv({ cls: 'timeline' });
+        this.sourcePath = sourcePath;
+    }
+}
+
+const classRegex = /(?<=^\s*)\[.+?\]/gs;
+const toClassArray = (input) => {
+    input = input.trim();
+    if (input[0] != "[" || input[input.length - 1] != "]")
+        return [];
+    return input
+        .substring(1, input.length - 1)
+        .trim()
+        .split(/\s*,\s*/);
+};
+class TimelinePlugin extends obsidian.Plugin {
+    constructor() {
+        super(...arguments);
+        this.onload = () => __awaiter(this, void 0, void 0, function* () {
+            toExport.forEach(({ tag, parser }) => {
+                this.registerMarkdownCodeBlockProcessor(tag, (source, root, ctx) => {
+                    const timelineElement = new TimelineElement(root, ctx.sourcePath);
+                    const el = timelineElement.getElement();
+                    el.addClass("timeline");
+                    const classMatch = source.match(classRegex);
+                    if (classMatch !== null) {
+                        const classes = toClassArray(classMatch[0]);
+                        el.addClasses(classes);
+                    }
+                    const events = parser(source);
+                    events.forEach(e => timelineElement.addEvent(e));
+                });
+            });
+            console.log("timeline load");
+        });
+        this.onunload = () => __awaiter(this, void 0, void 0, function* () {
+            console.log("timeline onunload");
+        });
+    }
+}
+
+module.exports = TimelinePlugin;
+
+
+/* nosourcemap */

.obsidian/plugins/obsidian-timeline/manifest.json

@@ -0,0 +1,10 @@
+{
+	"id": "obsidian-timeline",
+	"name": "Timeline",
+	"version": "1.1.0",
+	"minAppVersion": "0.15.6",
+	"description": "Used to build great timelines",
+	"author": "George Butco",
+	"authorUrl": "",
+	"isDesktopOnly": false
+}

.obsidian/snippets/timeline-snippet.css

@@ -0,0 +1,280 @@
+.timeline.spaced-lines ul:not(ul ul) > li:nth-child(3n) p {
+  line-height: 1.7rem;
+}
+
+.timeline {
+  --timeline-active-color: var(--background-modifier-success);
+}
+
+.timeline.active-color-background-modifier-success {
+  --timeline-active-color: var(--background-modifier-success);
+}
+
+.timeline.active-color-background-modifier-error {
+  --timeline-active-color: var(--background-modifier-error);
+}
+
+.timeline.active-color-background-modifier-error-hover {
+  --timeline-active-color: var(--background-modifier-error-hover);
+}
+
+.timeline.active-color-text-accent {
+  --timeline-active-color: var(--text-accent);
+}
+
+.timeline.active-color-text-accent-hover {
+  --timeline-active-color: var(--text-accent-hover);
+}
+
+.timeline.active-color-text-error {
+  --timeline-active-color: var(--text-error);
+}
+
+.timeline.active-color-text-error-hover {
+  --timeline-active-color: var(--text-error-hover);
+}
+
+.timeline.active-color-text-selection {
+  --timeline-active-color: var(--text-selection);
+}
+
+.timeline.active-color-interactive-accent {
+  --timeline-active-color: var(--interactive-accent);
+}
+
+.timeline.active-color-interactive-accent-hover {
+  --timeline-active-color: var(--interactive-accent-hover);
+}
+
+.timeline.active-color-interactive-success {
+  --timeline-active-color: var(--interactive-success);
+}
+
+.timeline ul:not(ul ul) {
+  display: grid;
+  grid-template-columns: auto auto 1fr;
+  column-gap: 1.5rem;
+  margin: 2.3rem 0;
+}
+.timeline ul:not(ul ul) > li {
+  list-style: none;
+}
+.timeline ul:not(ul ul) > li > *:first-child {
+  margin-top: 0;
+}
+.timeline ul:not(ul ul) > li > *:last-child {
+  margin-bottom: 0;
+}
+.timeline ul:not(ul ul) > li:nth-child(3n), .timeline ul:not(ul ul) > li:nth-child(3n+2) {
+  grid-column: 3;
+}
+.timeline ul:not(ul ul) > li:nth-child(3n+1), .timeline ul:not(ul ul) > li:nth-child(3n+2) {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: 0.4em 0;
+  font-size: 1.3rem;
+  font-weight: bold;
+}
+.timeline ul:not(ul ul) > li:nth-child(3n+1) > *, .timeline ul:not(ul ul) > li:nth-child(3n+2) > * {
+  font-size: 1.3rem;
+  font-weight: bold;
+}
+.timeline ul:not(ul ul) > li:nth-child(3n+1) {
+  grid-column: 1;
+  position: relative;
+  justify-self: right;
+  text-align: right;
+}
+.timeline ul:not(ul ul) > li:nth-child(3n+1)::before, .timeline ul:not(ul ul) > li:nth-child(3n+1)::after {
+  content: " ";
+  position: absolute;
+  height: 100%;
+  width: 0.5rem;
+  right: -2rem;
+  top: 0;
+}
+.timeline ul:not(ul ul) > li:nth-child(3n+1)::before {
+  background-color: var(--background-primary);
+}
+.timeline ul:not(ul ul) > li:nth-child(3n+1)::after {
+  background-color: var(--text-normal);
+  opacity: 0.25;
+}
+.timeline ul:not(ul ul) > li:nth-child(3n) {
+  position: relative;
+  margin-bottom: 4.5rem;
+  padding-top: 0.4em;
+}
+.timeline ul:not(ul ul) > li:nth-child(3n)::after {
+  content: " ";
+  position: absolute;
+  border-bottom: 0.1rem dashed var(--text-normal);
+  opacity: 0.1;
+  width: 100%;
+  left: 0;
+  bottom: -2.25rem;
+  transform: translateY(50%);
+}
+.timeline ul:not(ul ul) > li:nth-child(3n):last-child {
+  margin-bottom: 0.4em;
+}
+.timeline ul:not(ul ul) > li:nth-child(3n):last-child::after {
+  display: none;
+}
+.timeline ul:not(ul ul)::before {
+  content: "";
+  height: 100%;
+  width: 0.5rem;
+  grid-column: 2/span 1;
+  grid-row-start: 1;
+  grid-row-end: span 1000;
+  background-color: var(--text-normal);
+  opacity: 0.1;
+}
+
+.timeline.body-2 ul:not(ul ul) > li:nth-child(3n+2), .timeline.body-2 ul:not(ul ul) > li:nth-child(3n), .timeline.body-3 ul:not(ul ul) > li:nth-child(3n+2), .timeline.body-3 ul:not(ul ul) > li:nth-child(3n), .timeline.body-4 ul:not(ul ul) > li:nth-child(3n+2), .timeline.body-4 ul:not(ul ul) > li:nth-child(3n) {
+  background-color: var(--background-primary-alt);
+}
+.timeline.body-2 ul:not(ul ul) > li:nth-child(3n), .timeline.body-3 ul:not(ul ul) > li:nth-child(3n), .timeline.body-4 ul:not(ul ul) > li:nth-child(3n) {
+  margin-bottom: 2.25rem;
+}
+.timeline.body-2 ul:not(ul ul) > li:nth-child(3n):last-child, .timeline.body-3 ul:not(ul ul) > li:nth-child(3n):last-child, .timeline.body-4 ul:not(ul ul) > li:nth-child(3n):last-child {
+  margin-bottom: 0.4em;
+}
+.timeline.body-2 ul:not(ul ul) > li:nth-child(3n)::after, .timeline.body-3 ul:not(ul ul) > li:nth-child(3n)::after, .timeline.body-4 ul:not(ul ul) > li:nth-child(3n)::after {
+  display: none;
+}
+
+.timeline.body-2 ul:not(ul ul) > li:nth-child(3n), .timeline.body-2 ul:not(ul ul) > li:nth-child(3n+2), .timeline.body-4 ul:not(ul ul) > li:nth-child(3n), .timeline.body-4 ul:not(ul ul) > li:nth-child(3n+2) {
+  padding: 1.5rem;
+  padding-top: 0.4em;
+}
+.timeline.body-2 ul:not(ul ul) > li:nth-child(3n+2), .timeline.body-4 ul:not(ul ul) > li:nth-child(3n+2) {
+  padding-bottom: 0;
+}
+.timeline.body-2 ul:not(ul ul) > li:nth-child(3n+1), .timeline.body-4 ul:not(ul ul) > li:nth-child(3n+1) {
+  margin-top: 0.4em;
+}
+
+.timeline.body-2 ul:not(ul ul) > li:nth-child(3n+2) {
+  border-radius: 1.5rem 1.5rem 0 0;
+}
+.timeline.body-2 ul:not(ul ul) > li:nth-child(3n) {
+  border-radius: 0 0 1.5rem 1.5rem;
+}
+
+.timeline.body-3 ul:not(ul ul) > li:nth-child(3n+2), .timeline.body-3 ul:not(ul ul) > li:nth-child(3n) {
+  margin-left: 1rem;
+}
+.timeline.body-3 ul:not(ul ul) > li:nth-child(3n+2) {
+  position: relative;
+  background: var(--timeline-active-color);
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
+.timeline.body-3 ul:not(ul ul) > li:nth-child(3n+2)::before {
+  content: "";
+  position: absolute;
+  width: 2rem;
+  background: var(--timeline-active-color);
+  top: 0;
+  bottom: 0;
+  left: -1rem;
+  clip-path: polygon(1rem 0, 100% 0, 100% 100%, 1rem 100%, 0 50%);
+}
+.timeline.body-3 ul:not(ul ul) > li:nth-child(3n) {
+  padding: 1.5rem;
+}
+
+.timeline.body-4 ul:not(ul ul) > li:nth-child(3n+2), .timeline.body-4 ul:not(ul ul) > li:nth-child(3n) {
+  border-left: 0.3rem solid var(--timeline-active-color);
+}
+
+.timeline.line-2 ul:not(ul ul) > li:nth-child(3n+1)::before, .timeline.line-2 ul:not(ul ul) > li:nth-child(3n+1)::after {
+  right: -2.2rem;
+  top: 50%;
+  transform: translateY(-50%);
+  border-radius: 50%;
+}
+.timeline.line-2 ul:not(ul ul) > li:nth-child(3n+1)::before {
+  height: 1.2rem;
+  width: 1.2rem;
+}
+.timeline.line-2 ul:not(ul ul) > li:nth-child(3n+1)::after {
+  background: transparent;
+  border: 0.2rem solid var(--text-normal);
+  height: 0.8rem;
+  width: 0.8rem;
+  opacity: 0.15;
+}
+.timeline.line-2 ul:not(ul ul)::before {
+  width: 0.2rem;
+  opacity: 0.15;
+}
+
+.timeline.line-3 ul:not(ul ul) > li:nth-child(3n+1)::before {
+  background: var(--timeline-active-color);
+  height: 1rem;
+  width: 1rem;
+  border: 0.3rem solid var(--background-primary);
+  right: -2.45rem;
+  top: 50%;
+  transform: translateY(-50%);
+  border-radius: 50%;
+}
+.timeline.line-3 ul:not(ul ul) > li:nth-child(3n+1)::after {
+  background: transparent;
+}
+.timeline.line-3 ul:not(ul ul)::before {
+  width: 0.3rem;
+  opacity: 0.15;
+}
+
+.timeline.line-4 ul:not(ul ul) > li:nth-child(3n+1)::before, .timeline.line-4 ul:not(ul ul) > li:nth-child(3n+1)::after {
+  top: 50%;
+  transform: translateY(-50%);
+  border-radius: 50%;
+}
+.timeline.line-4 ul:not(ul ul) > li:nth-child(3n+1)::before {
+  background: var(--text-normal);
+  height: 1.3rem;
+  width: 1.3rem;
+  right: -2.225rem;
+}
+.timeline.line-4 ul:not(ul ul) > li:nth-child(3n+1)::after {
+  opacity: 1;
+  background: var(--timeline-active-color);
+  height: 0.85rem;
+  width: 0.85rem;
+  right: -2rem;
+}
+.timeline.line-4 ul:not(ul ul)::before {
+  opacity: 1;
+  width: 0.15rem;
+  background-color: transparent;
+  background-image: linear-gradient(var(--text-normal) 60%, rgba(255, 255, 255, 0) 0%);
+  background-position: right;
+  background-size: 0.15rem 1.5rem;
+  background-repeat: repeat-y;
+}
+
+.timeline.line-5 ul:not(ul ul) > li:nth-child(3n+1)::before, .timeline.line-5 ul:not(ul ul) > li:nth-child(3n+1)::after {
+  top: 50%;
+}
+.timeline.line-5 ul:not(ul ul) > li:nth-child(3n+1)::before {
+  width: 3rem;
+  height: 3rem;
+  right: -3.1rem;
+  transform: translateY(-50%);
+}
+.timeline.line-5 ul:not(ul ul) > li:nth-child(3n+1)::after {
+  width: 1rem;
+  height: 1rem;
+  right: 0;
+  transform: translateY(-50%) translateX(2.1rem) rotate(45deg);
+}
+.timeline.line-5 ul:not(ul ul)::before {
+  width: 0.2rem;
+  opacity: 0.25;
+}

.obsidian/workspace.json

@@ -226,16 +226,6 @@
               "icon": "image",
               "title": "小红书预览"
             }
-          },
-          {
-            "id": "6999dc2c61d5305a",
-            "type": "leaf",
-            "state": {
-              "type": "note-to-red",
-              "state": {},
-              "icon": "image",
-              "title": "小红书预览"
-            }
           }
         ],
         "currentTab": 4
@@ -336,8 +326,8 @@
   },
   "active": "210f6e255abf09ac",
   "lastOpenFiles": [
-    "01-工作日记/2025-08-22.md",
     "01-工作日记/2025-08-23.md",
+    "01-工作日记/2025-08-22.md",
     "50-Memos/2025/08/长沙的街上现在已经很凉爽了！ (2025-08-22 20-46).md",
     "50-Memos/2025/08/resources/npLDiAioDzxYNMCxDndP3Q_A0FB7954-FD46-4F7F-A39E-E5284AAD9223.jpg",
     "08-Inbox/Draft202508.md",

01-工作日记/2025-08-23.md

@@ -12,6 +12,12 @@ excerpt:
 
 ## 2 Tracking
 
+---
+cssclass: timeline
+---
+
+
+
 ## 3 Tips
 
 ## 4 Questions