161 |

162 |

163 | ${["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"].map(day => 164 | `

${day}

` 165 | ).join('')}`; 166 | 167 | habits.forEach(habit => { 168 | trackerHTML += `

${habit}

`; 169 | 170 | for (let i = 0; i < 7; i++) { 171 | const currentDate = new Date(startDate); 172 | currentDate.setDate(startDate.getDate() + i); 173 | const dateStr = formatDate(currentDate); 174 | const page = getPageForDate(dateStr); 175 | 176 | const status = page ? { 177 | '🧘 拉伸': page.stretch || false, 178 | '📓 日记': page.journal || false, 179 | '💻 笔记': page.notes || false, 180 | '🏃 慢跑': page.running || false, 181 | '📖 阅读': page.reading || false, 182 | '🤔 Stoic': page.stoic || "", 183 | '💢 心情': page.mood ?? null 184 | }[habit] : null; 185 | 186 | const isMood = habit === '💢 心情'; 187 | 188 | trackerHTML += ` 189 |

190 | 194 | ${isMood ? (status !== null ? moodEmojiMap[status] : '') : (status ? '✓' : '')} 195 | 196 |

`; 197 | } 198 | }); 199 | 200 | trackerHTML += '

'; 201 | return trackerHTML; 202 | } -------------------------------------------------------------------------------- /bujo_calender_views V1.0/markdown文件/日视图.md: -------------------------------------------------------------------------------- 1 | --- 2 | created: 2025-03-01T10:23 3 | updated: 2025-03-01T13:23 4 | cssclasses: 5 | - calendar-views 6 | --- 7 | ```dataviewjs 8 | // 获取当前页面的日期（支持文件名和created属性） 9 | const getPageDate = () => { 10 | // 尝试从文件名获取日期 11 | const fileName = dv.current().file.name.split(" ")[0]; 12 | const dateMatch = fileName.match(/^\d{4}-\d{2}-\d{2}$/); 13 | 14 | if (dateMatch) { 15 | const [year, month, day] = fileName.split("-").map(Number); 16 | return new Date(year, month - 1, day); 17 | } 18 | 19 | // 如果文件名不是日期格式，使用created属性 20 | return new Date(dv.current().created); 21 | }; 22 | 23 | const currentDate = getPageDate(); 24 | const [year, month, day] = [ 25 | currentDate.getFullYear(), 26 | currentDate.getMonth() + 1, 27 | currentDate.getDate() 28 | ]; 29 | 30 | // 计算本周日期 31 | const currentDayOfWeek = (currentDate.getDay() + 6) % 7; 32 | const weekStart = new Date(currentDate); 33 | weekStart.setDate(currentDate.getDate() - currentDayOfWeek); 34 | const weekEnd = new Date(currentDate); 35 | weekEnd.setDate(currentDate.getDate() + (6 - currentDayOfWeek)); 36 | 37 | // 修改日期格式化函数 38 | const formatDateStr = (date) => { 39 | const y = date.getFullYear(); 40 | const m = String(date.getMonth() + 1).padStart(2, '0'); 41 | const d = String(date.getDate()).padStart(2, '0'); 42 | return `${y}-${m}-${d}`; 43 | }; 44 | 45 | // 简化周数计算 46 | const getWeekInfo = (date) => { 47 | const firstDayOfYear = new Date(date.getFullYear(), 0, 1); 48 | const pastDaysOfYear = (date - firstDayOfYear) / 86400000; 49 | return { 50 | week: 2 + Math.floor((pastDaysOfYear + firstDayOfYear.getDay() + 1) / 7), 51 | year: date.getFullYear() 52 | }; 53 | }; 54 | 55 | // 获取 ISO 周数 56 | const getISOWeek = (date) => { 57 | const target = new Date(date.valueOf()); 58 | const dayNr = (date.getDay() + 6) % 7; 59 | target.setDate(target.getDate() - dayNr + 3); 60 | const jan4 = new Date(target.getFullYear(), 0, 4); 61 | const dayDiff = (target - jan4) / 86400000; 62 | return 2 + Math.floor(dayDiff / 7); 63 | }; 64 | 65 | // 格式化标题 66 | const weekNumber = getISOWeek(currentDate); 67 | const formattedWeek = `${year} W${weekNumber}`; 68 | 69 | // 修改容器类名 70 | let calendarHTML = `

