カレー牛個人サイト

今後の予定

Sat, 19 Apr 2149 00:00:00 GMT

2026年後半の予定

<my-trip status="confirmed" from="SGN" to="TPE" month="08" day="07" end-month="08" end-day="11" note="💜"></my-trip>

<my-trip status="confirmed" from="SGN" to="HAN" month="08" day="12" end-month="08" end-day="12" note="出張予定"></my-trip>

<my-trip status="confirmed" from="SGN" to="KIX" month="09" day="13" end-month="09" end-day="23" note="愛大阪🩵♥️🩵💛🦄"></my-trip>

<my-trip status="planned" from="SGN" to="HND" month="11" day="12" end-month="11" end-day="17" note="愛東京🦔🩵🩷🌱🩷"></my-trip>

<my-trip status="planned" from="SGN" to="TPE" month="12" day="04" end-month="12" end-day="07" note="♥️"></my-trip>

終了済みの予定

<my-trip status="confirmed" from="SGN" to="KIX" month="01" day="08" end-month="01" end-day="14" note="愛大阪❤️💛🩵🦄"></my-trip>

<my-trip status="confirmed" from="SGN" to="TPE" month="01" day="30" end-month="02" end-day="06" note="おれ。Debut Live～夢の、その先へ～💛<br>愛台北💜❤️🤍🩷🖤💛❤️💛"></my-trip>

<my-trip status="confirmed" from="SGN" to="TPE" month="03" day="03" end-month="03" end-day="12" note="情勒行程()<br>💜💛♥️💛🩷"></my-trip>

<my-trip status="confirmed" from="SGN" to="HKG" month="04" day="16" end-month="04" end-day="17" note="LUNARIS 1ST SINGLE & 2ND COSTUME RELEASE LIVE💙"></my-trip>

<my-trip status="confirmed" from="HKG" to="TPE" month="04" day="17" end-month="04" end-day="20" note="家族予定 / 💜💛♥️🩵"></my-trip>

<my-trip status="confirmed" from="SGN" to="KIX" month="05" day="08" end-month="05" end-day="15" note="♥️🩵<br>MAWA LOOP OSAKA 2026🩷🌱💛💛💜<br>😋 神戶牛🥩 たこ焼き🐙"></my-trip>

<my-trip status="confirmed" from="OSK" to="TYO" month="05" day="15" end-month="05" end-day="15" transport="train" note="新幹線 ➔ 東京移動！"></my-trip>

