'via Blog this'
***------------------------------------------ 阿樂推薦分享.更多文章歡迎至原PO網站瀏覽--原文網站:http://www.ytower.com.tw/prj/prj_998/p1.asp?serno=1008----
--------------------------------------如果您認為網站上資訊侵犯了您的版權，請告訴我們按這裡，我們會即時將您的版權資料移除。
--------------------------------------如果您認為網站上資訊侵犯了您的版權，請告訴我們按這裡，我們會即時將您的版權資料移除。
認同本文請按一下讚啦...(按讚時可留言)
←更新
延伸閱讀(同類文章)
![[仙人掌分隔線]](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)
.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 = `
沒有留言:
張貼留言
網路上留言需要注意禮儀和法律規範，避免不當言論造成他人困擾，尊重他人，不散布隱私、不人身攻擊或觸犯公然侮辱、誹謗等罪名。