`; 71 | calendarHTML += `

${formattedWeek}

`; 72 | calendarHTML += `

`; 73 | calendarHTML += `

`; 74 | 75 | // 添加星期标题 76 | ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"].forEach(day => { 77 | calendarHTML += `

${day}

`; 78 | }); 79 | 80 | // 填充日期 81 | for (let i = 0; i < 7; i++) { 82 | const date = new Date(weekStart); 83 | date.setDate(weekStart.getDate() + i); 84 | const dateStr = formatDateStr(date); 85 | const page = dv.page(dateStr); 86 | 87 | let cellClasses = ["date-cell"]; 88 | if (date.toDateString() === currentDate.toDateString()) { 89 | cellClasses.push("date-cell-current"); 90 | } else if (page) { 91 | cellClasses.push("date-cell-has-note"); 92 | } 93 | 94 | calendarHTML += `

${date.getDate()}

`; 95 | } 96 | 97 | calendarHTML += `

`; // 结束 calendar-grid 98 | 99 | // 将引用区块移到日历网格外部 100 | //calendarHTML += `

`; 101 | calendarHTML += `

102 |

❝

103 | ${dv.current().quote ? 104 | String(dv.current().quote) 105 | .replace(/^"+|"+$/g, '') 106 | .replace(/(\[\[.*?\]\])|(.*\.md\|?)/g, (match) => { 107 | const parts = match.split('|'); 108 | return parts.length > 1 ? parts.pop() : parts[0]; 109 | }) 110 | .replace(/\]\]/g, '') : 111 | '浊水变澄清，全在自流中。————种田山头火'} 112 |

`; 113 | 114 | calendarHTML += `

`; // 结束 calendar-container 115 | 116 | dv.paragraph(calendarHTML); 117 | 118 | -------------------------------------------------------------------------------- /bujo_calender_views V1.0/markdown文件/月视图.md: -------------------------------------------------------------------------------- 1 | --- 2 | created: 2025-02-28T10:28:00 3 | updated: 2025-03-01T12:47 4 | cssclasses: 5 | - month-view 6 | - calendar-views 7 | --- 8 | ```dataviewjs 9 | // 移除内联样式定义 10 | const mainContainerStyle = ``; 11 | const containerStyle = ``; 12 | 13 | // 初始化容器 14 | let combinedHTML = '

23 |

24 | ${currentYear} 25 | 正确的开始，微小的长进，然后持续。 26 |

27 |

`; 28 | 29 | // 生成月份按钮 30 | for (let month = 1; month <= 12; month++) { 31 | const monthStart = dv.date(`${currentYear}-${String(month).padStart(2,'0')}-01`); 32 | const monthName = monthStart.toFormat('MMM'); 33 | const hasMonthlyNote = dv.page(`Monthly/${currentYear}-${String(month).padStart(2,'0')}`); 34 | 35 | const classes = [ 36 | 'month-button', 37 | month === currentMonth ? 'current' : '', 38 | hasMonthlyNote ? 'has-note' : '' 39 | ].filter(Boolean).join(' '); 40 | 41 | yearCalendarHTML += ` 42 |

44 | ${monthName} 45 |

`; 46 | } 47 | 48 | yearCalendarHTML += '

'; 49 | 50 | // 创建标题和网格布局 51 | let habitHTML = ` 52 |

53 |

54 | `; 55 | // 确保日期框架稳定生成 56 | const buildCalendarGrid = () => { 57 | // 获取当前月份（动态） 58 | const currentDate = dv.date(dv.current().created); 59 | const monthStart = currentDate.startOf('month'); 60 | const daysInMonth = currentDate.daysInMonth; 61 | 62 | // 核心框架生成 63 | let habitHTML = ` 64 |