<my-trip status="confirmed" from="NRT" to="SGN" month="05" day="15" end-month="05" end-day="18" note="アイドル甲子園 in 品川インターシティホール🦔🩷🌱<br>木苺FRUCTOSE 4th巡迴公演～東京公演♥️"></my-trip> </div>

  // 💡 核心改動：建立交通工具對照表，未來要加新項目直接在裡面補「'鍵': 'Emoji'」即可
  const transport = (this.getAttribute('transport') || '').toLowerCase();
  const transportMap = {
    'train': '🚅',
    'bus': '🚌',
    'cruise': '🚢',
    'helicopter': '🚁'
  };
  // 如果輸入的關鍵字有在表裡就用它，沒有的話（或沒寫）一律預設為飛機 ✈️
  const transportEmoji = transportMap[transport] || '✈️';
  
  const status = (this.getAttribute('status') || '').toLowerCase();
  const isConfirmed = status === 'confirmed';

  const sideBorderColors = isConfirmed 
    ? 'border-l-green-500 border-r-green-500' 
    : 'border-l-orange-500 border-r-orange-500';

  const bgBadge = isConfirmed 
    ? 'bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400' 
    : 'bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-400';

  this.className = "block w-full";
  this.innerHTML = `
    <div class="relative w-full flex flex-row items-stretch bg-white dark:bg-zinc-900 rounded-2xl shadow-sm overflow-hidden min-h-[95px] border-t border-b border-t-zinc-200 border-b-zinc-200 dark:border-t-zinc-800 dark:border-b-zinc-800 border-l-[6px] border-r-[6px] ${sideBorderColors}">
      
      <div class="w-24 md:w-28 flex-shrink-0 flex flex-col items-center justify-center py-3 pl-4 pr-2 border-r border-dashed border-zinc-200 dark:border-zinc-800 bg-zinc-800 text-white">
        <div class="relative w-12 h-12 font-black select-none tracking-tighter">
          <span class="absolute top-0 left-0 text-[18px] text-white font-extrabold leading-none">${month}</span>
          <span class="absolute inset-0 flex items-center justify-center text-3xl font-light text-white/35 transform rotate-12">/</span>
          <span class="absolute bottom-0 right-0 text-[18px] text-white font-extrabold leading-none">${day}</span>
        </div>
        <div class="mt-1 text-2xl font-black tracking-tighter text-white uppercase">${from}</div>
      </div>

      <div class="flex-grow flex flex-col justify-center px-4 py-3 min-w-0">
        <div class="flex items-center justify-center w-full mb-2">
           <div class="flex-grow border-b border-dashed border-zinc-200 dark:border-zinc-800"></div>
           <div class="mx-3 flex items-center gap-2">
             <span class="text-sm opacity-80">${transportEmoji}</span>
             <span class="text-[9px] font-black uppercase tracking-widest px-2 py-0.5 rounded-md ${bgBadge}">
               ${isConfirmed ? 'Confirmed' : 'Planned'}
             </span>
           </div>
           <div class="flex-grow border-b border-dashed border-zinc-200 dark:border-zinc-800"></div>
        </div>
        <p class="text-center text-xs md:text-sm font-bold text-zinc-700 dark:text-zinc-300 leading-relaxed break-words">
          ${note}
        </p>
      </div>

      <div class="w-24 md:w-28 flex-shrink-0 flex flex-col items-center justify-center py-3 pl-2 pr-4 border-l border-dashed border-zinc-200 dark:border-zinc-800 bg-zinc-800 text-white">
        <div class="relative w-12 h-12 font-black select-none tracking-tighter">
          <span class="absolute top-0 left-0 text-[18px] text-white font-extrabold leading-none">${endMonth}</span>
          <span class="absolute inset-0 flex items-center justify-center text-3xl font-light text-white/35 transform rotate-12">/</span>
          <span class="absolute bottom-0 right-0 text-[18px] text-white font-extrabold leading-none">${endDay}</span>
        </div>
        <div class="mt-1 text-2xl font-black tracking-tighter text-white uppercase">${to}</div>
      </div>

    </div>
  `;
}

}

if (!customElements.get('my-trip')) { customElements.define('my-trip', MyTrip); } </script>

宇宙∞プラネクシア SCHEDULE

Wed, 22 Jul 2026 00:00:00 GMT

宇宙∞プラネクシア SCHEDULE

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>ライブスケジュール</title>

<style>

.schedule-list{ max-width:900px; margin:0 auto; }

.schedule-item{ display:flex; align-items:center; justify-content:space-between; gap:10px;

background: rgba(255,255,255,0.95); border-radius:10px; padding:8px;

box-shadow: 0 6px 18px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,0.05); cursor:pointer; }

.year-block{ margin-top:6px; }

.year-title{ font-size:20px; font-weight:bold; margin-bottom:6px; }

.month-block{ margin-bottom:18px; display:flex; flex-direction:column; gap:5px; }

