每個(gè)人都有屬于自已的故事,我們編織著、敘述著,只為了那個(gè)必定動(dòng)人的結(jié)局。
愛(ài)上自已的故事,愛(ài)上別人的故事,交織著的,是美好,是快樂(lè),是幸福。
最近想開(kāi)始記錄一下自已的所見(jiàn)所得,感覺(jué)缺了一個(gè)可以讓人安心記錄的地方。
就這樣,Story 誕生了。
- 主題介紹: https://yumoe.com/
- 主題演示: https://yumoe.com/
- Github:詳情
- 主題版本: 20190422
Typecho主題下載:
[b2_file link="https://cdn.getimg.net/npc/2020/typecho/theme/Story-for-Typecho.zip
" name="Story" pass="" code=""]

述說(shuō)
個(gè)人認(rèn)為這是一個(gè)適合寫作與閱讀的主題,所以我打算在這篇發(fā)布文章中以長(zhǎng)段落的形式來(lái)寫。首先,說(shuō)說(shuō)為什么要寫 Typecho 版本的吧。具體有三點(diǎn):
一是 Typecho 輕量(相對(duì));
二是習(xí)慣寫 Typecho 主題了,本地有很多寫的練手項(xiàng)目可以參考;
三是我本身對(duì)博客系統(tǒng)不怎么感冒,用了一個(gè)就不怎么想換了。
本來(lái)打算把 Story 也寫得很輕量,但迫于一些原因,就引用了以下項(xiàng)目(感謝):?75CDN,?Bootstrap 4,?jQuery,?zoom_vanilla.js,?Prism.js,?Twemoji Awesome. 其實(shí) jQuery 就用了它的?FadeIn()
,?FadeOut()
?等函數(shù),本來(lái)打算用純 JavaScript 語(yǔ)法寫的,但,emm… Prism 也是見(jiàn)仁見(jiàn)智吧,很多人都不需要的。
主題的一些食用說(shuō)明
config.php
Story 包含一個(gè)全局配置文件。
//on 為開(kāi)啟
//off&其他 為關(guān)閉
$GLOBALS['isAutoNav'] = 'off'; //自動(dòng)設(shè)置導(dǎo)航欄中 margin 及 width 值(推薦開(kāi)啟)
$GLOBALS['isIconNav'] = 'off'; //將導(dǎo)航欄中的 1,2,3 替換成 Emoji 圖標(biāo)
$GLOBALS['isRSS'] = 'off'; //在菜單欄中加入 RSS 按鈕
$GLOBALS['style_BG'] = ''; //背景圖設(shè)置。填入圖片 URL 地址,留空為關(guān)閉
菜單
標(biāo)題旁邊有一個(gè) · 字符,點(diǎn)擊后便可顯示菜單。1,2,3?分別代表?獨(dú)立頁(yè)面菜單、導(dǎo)航樹(shù)(僅在文章界面有用,僅解析 h3,h4 標(biāo)簽)以及搜索框。
若您覺(jué)得 1,2,3 太抽象,可以將?config.php
?中?$GLOBALS['isIconNav']
?設(shè)置為?on
?即可替換成相應(yīng) Emoji 圖標(biāo)。
網(wǎng)站標(biāo)題修改
本主題要修改標(biāo)題必須自行修改代碼…位于?header.php
?的?class .header-logo(56行處)
?,用?<span class="b"></span>
?及?<span class="w"></span>
?把自已的站點(diǎn)標(biāo)題拼接出來(lái)就行了,其他可以不做修改。
修改網(wǎng)站標(biāo)題后菜單定位
您可以將?config.php
?中?$GLOBALS['isAutoNav']
?設(shè)置為?on
?即可自動(dòng)調(diào)整,無(wú)需進(jìn)行以下操作。
若您網(wǎng)站標(biāo)題字?jǐn)?shù)與原來(lái)(5個(gè)英文字母)不同,那要自行修改菜單的?margin
?值。位于?assert/css/main.css
?的?#menu-page(609行處)
?及?#search-box(629行處)
?,每個(gè)字符格子寬度為 28px ,可自行計(jì)算(別忘了算上菜單格,有4個(gè))。
背景圖設(shè)置
若要設(shè)置背景圖,請(qǐng)修改位于?config.php
?的?$GLOBALS['style_BG']
?變量值。改為圖片鏈接即可,留空即為關(guān)閉。
默認(rèn)顯示導(dǎo)航樹(shù)
若要文章默認(rèn)直接顯示導(dǎo)航樹(shù),請(qǐng)?jiān)谖恼氯我馕恢茫ㄍ扑]開(kāi)頭)添加?<!-- isTorTree:on; -->
?。值得一提的是,當(dāng)頁(yè)面寬度小于 1024px ,導(dǎo)航樹(shù)將不再顯示。
其他
以上的特別說(shuō)明如果有很多人介意的話,應(yīng)該還是會(huì)寫個(gè)配置文件然后用 PHP 自動(dòng)生成修改的…
其他沒(méi)有特別說(shuō)明的基本不需要修改,當(dāng)然你也可以按照個(gè)人興趣隨意修改。
若有什么不清楚可以給我發(fā)郵件或是到主題發(fā)布頁(yè)&GitHub詢問(wèn)。
寫在最后
版權(quán)聲明
感謝
- (在 述說(shuō) 中提到的)
- Art Chen–Artifact.me–Element?主題首頁(yè)樣式參考(獲得許可)
- Jimmy?Yellow 主題評(píng)論框參考(獲得許可)
許可
本程序源代碼可任意修改并任意使用,但禁止商業(yè)化用途。一旦使用,任何不可知事件都與原作者無(wú)關(guān),原作者不承擔(dān)任何后果。
如果您喜歡,希望可以在頁(yè)面某處保留原作者(Trii Hsia)版權(quán)信息。
感謝。