2011/07/08
訂閱：
張貼留言 (Atom)
橫幅和按鈕
相關文章
新1-隨機推薦文章
2.最新文章
新-3.熱門精選文章-動態與自選
熱門與精選文章 Use Blogger in 2009-2025
推薦文章
![[仙人掌分隔線]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkNQtLpxCsrE7QBzajhnaZa04Fj72OhOXwwrJ4JizgAXkQQ2dPH6SMJtvYPmUmIQJXOUXdAUslC_ijRlO38TLPXZOimVHEm_j7JQ_OMath3dTP6uE5DH9obypjFqg6MNJZ9nnBjgKXx4Dm/s1600/%25E2%2580%2594Pngtree%25E2%2580%2594cactus+dividing+line+frame+dividing_3780544-01.png)
${snippet}
閱讀更多 → `; // 將列表項目添加到新的容器中 listContainer.appendChild(listItem); }); // 清空原始文章內容，並用新的列表取代 if (container) { container.innerHTML = ''; container.appendChild(listContainer); // 替換完成後，再顯示出來 container.style.visibility = 'visible'; container.style.opacity = '1'; } } });
.png)
// 版本：v1.0
// 版本說明
// 1. 修正了 Blogger XML 解析錯誤 (&& 符號問題)。
// 2. 新增了防閃爍功能。
// 3. 頁面在轉換成文章列表前會先隱藏原始內容，避免畫面跳動。
// --
// 引入 Tailwind CSS 以提供簡潔的響應式設計
const tailwindScript = document.createElement('script');
tailwindScript.src = "https://cdn.tailwindcss.com";
document.head.appendChild(tailwindScript);
// 等待網頁內容載入完成
document.addEventListener('DOMContentLoaded', () => {
// 選擇所有部落格文章項目
const posts = document.querySelectorAll('.post-outer');
// 尋找文章容器
let container = document.querySelector('.blog-posts');
if (!container && posts.length > 0) {
container = posts[0].parentNode;
}
// 創建一個新的 div 來存放文章列表
const listContainer = document.createElement('div');
listContainer.className = 'space-y-6';
// 檢查是否找到文章
if (posts.length > 0) {
// 在替換內容前，先隱藏原始文章，解決畫面閃爍問題
if (container) {
container.style.visibility = 'hidden';
container.style.opacity = '0';
container.style.transition = 'visibility 0s, opacity 0.5s linear';
}
// 遍歷所有文章
posts.forEach(post => {
// 獲取文章標題和連結
const titleElement = post.querySelector('.post-header a');
const link = titleElement ? titleElement.href : '#';
const title = titleElement ? titleElement.innerText : '無標題';
// 獲取文章內文，並擷取前 150 個字元作為摘要
const bodyElement = post.querySelector('.post-body');
const fullText = bodyElement ? bodyElement.innerText : '';
const snippet = fullText.substring(0, 150) + (fullText.length > 150 ? '...' : '');
// 創建一個新的列表項目
const listItem = document.createElement('div');
listItem.className = 'bg-white rounded-lg shadow-md p-6';
// 使用更安全的 UTF-8 字元 '→' 替代 '→'
listItem.innerHTML = `
學習靈活有創意
回覆刪除令人驚喜連連
[版主回覆07/15/2011 20:48:03]感謝小敏老師的讚美啦...偶會拍謝喔...