跳到主文
部落格全站分類： 生活綜合
。Lucky Star。 發表在 痞客邦 留言(3) 人氣()
。Lucky Star。 發表在 痞客邦 留言(4) 人氣()
。拉奇始大～Blah Blah Blah。
Susan的食旅札記
小妞的生活旅程
Disni's Wonderland
跟著美食去旅遊
純真的純粹狂想
whenwas吃喝玩樂BLOG
游游滴
讓夢起飛
Kate's 育兒烘焙生活日誌
Dannis Amy 魯蛋妹和大腸弟
Michell 就是愛吃喝玩樂
V女王 饗樂城堡
coco享天下(隆爸妤媽愛白白)
Doris的幸福小時光
I'm拉奇始大
新台傭日記
露比貓愛享受
♥小粉兒♥Happy Together
拼命娘&2Baby
♥靜兒貪吃遊玩愛分享♥
本部落格內容僅限年滿十八歲者瀏覽。 若您未滿十八歲，請立即離開。
已滿十八歲者，亦請勿將內容提供給未成年人士。
Credit: @![{ if (item.type === "folder") { content.appendChild(renderFolder(item)); } }); const categoryList = renderCategoryList(data); content.appendChild(categoryList); } catch (err) { console.error("pixCategory load failed", err); } } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", loadPixCategory); } else { loadPixCategory(); } })();](https://instagram.com/imluckystar
</div>
</div>
<div class="hslice box" data-identifier="pixHits" id="counter">
<h4 class="box-title entry-title">參觀人氣</h4>
<div class="box-text entry-content">
<ul>
<li>本日人氣：<span id="blog_hit_daily"></span></li>
<li>累積人氣：<span id="blog_hit_total"></span></li>
</ul>
</div>
<script>
(function () {
async function loadPixHits() {
const box = document.querySelector("#counter");
if (!box) return;
const dailyEl = box.querySelector("#blog_hit_daily");
const totalEl = box.querySelector("#blog_hit_total");
if (!dailyEl || !totalEl) return;
// 避免重複載入
if (box.dataset.loaded) return;
box.dataset.loaded = "1";
try {
const res = await fetch("/blog/get-widget-data?name=pixHits", {
method: "GET",
headers: {
"Accept": "application/json"
}
});
const json = await res.json();
if (json.code !== 0 || !json.data) return;
const data = json.data;
dailyEl.textContent = data.views_today ?? "0";
totalEl.textContent = data.views_total ?? "0";
} catch (err) {
console.error("pixHits load failed", err);
}
}
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", loadPixHits);
} else {
loadPixHits();
}
})();
</script>
</div>
<div class="hslice box" data-identifier="pixCategory" id="category">
<h4 class="box-title entry-title">
♡文章分類♡
</h4>
<div class="box-text entry-content">
<div class="box-more"></div>
</div>
<script type="text/javascript">
(function () {
function formatNumber(num) {
return new Intl.NumberFormat().format(num || 0);
}
function renderFolder(item) {
const wrapper = document.createElement("div");
wrapper.className = "inner-box";
const h6 = document.createElement("h6");
h6.style.cursor = "pointer";
const img = document.createElement("img");
img.src = "//s.pixfs.net/blog/images/choc/plus.gif";
img.width = 11;
img.height = 11;
img.alt = "toggle";
const ul = document.createElement("ul");
ul.className = "category-" + item.id;
ul.style.display = "none";
h6.appendChild(img);
h6.appendChild(document.createTextNode(" " + item.name + " (" + (item.children?.length || 0) + ")"));
h6.addEventListener("click", function () {
const isHidden = ul.style.display === "none";
ul.style.display = isHidden ? "block" : "none";
img.src = isHidden
? "//s.pixfs.net/blog/images/choc/minus.gif"
: "//s.pixfs.net/blog/images/choc/plus.gif";
});
(item.children || []).forEach(child => {
const li = document.createElement("li");
const a = document.createElement("a");
a.href = child.url;
a.textContent = child.name + " (" + formatNumber(child.post_count) + ")";
li.appendChild(a);
ul.appendChild(li);
});
wrapper.appendChild(h6);
wrapper.appendChild(ul);
return wrapper;
}
function renderCategoryList(data) {
const ul = document.createElement("ul");
data
.filter(item => item.type === "category")
.forEach(item => {
const li = document.createElement("li");
const a = document.createElement("a");
a.href = item.url;
a.textContent = item.name + " (" + formatNumber(item.post_count) + ")";
li.appendChild(a);
ul.appendChild(li);
});
return ul;
}
async function loadPixCategory() {
const box = document.querySelector(){kind=link}