.month-title{ font-size:16px; font-weight:bold; color:#444; margin-bottom:6px; }

.schedule-item:hover{ background:#fafafa; }

.schedule-info{ flex:1; }

.schedule-date{ font-size:14px; color:#666; margin-bottom:2px; }

.schedule-title{ font-weight:bold; }

.schedule-thumb{ width:60px; height:60px; object-fit:cover; border-radius:6px; }

.today-highlight{ border:2px solid #ff4d6d; }

.empty{ color:#666; }

.links{ display:flex; gap:16px; margin-bottom:14px; }

.schedule-venue{ font-size:13px; color:#888; }

</style> </head>

<body>

<div class="page-bg"></div>

<a href="https://87tm.github.io/supepura_calendar/schedule.html" class="back-button" target="_blank" rel="noopener noreferrer">← 公式カレンダーへ戻る</a>

</div>

let events=[];

async function loadEvents(){

try{ events = await fetch("https://event-api.t87.workers.dev/events") .then(r => r.json()); }catch(e){ events=[]; }

renderSchedule(); }

loadEvents();

function renderSchedule(){

const container=document.getElementById("schedule");

const today=new Date(); today.setHours(0,0,0,0); const monthStart = new Date(today.getFullYear(), today.getMonth(), 1);

const futureEvents = events .filter(e=>e.date) .filter(e => { const d = new Date(e.date); return !isNaN(d) && d >= monthStart; }) .sort((a,b)=> new Date(a.date) - new Date(b.date));

if(futureEvents.length===0){ container.innerHTML='<div class="empty">イベントはありません</div>'; return; }

const grouped={};

futureEvents.forEach(event=>{

const d=new Date(event.date);

const y=d.getFullYear(); const m=d.getMonth()+1;

if(!grouped[y]) grouped[y]={}; if(!grouped[y][m]) grouped[y][m]=[];

grouped[y][m].push(event);

});

Object.keys(grouped).sort().forEach(year=>{

const yearBlock=document.createElement("div"); yearBlock.className="year-block";

const yearTitle=document.createElement("div"); yearTitle.className="year-title"; yearTitle.textContent=year;

yearBlock.appendChild(yearTitle);

Object.keys(grouped[year]).sort((a,b)=>a-b).forEach(month=>{

const monthBlock=document.createElement("div");
monthBlock.className="month-block";

const monthTitle=document.createElement("div");
monthTitle.className="month-title";
monthTitle.textContent=month+"月";

monthBlock.appendChild(monthTitle);

grouped[year][month].forEach(event=>{

  const item=document.createElement("div");
  item.className="schedule-item";

  const eventDate=new Date(event.date);

  if(eventDate.getTime()===today.getTime()){
    item.classList.add("today-highlight");
  }

  item.onclick=()=>{
    location.href=`https://87tm.github.io/supepura_calendar/event.html?id=${event.id}`;
  };

  const info=document.createElement("div");
  info.className="schedule-info";

  const date=document.createElement("div");
  date.className="schedule-date";
  date.textContent=event.date;

  const title=document.createElement("div");
  title.className="schedule-title";
  title.textContent=event.title;

  const venue=document.createElement("div");
  venue.className="schedule-venue";
  venue.textContent=event.venue || "";

  info.appendChild(date);
  info.appendChild(title);
  info.appendChild(venue);

  const img=document.createElement("img");
  img.className="schedule-thumb";

  if(event.images && event.images[0]){
    img.src=event.images[0];
    img.addEventListener('click', ()=>{
      location.href=`https://87tm.github.io/supepura_calendar/event.html?id=${event.id}`;
    });
  }else{
    img.style.display="none";
  }

  img.onerror=()=>{img.style.display="none"};

  item.appendChild(info);
  item.appendChild(img);

  monthBlock.appendChild(item);

});

yearBlock.appendChild(monthBlock);

});

container.appendChild(yearBlock);

}); }

</script>

</body> </html>

ハルニシオン SCHEDULE

Mon, 20 Jul 2026 00:00:00 GMT

📅 ハルニシオン最新行程

</a>

<div style="margin-top: 1.5rem;"> <h4 style="font-size: 1.25rem; font-weight: 700; border-left: 4px solid #60a5fa; padding-left: 8px; margin-bottom: 1rem;" id="current-month-title"> 載入中... </h4> <div id="current-schedule-container" style="display: flex; flex-direction: column; gap: 1rem; max-width: 600px;"> <p class="loading-text" style="color: gray; font-size: 0.875rem;">正在努力從 Boosty 搬運當月行程中...</p> </div> </div>

<br>

<div style="margin-top: 1.5rem;"> <h4 style="font-size: 1.25rem; font-weight: 700; border-left: 4px solid #a855f7; padding-left: 8px; margin-bottom: 1rem;" id="next-month-title"> 載入中... </h4> <div id="next-schedule-container" style="display: flex; flex-direction: column; gap: 1rem; max-width: 600px;"> <p class="loading-text" style="color: gray; font-size: 0.875rem;">正在努力從 Boosty 搬運下月行程中...</p> </div> </div>

<br>

const SCHEDULE_SECTIONS = [ { key: 'current', titleId: 'current-month-title', containerId: 'current-schedule-container', loadingMessage: '正在努力從 Boosty 搬運當月行程中...', }, { key: 'next', titleId: 'next-month-title', containerId: 'next-schedule-container', loadingMessage: '正在努力從 Boosty 搬運下月行程中...', }, ];

function renderEvents(eventElements, container, loadingText, sectionKey) { if (!eventElements || eventElements.length === 0) { loadingText.textContent = '這個月暫時沒有公開行程唷！'; return; }

loadingText.remove();
const tagColor = TAG_COLORS[sectionKey] || TAG_COLORS.current;

eventElements.forEach(event => {
  const cardHtml = `
    <div style="border: 1px solid rgba(156, 163, 175, 0.2); border-radius: 12px; padding: 1rem; background: rgba(255,255,255,0.02); display: flex; align-items: center; gap: 1rem;">
      <div style="text-align: center; min-width: 50px;">
        <span style="font-size: 1.5rem; font-weight: 800; display: block; line-height: 1.2;">${event.day}</span>
        <span style="font-size: 0.75rem; background: rgba(156,163,175,0.2); padding: 2px 8px; border-radius: 9999px;">${event.weekday}</span>
      </div>
      <div style="flex-grow: 1;">
        <span style="font-size: 0.75rem; color: ${tagColor}; font-weight: bold;">${event.tag}</span>
        <h4 style="margin: 4px 0 0 0; font-size: 1rem; font-weight: 600; line-height: 1.4;">
          <a href="${event.link}" target="_blank" rel="noopener noreferrer" style="text-decoration: none; color: inherit;">
            ${event.title}
          </a>
        </h4>
      </div>
    </div>
  `;
  container.insertAdjacentHTML('beforeend', cardHtml);
});

}

function resetContainer(container, message) { container.innerHTML = <p class="loading-text" style="color: gray; font-size: 0.875rem;">${message}</p>; return container.querySelector('.loading-text'); }

function renderMonthSection(section, container, titleEl, sectionKey, loadingMessage) { titleEl.textContent = ${section.year}年${section.month}月行程表; const loadingText = resetContainer(container, loadingMessage);

if (section && section.error) {
  loadingText.textContent = `行程表搬運失敗：${section.error}`;
  loadingText.style.color = '#ef4444';
  return;
}

renderEvents(section?.events, container, loadingText, sectionKey);

}

async function initSchedule() { const sections = SCHEDULE_SECTIONS.map(({ key, titleId, containerId, loadingMessage }) => ({ key, titleEl: document.getElementById(titleId), container: document.getElementById(containerId), loadingMessage, })).filter(section => section.titleEl && section.container);

if (sections.length === 0) return;

sections.forEach(({ container, loadingMessage }) => resetContainer(container, loadingMessage));

try {
  // 計算當月、下月、前月
  const now = new Date();
  const currentMonth = now.getMonth() + 1;
  const currentYear = now.getFullYear();
  
  const nextDate = new Date(currentYear, currentMonth, 1);
  const nextMonth = nextDate.getMonth() + 1;
  const nextYear = nextDate.getFullYear();
  
  const prevDate = new Date(currentYear, currentMonth - 2, 1);
  const prevMonth = prevDate.getMonth() + 1;
  const prevYear = prevDate.getFullYear();

  const WORKER_URL = 'https://currybeefpotwebdata.tparhythm.workers.dev/';

  // 並發調用 Worker 獲取三個月的數據
  const [currentResp, nextResp, prevResp] = await Promise.all([
    fetch(`${WORKER_URL}?month=${currentMonth}&year=${currentYear}`),
    fetch(`${WORKER_URL}?month=${nextMonth}&year=${nextYear}`),
    fetch(`${WORKER_URL}?month=${prevMonth}&year=${prevYear}`)
  ]);

  if (!currentResp.ok || !nextResp.ok || !prevResp.ok) {
    throw new Error('Worker 請求失敗');
  }

  const currentData = await currentResp.json();
  const nextData = await nextResp.json();
  const prevData = await prevResp.json();

  const data = {
    current: { 
      year: currentYear, 
      month: currentMonth, 
      events: currentData.events || [],
      error: currentData.success ? undefined : currentData.error
    },
    next: { 
      year: nextYear, 
      month: nextMonth, 
      events: nextData.events || [],
      error: nextData.success ? undefined : nextData.error
    },
    fixed: { 
      year: prevYear, 
      month: prevMonth, 
      events: prevData.events || [],
      error: prevData.success ? undefined : prevData.error
    }
  };

  sections.forEach(({ key, container, titleEl, loadingMessage }) => {
    renderMonthSection(data[key], container, titleEl, key, loadingMessage);
  });

  const officialLink = document.getElementById('official-schedule-link');
  if (officialLink && data.current) {
    officialLink.href = `https://harunision-official.boosty.app/schedules?month=${data.current.month}&year=${data.current.year}`;
  }
} catch (error) {
  const message = error instanceof Error ? error.message : '未知錯誤';
  sections.forEach(({ container }) => {
    const loadingText = container.querySelector('.loading-text');
    if (loadingText) {
      loadingText.textContent = `行程表搬運失敗：${message}`;
      loadingText.style.color = '#ef4444';
    }
  });
  console.error(error);
}

}

initSchedule(); document.addEventListener('astro:page-load', initSchedule); </script>

卡拉OK分詞

Sun, 03 May 2026 00:00:00 GMT

官方有合作的按官方分詞 <br>如:〈革命道中 on the way〉取自アイナ・ジ・エンド x 優里；〈晚餐歌〉取自tuki. x 優里 <br><spoiler>(謝謝渣男幫忙分好詞</spoiler> <br> <br>通常會留難唱的part和落ちさび給女僕/小偶像 <spoiler>(畢竟應該不會有人想看死宅在台上撕吼)</spoiler> <br>以下鏈接自Google Drive，隨意取用

(👇點擊展開) <span class="text-red-500">女</span> <span class="text-blue-500">男</span> 合

{ tag: "偶像曲/アイドル曲", name: "幻想トラベル", author: "時空Astria", link: "16CRlQnEBPRYah0fgvsUE0YTaEJCnl9ov" },
{ tag: "偶像曲/アイドル曲", name: "Timeless Wonderland", author: "時空Astria", link: "1WxaIhfF5M1JGNNWeTTnITHXKEhhMG8U1" },


{ tag: "VOCALOID/ボカロ曲", name: "少女レイ", author: "みきとP", link: "1ez2TfY93RxGawMs9BdFbmwx-7iMpmxoX" },
{ tag: "VOCALOID/ボカロ曲", name: "フォニイ", author: "ツミキ", link: "1z0T9z_HMnFbiD2auR8J-xCGmcl1q1qVW" },
{ tag: "VOCALOID/ボカロ曲", name: "シャルル", author: "バルーン", link: "1Zd0L7fT3mJ1JbmseT0jp2R8pNe8x0mpo" },


{ tag: "現充曲/リア充ソング", name: "秒針を噛む", author: "ずっと真夜中でいいのに。", link: "1GacZW88U1iGk56j-JmY46YFbg-mP23FF" },
{ tag: "現充曲/リア充ソング", name: "晚餐歌", author: "tuki.", link: "1wkUiZ7oBExhFlvjeM6mk8ZrbDB_lzLjG" },
{ tag: "現充曲/リア充ソング", name: "ドライフラワー", author: "優里", link: "1aqMT4vMx1TMzECY4R9_02Lx7xntXwe4V" },

]; </script>

// 2. 自動按 tag 分組
const groups = window.allMusicData.reduce((acc, s) => {
  (acc[s.tag] = acc[s.tag] || []).push(s);
  return acc;
}, {});

// 3. 一次性生成所有內容 let html = ''; let isFirstGroup = true; // 用來判斷是不是第一個分類

for (const tag in groups) {
  // 如果不是第一個分類，就加上兩個 <br> 換行
  if (!isFirstGroup) {
    html += '<br><br>';
  }
  
  html += '<h1 class="text-2xl font-bold mb-4">' + tag + '</h1>';
  html += '<div class="space-y-3">';
  
  groups[tag].forEach(s => {
    html += '<details class="group border border-zinc-200 dark:border-zinc-800 rounded-xl overflow-hidden bg-zinc-50 dark:bg-zinc-900 mb-3">' +
      '<summary class="flex items-center justify-between p-4 cursor-pointer hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors">' +
        '<div class="flex items-center gap-3">' +
          '<span class="text-xl">🎵</span>' +
          '<span class="font-medium text-zinc-700 dark:text-zinc-300">' + s.name + ' / ' + s.author + '</span>' +
        '</div>' +
        '<svg class="w-5 h-5 transition-transform group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path d="M19 9l-7 7-7-7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>' +
      '</summary>' +
      '<div class="p-0 border-t border-zinc-200 dark:border-zinc-800">' +
        '<iframe src="https://drive.google.com/file/d/' + s.link + '/preview#view=FitH" class="w-full aspect-[21/29.7] min-h-[400px]" style="border: none;" loading="lazy"></iframe>' +
      '</div>' +
    '</details>';
  });
  
  html += '</div>';
  isFirstGroup = false; // 跑完第一個後，標記設為 false
}
app.innerHTML = html;

})(); </script>

Spotify歌單

Fri, 01 May 2026 00:00:00 GMT

品味展示(?)

能感受到年代感的歌單(要不是spotify歌不全還有更多)

<br>動畫歌/アニソン

<br>游戲曲/ゲーム曲

<br>偶像曲/アイドル曲

<br>VOCALOID/ボカロ曲

開發計劃/個人サイト構築プラン

Mon, 13 Apr 2026 00:00:00 GMT

前言(碎碎念)

上一次開發網站還是10年前自己還是大學生的時候花3個月搭了個WordPress <br>(每個月還花5刀租VPS,真的是讓本就不富裕的學生生活雪上加霜) <br>對比之下本站運營成本為0，完全白嫖Cloudflare (好時代，來臨力) <br>真是羡慕現在的人可以不用坐牢看著手冊一步一步搭，不懂的地方還能找AI求救(雖然很多時候AI都亂回😅 <br>多虧了比以前又更加活躍的GitHub社區，這個站竟然只花了一個下午就搭好了

拍立得圖床展示/チェキコレクション

暫定R2+Supabase的方案 <br>届時會有分類團體/偶像/日期，一點就開，不過以前沒用過Supabase這種東西，然後拍立得目前只掃描了十分之一不到，本項目應該會擱置非常久 <br>ー <br>R2+Supabaseの構成で行く予定 <br>グループ、アイドル、日付でフィルタリングできるようにしたいけど、Supabase触るの初めてだし <br>あと、手元のチェキがまだ10％もスキャン終わってないから、このプロジェクトは相当長いこと放置することになりそうw

動畫/アニメ鑑賞

一直以來都有看番簡評並用excel記錄(截至2026/01新番完結共看完437部動畫)，還在想UI怎麽展示比較美觀，應該會比較快上？ <br>(只要看得夠多，大家都能N1 <br>ー <br>ずっとExcelでレビューつけてて（2026年1月時点で累計437本完走）、UIをどうオシャレに見せるか考え中🤔 こっちは割と早く公開できるかも？ <br>（アニメさえ見まくれば、誰でもN1取れる説w

音樂

之後應該會簡單放一些spotify歌單然後不定時放一些卡拉OK記錄摧殘大家的耳朵，影片會用R2+限制域名放映(應該不會有人閑到用IDM載吧= =) <br>ー <br>そのうちSpotifyのプレイリストを適當に置く予定。 <br>たまにカラオケ動画を上げてみんなの耳を破壊するかもw 動画はR2+サイト制限で公開するつもり（わざわざIDMで落とす暇人なんていないよね…？）

動画

之前投過PV/meme形式的片，身爲MADer的功力對於一般大衆和營運就是降維打擊= =流量是真的太好太炸魚，感覺太顯眼又擠壓到一般人的生存空間，之後就都作罷了。現在電腦還躺著兩篇廢稿。 <br>之後有的話就丟這邊(不過能讓我有動力做影片的人和事不多就是了 <br>ー <br>昔はニコニコで結構PVとかmeme系の動画を投稿してたｗ <br>MADerとしてガチで作ると、周りとのスキルの差が浮いちゃってちょっと気まずいんだよねｗ。だから投稿を控えてる感じ <br>また気が向いたらここに投下するかも（ま、わざわざ動画を作るほどの對象は最近あんまりいないですけど

愚人節固定行程

Wed, 01 Apr 2026 00:00:00 GMT

很多社交媒體都會在設定的生日當天推送給好友訊息，身爲真正的自閉兒童(?) 當然不想被知道真實生日 <br>默認的1月1日感覺太假，就乾脆將都設成4月1日 <br>然後就是每年的定番：等待各路廠商的祝福和禮物(笑 <br>今年也是開心的過了愚人節(ㄅ歉我就樂子人w <br>隨著每年都在這個日子被祝福，我也不敢現在才講"Happy April Fools' Day!"😅 <br>生日基本都排休假自己去過，除了HR和幾個老東西以外根本沒人知道我是六月🤣

Post嵌入影片

Tue, 31 Mar 2026 00:00:00 GMT

替換掉源即可，高度建議468

---
title: inputvideotest
published: 2026-03-31
// ...
---

<iframe width="100%" height="468" src="https://www.youtube.com/embed/SfSx-I7o8Cs" title="YouTube video player" frameborder="0" allowfullscreen></iframe>

YouTube

Niconico

Bilibili

Simple Guides for Fuwari

Mon, 01 Apr 2024 00:00:00 GMT

Cover image source: Source

This blog template is built with Astro. For the things that are not mentioned in this guide, you may find the answers in the Astro Docs.

Front-matter of Posts

---
title: My First Blog Post
published: 2023-09-09
description: This is the first post of my new Astro blog.
image: ./cover.jpg
tags: [Foo, Bar]
category: Front-end
draft: false
---

Attribute	Description
`title`	The title of the post.
`published`	The date the post was published.
`description`	A short description of the post. Displayed on index page.
`image`	The cover image path of the post.<br/>1. Start with `http://` or `https://`: Use web image<br/>2. Start with `/`: For image in `public` dir<br/>3. With none of the prefixes: Relative to the markdown file
`tags`	The tags of the post.
`category`	The category of the post.
`draft`	If this post is still a draft, which won't be displayed.

Where to Place the Post Files

Your post files should be placed in src/content/posts/ directory. You can also create sub-directories to better organize your posts and assets.

src/content/posts/
├── post-1.md
└── post-2/
    ├── cover.png
    └── index.md