一個適用于展示,寫日記的Typecho博客主題,在Typecho主題中,這是一款少有的非常個性的絢麗主題,很適合哪些喜歡炫酷效果的Typecho站長。

主題亮點
- ?日記
- ?語錄
- ?主頁
- ?文章頁
- ?作品頁
- ?評論與回復(fù),不一樣的輸入框
- ?點贊,瀏覽量
- ?播放器
- ?音樂頁
- ?Ajax加載更多文章
- ?全站無刷新體驗(可能只有Chrome支持)
- ?評論Ajax提交
- ?文章內(nèi)圖片懶加載(Safari未通過測試)
- ?Ajax登陸后臺
- ?Ajax前臺提交新文章,帶來不一樣的體驗
- ?GitHub開源頁
注意
- PHP> 7.1
- 評論使用了Ajax提交,測試發(fā)現(xiàn)發(fā)送評論和回復(fù)均無異常,但是監(jiān)視評論的插件如評論郵件提醒將會替換。可能是鉤子函數(shù)的問題,如有解決方式請PR。謝謝
- 使用AppNode或其他面板的小伙伴請注意,請把網(wǎng)站的PHP設(shè)置?
allow_url_fopen = On
這樣絢麗的Typecho主題屬實不多,但下面這款主題算半個吧:
使用方法
首頁
首頁頂部導(dǎo)航將會有4個選項,分別是 首頁,關(guān)于,捐贈,心愿,除了首頁默認顯示,其余的根據(jù)以下設(shè)置,否則不顯示。
關(guān)于頁: 你需要建立獨立頁面,模版選擇?首頁模版
?,內(nèi)容自定。
心愿頁: 你需要建立獨立頁面,模版選擇?首頁模版
?,內(nèi)容自定。
捐贈頁: 你需要建立獨立頁面,模版選擇?首頁模版
?,內(nèi)容自定。
主頁有4個欄,分別是個人信息,最新博文,最近日記,作品。
個人信息在設(shè)置中填寫。最新博文根據(jù) RSS 獲取。可以鏈接另一個 Typecho 博客。
最近日記將顯示最近4篇日記的簡略形式。
作品根據(jù)是否存在判斷是否顯示。
日記頁
日記頁是本主題的重中之重,請務(wù)必正確設(shè)置。
日記頁: 你需要建立獨立頁面,模版選擇?日記頁面
?,內(nèi)容無需填寫。日記顯示的數(shù)量在主題設(shè)置中設(shè)置,默認為最近5篇,其余不顯示。可以通過 Ajax 加載更多,也可以設(shè)置暗號限制用戶查看。
其他頁
作品頁可選,解析成功后將會在一級導(dǎo)航顯示作品頁,首頁顯示作品欄。
作品頁
你需要建立獨立頁面,模版選擇?作品頁面
?,內(nèi)容采用以下 JSON 格式。
[{
"name": "項目一", // 名稱
"img": "", // 圖片地址, 不填為空則為默認圖片
"url": "https://i.shizuri.net/" // 跳轉(zhuǎn)地址
},
{"name": "項目二",
"img": "",
"url": "https://i.yiny.me/"
}]
JSON5Copy
注意: 如果不指定 JSON, 如果有獨立頁面使用了作品介紹頁模板
, 也會解析輸出.
作品介紹頁
使用作品介紹頁模板
, 將會在作品頁輸出, 并且在首頁輸出作品, 格式如下
{
"project_img": "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1560445631540&di=73e3469b88d6fae728aae976e3bf0a53&imgtype=0&src=http://pic.51yuansu.com/pic3/cover/02/39/53/59c2b016635b3_610.jpg", // 作品圖標(biāo)
"body": "一個簡單的主題", // 介紹正文
"imgs": ["https://user-images.githubusercontent.com/41265413/59440870-39bd7900-8e2a-11e9-879b-04e7a792235c.png","https://user-images.githubusercontent.com/41265413/59440890-40e48700-8e2a-11e9-8b71-3d1b4c5479b9.png"], // 作品圖片, 可多個
"info": "this is a simple theme",
"url": "http://shizuri.net", // preview website
"doc_url": "http://github.com/Innei/typecho-theme-paul" // document url
}
JSON5Copy
注意: 作品名字為文章標(biāo)題
語錄頁
你需要建立獨立頁面,模版選擇?語錄頁面
?,內(nèi)容采用以下格式。 (內(nèi)容 -- 名字, 每句之間都空行, 支持 CSS 樣式)
可能,是命運的安排,讓我們自愿走上了這條艱難的道路,然后,在這條布滿荊棘的曲折小路上慢慢去尋找人生的樂趣。然而,此時,我才發(fā)現(xiàn),真正美妙而有意義的人生,大概就從我堅定不移地追求自己夢想的時候,才正式開始。———— 《愿你歷經(jīng)千帆,歸來仍是少年》
生命的本質(zhì)是苦難的。我不追求天賜榮華富貴,那會讓我誠惶誠恐,消受不起,只是覺得,每天睜開眼睛發(fā)現(xiàn)自己還活著,沒有缺胳膊少腿,還可以通過自己的努力和命運的黑色幽默較量搏斗,還可以勇敢的有尊嚴(yán)地與困難較量,這種感覺很踏實。———— 《愿你歷經(jīng)千帆,歸來仍是少年》
底部播放器列表: 編輯?/src/Paul.js
?,
var paul_music = new function () {
var that = this;
this.list = ["520570570", "541432715"]; // 更換為你的歌曲 ID, 網(wǎng)易云
this.action = {};
var status = {playing: 0, lyric: [], lyric_index: 0};
this.setList = function () {
var newList = [];
ks("[data-sid]").each(function (item, key) {
newList.push(item.dataset["sid"]);
item.onclick = function (t) {
if (that.list !== newList) that.list = newList;
document.body.classList.add("has-player");
status.playing = key;
that.play();
}
});
};
}
JavaScriptCopy
音樂頁
注意: 由于網(wǎng)易云限制, 解密過程較為繁瑣, 所以采用自行獲取token
?key
?cookie
?par
格式如下: (注意,僅僅是示例,無法使用此內(nèi)容)
{
"par": "KQlmV7JqpyE+v/SyvueeMNxe3+D8kLxcHulXTM5hpb9v5W4pApGbt+scMt22anE+RkQRUo6BqSPjrHBOGLeupj37azQooH837IgyFEl53mVcN3+GMZd9NRnQia0KJfgORbKbxAtercSGMmU0=",
"key": "73d262099e16a6a929b877c2306de2052ce8672c22a767d9807b5a7b0ef8a727f7b58b728e5041fdd180402c9c844ced49e7bf413ac31de4bb3ebfa15031b38d31fcc992314056516bebbb3b700da572f45c959e62b",
"token": "0ffcae938ce56b5ccf3833452b",
"cookie": "_iuqxldmzr_=32; _ntBcfAzNCT4p1hxpzkwEv; __utma=187553192.2048158810.1535955082.1535955082.1535959925.2; usertrack=ezq0pFvQf8mQPpjRDbkvAg==; _ga=GA1.2.2048158810.1535955082; __utma=94650624.892957808.1535686861.1542513934.1542787057.58; mail_psc_fingerprint=d0ea7e74138959611e1b07e5c0eb01ec; P_INFO=sisi062840628cm@163.com|1543396067|0|urs|00&99|zhj&1543396040&163#zhj&330300#10#0#0|&0|163|sisi062840628cm@163.com; vinfo_n_f_l_n3=bba4c658daa3f963.1.0.1549370539457.0.1549370906136; __remember_me=true; JSESSIONID-WYYY=AyCuuq9H%2FgYMBTTmkOh2s%5CQFWWA1jBqmXDqeBJab86NoIAFS3FIfAQJ8xsc8JWpC38Fhz1ugvyg1Wc0jAgfhgfW%5CY98ey22tG6hqSxC46kr6yueHQOyS9Fi0RXdgdwa5hqlFNAznV%2BUhEHqhrQP0fidc7Jc60SNtX16Z2Q%2FWAwv1nT2K%3A1560508623731; WM_NI=bg9lWN%2Bc6Rrg2JRPhHy3YXKMlF%2BWMv9xpjo988Pb97ArgTkR5DESzW0LMIjaHb1IL5uPh8Gzbv1tHRZOKAJ2RvHfRL4FYkuTa%2B2Ve6eZj7R5RXDn8glk23SWHdFDJzm4STI%3D; WM_NIKE=9ca17ae2e6ffcda170e2e6ee97d85e8d8e9d9bd93b939a8bb7c55b968a8bbabb73f2bca2b0f95fb794aba2aa2af0fea7c3b92aa2b9f78dd646e9bdfab3f16df2969eb1eb44bbed97b9ca47b09ae5b8d07efba8c08bee33fce8a083bc3d83aea9b5ea5af79c8bb4f95df49483aae96b8cbeffaacf3fb790a8d9c672a2aaff95cb5a9a9185a2c93a92aa8887d148f89a978cf860a3f5feb7e83ea786a6d8d13f92888c8fbb6db0b5fed4d25d8cbc8aa5c972afec9db5cc37e2a3; MUSIC_U=408c20031ba79321895033c45da31203091430c9e20ac9aa21aafd3328975a88ce3af6f259a118934c02c7efe60b561d114f327788dd6fe3; __csrf=0ffcae938ce56b5ccf3833452bb8045a"
}
JSON5Copy
將上方內(nèi)容直接填入文章內(nèi)容即可。
友鏈頁
一行名稱
一行地址
靜之林
https://blog.yiny.ml
靜之森
https://shizuri.net
監(jiān)測中心
https://stat.shizuri.net
許建華博客
https://www.xujianhua.com/
貓與向日葵
https://imjad.cn/
森の色
https://yumoe.com/
保羅的小宇宙
https://paugram.com/
IT草根
http://codepub.cn/
空気の彼方
http://kuukikun.tk/
rxliuli's Blog
https://blog.rxliuli.com
一站之星
https://www.izstar.cn/
海上的宮殿
https://soha.moe
Eller Page Home
https://eller.tech
辰信博客 - 專注分享
https://www.vftz.co/
追番頁
你只需要建立獨立頁面-追番,并正確填寫了嗶哩嗶哩的 ID,數(shù)字的 ID。如?1234556
。不需要其他操作。
Q & A
Q:追番頁報錯,foreach()
報錯,連接博客報錯
A:請檢查 PHP 版本和 cUrl是否支持。是否安裝?openSSL
Q:輸出文章報錯
A:嘗試先建立一篇文章。
關(guān)于維護和更新
本人最近在全力開發(fā)全新的博客系統(tǒng),基于 Vue + Express,更加現(xiàn)代化的博客,讓我們拭目以待。
其實說了這么多就是最近沒時間,除非有 Bug。有 Bug 也懶得修,我怎么用的好好地
支持
如果此主題對你有幫助,或者你想支持作者做出更好的作品。歡迎捐贈。
當(dāng)然此主題免費,心愿就看你的了。