78 |

79 | `; 80 | 81 | // 生成日期列（强制生成空框架） 82 | Array.from({length: daysInMonth}).forEach((_, index) => { 83 | habitHTML += `

${index +1}

`; 84 | }); 85 | habitHTML += `

`; //统计列 86 | 87 | // 定义习惯列表 88 | const habits = ['🧘 拉伸', '📓 日记', '💻 笔记', '🏃 慢跑', '📖 阅读', '🤔 Stoic', '💢 心情']; 89 | 90 | // 获取数据（带空值保护） 91 | const safeGetPages = () => { 92 | try { 93 | return dv.pages('"0_Bullet Journal/Daily Notes"') 94 | .where(p => p?.file?.name?.startsWith(monthStart.toFormat('yyyy-MM'))) 95 | .sort(p => p.file.name, 'asc') || []; 96 | } catch { 97 | return []; 98 | } 99 | }; 100 | const pages = safeGetPages(); 101 | 102 | const moodEmojiMap = { 103 | [-5]: '😱', [-4]: '😖', [-3]: '😟', [-2]: '😔', [-1]: '😕', 104 | 0: '😐', 1: '🙂', 2: '😊', 3: '😄', 4: '🥰', 5: '😇' 105 | }; 106 | 107 | // 简化习惯状态获取逻辑 108 | const getHabitState = (page, habit) => { 109 | const stateMap = { 110 | '🧘 拉伸': 'stretch', 111 | '📓 日记': 'journal', 112 | '💻 笔记': 'notes', 113 | '🏃 慢跑': 'running', 114 | '📖 阅读': 'reading', 115 | '🤔 Stoic': 'stoic', 116 | '💢 心情': 'mood' 117 | }; 118 | return page?.[stateMap[habit]] ?? null; 119 | }; 120 | 121 | // 构建习惯行 122 | habits.forEach(habit => { 123 | let habitCount = 0; 124 | let moodSum = 0; 125 | let moodCount = 0; 126 | 127 | habitHTML += `

${habit}

`; 128 | 129 | for (let day = 1; day <= daysInMonth; day++) { 130 | const currentDate = monthStart.plus({days: day-1}); 131 | const page = pages.find(p => 132 | dv.date(p?.file?.name?.split(" ")[0])?.toISODate() === currentDate.toISODate() 133 | ) || {}; 134 | 135 | // 安全获取习惯状态 136 | const habitState = getHabitState(page, habit); 137 | 138 | // 更新统计值部分 139 | if (habit === '💢 心情') { 140 | if (habitState !== null) { 141 | moodSum += habitState; 142 | moodCount++; 143 | } 144 | } else if (habit === '🤔 Stoic') { 145 | if (page.file && habitState && habitState.trim() !== '') { 146 | habitCount++; 147 | } 148 | } else { 149 | if (page.file && habitState === true) { 150 | habitCount++; 151 | } 152 | } 153 | 154 | // 在渲染单元格时使用简化的逻辑 155 | const getCellStyle = (habit, state) => ` 156 | width: 1.5rem; 157 | height: 1.5rem; 158 | background-color: ${habit === '💢 心情' 159 | ? 'var(--background-modifier-hover)' 160 | : (state ? 'var(--interactive-accent)' : 'var(--background-modifier-hover)')}; 161 | border: 1.5px dotted ${habit === '💢 心情' 162 | ? 'var(--interactive-accent)' 163 | : (state ? 'transparent' : 'var(--interactive-accent)')}; 164 | `; 165 | 166 | // 渲染单元格（强制最小显示） 167 | habitHTML += ` 168 |

169 | 174 | ${habit === '💢 心情' ? (moodEmojiMap[habitState] || '') : (habitState ? '✓' : '')} 175 | 176 |

`; 177 | } 178 | 179 | const statValue = habit === '💢 心情' 180 | ? moodCount > 0 181 | ? moodEmojiMap[Math.round(moodSum / moodCount)] 182 | : '-' 183 | : `${Math.round((habitCount / daysInMonth) * 100)}%`; // 所有习惯都使用整月天数 184 | 185 | habitHTML += ` 186 |

198 | ${statValue} 199 |

200 | `; 201 | }); 202 | 203 | return habitHTML + '

'; 204 | } 205 | 206 | // 最终输出 207 | //dv.paragraph(buildCalendarGrid()); 208 | // 闭合容器 209 | habitHTML += `

273 |

274 |

275 | ${["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"].map(day => 276 | `

${day}

` 277 | ).join('')}`; 278 | 279 | habits.forEach(habit => { 280 | trackerHTML += `

${habit}

`; 281 | 282 | for (let i = 0; i < 7; i++) { 283 | const currentDate = new Date(startDate); 284 | currentDate.setDate(startDate.getDate() + i); 285 | const dateStr = formatDate(currentDate); 286 | const page = getPageForDate(dateStr); 287 | 288 | const status = page ? { 289 | '🧘 拉伸': page.stretch || false, 290 | '📓 日记': page.journal || false, 291 | '💻 笔记': page.notes || false, 292 | '🏃 慢跑': page.running || false, 293 | '📖 阅读': page.reading || false, 294 | '🤔 Stoic': page.stoic || "", 295 | '💢 心情': page.mood ?? null 296 | }[habit] : null; 297 | 298 | const isMood = habit === '💢 心情'; 299 | 300 | trackerHTML += ` 301 |

302 | 306 | ${isMood ? (status !== null ? moodEmojiMap[status] : '') : (status ? '✓' : '')} 307 | 308 |

`; 309 | } 310 | }); 311 | 312 | trackerHTML += '

'; 313 | return trackerHTML; 314 | } 315 | ``` 316 | 317 | 318 | ### 月视图 319 | 320 | ```dataviewjs 321 | // 移除内联样式定义 322 | const mainContainerStyle = ``; 323 | const containerStyle = ``; 324 | 325 | // 初始化容器 326 | let combinedHTML = '

335 |

336 | ${currentYear} 337 | 正确的开始，微小的长进，然后持续。 338 |

339 |

`; 340 | 341 | // 生成月份按钮 342 | for (let month = 1; month <= 12; month++) { 343 | const monthStart = dv.date(`${currentYear}-${String(month).padStart(2,'0')}-01`); 344 | const monthName = monthStart.toFormat('MMM'); 345 | const hasMonthlyNote = dv.page(`Monthly/${currentYear}-${String(month).padStart(2,'0')}`); 346 | 347 | const classes = [ 348 | 'month-button', 349 | month === currentMonth ? 'current' : '', 350 | hasMonthlyNote ? 'has-note' : '' 351 | ].filter(Boolean).join(' '); 352 | 353 | yearCalendarHTML += ` 354 |

356 | ${monthName} 357 |

`; 358 | } 359 | 360 | yearCalendarHTML += '

'; 361 | 362 | // 创建标题和网格布局 363 | let habitHTML = ` 364 |

365 |

366 | `; 367 | // 确保日期框架稳定生成 368 | const buildCalendarGrid = () => { 369 | // 获取当前月份（动态） 370 | const currentDate = dv.date(dv.current().created); 371 | const monthStart = currentDate.startOf('month'); 372 | const daysInMonth = currentDate.daysInMonth; 373 | 374 | // 核心框架生成 375 | let habitHTML = ` 376 |

390 |

391 | `; 392 | 393 | // 生成日期列（强制生成空框架） 394 | Array.from({length: daysInMonth}).forEach((_, index) => { 395 | habitHTML += `

${index +1}

`; 396 | }); 397 | habitHTML += `

`; //统计列 398 | 399 | // 定义习惯列表 400 | const habits = ['🧘 拉伸', '📓 日记', '💻 笔记', '🏃 慢跑', '📖 阅读', '🤔 Stoic', '💢 心情']; 401 | 402 | // 获取数据（带空值保护） 403 | const safeGetPages = () => { 404 | try { 405 | return dv.pages('"0_Bullet Journal/Daily Notes"') 406 | .where(p => p?.file?.name?.startsWith(monthStart.toFormat('yyyy-MM'))) 407 | .sort(p => p.file.name, 'asc') || []; 408 | } catch { 409 | return []; 410 | } 411 | }; 412 | const pages = safeGetPages(); 413 | 414 | const moodEmojiMap = { 415 | [-5]: '😱', [-4]: '😖', [-3]: '😟', [-2]: '😔', [-1]: '😕', 416 | 0: '😐', 1: '🙂', 2: '😊', 3: '😄', 4: '🥰', 5: '😇' 417 | }; 418 | 419 | // 简化习惯状态获取逻辑 420 | const getHabitState = (page, habit) => { 421 | const stateMap = { 422 | '🧘 拉伸': 'stretch', 423 | '📓 日记': 'journal', 424 | '💻 笔记': 'notes', 425 | '🏃 慢跑': 'running', 426 | '📖 阅读': 'reading', 427 | '🤔 Stoic': 'stoic', 428 | '💢 心情': 'mood' 429 | }; 430 | return page?.[stateMap[habit]] ?? null; 431 | }; 432 | 433 | // 构建习惯行 434 | habits.forEach(habit => { 435 | let habitCount = 0; 436 | let moodSum = 0; 437 | let moodCount = 0; 438 | 439 | habitHTML += `

${habit}

`; 440 | 441 | for (let day = 1; day <= daysInMonth; day++) { 442 | const currentDate = monthStart.plus({days: day-1}); 443 | const page = pages.find(p => 444 | dv.date(p?.file?.name?.split(" ")[0])?.toISODate() === currentDate.toISODate() 445 | ) || {}; 446 | 447 | // 安全获取习惯状态 448 | const habitState = getHabitState(page, habit); 449 | 450 | // 更新统计值部分 451 | if (habit === '💢 心情') { 452 | if (habitState !== null) { 453 | moodSum += habitState; 454 | moodCount++; 455 | } 456 | } else if (habit === '🤔 Stoic') { 457 | if (page.file && habitState && habitState.trim() !== '') { 458 | habitCount++; 459 | } 460 | } else { 461 | if (page.file && habitState === true) { 462 | habitCount++; 463 | } 464 | } 465 | 466 | // 在渲染单元格时使用简化的逻辑 467 | const getCellStyle = (habit, state) => ` 468 | width: 1.5rem; 469 | height: 1.5rem; 470 | background-color: ${habit === '💢 心情' 471 | ? 'var(--background-modifier-hover)' 472 | : (state ? 'var(--interactive-accent)' : 'var(--background-modifier-hover)')}; 473 | border: 1.5px dotted ${habit === '💢 心情' 474 | ? 'var(--interactive-accent)' 475 | : (state ? 'transparent' : 'var(--interactive-accent)')}; 476 | `; 477 | 478 | // 渲染单元格（强制最小显示） 479 | habitHTML += ` 480 |

481 | 486 | ${habit === '💢 心情' ? (moodEmojiMap[habitState] || '') : (habitState ? '✓' : '')} 487 | 488 |

`; 489 | } 490 | 491 | const statValue = habit === '💢 心情' 492 | ? moodCount > 0 493 | ? moodEmojiMap[Math.round(moodSum / moodCount)] 494 | : '-' 495 | : `${Math.round((habitCount / daysInMonth) * 100)}%`; // 所有习惯都使用整月天数 496 | 497 | habitHTML += ` 498 |

510 | ${statValue} 511 |

512 | `; 513 | }); 514 | 515 | return habitHTML + '

'; 516 | } 517 | 518 | // 最终输出 519 | //dv.paragraph(buildCalendarGrid()); 520 | // 闭合容器 521 | habitHTML += `