每個人都有屬于自已的故事，我們編織著、敘述著，只為了那個必定動人的結局。

愛上自已的故事，愛上別人的故事，交織著的，是美好，是快樂，是幸福。

最近想開始記錄一下自已的所見所得，感覺缺了一個可以讓人安心記錄的地方。

就這樣，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=""]

述說

個人認為這是一個適合寫作與閱讀的主題，所以我打算在這篇發布文章中以長段落的形式來寫。首先，說說為什么要寫 Typecho 版本的吧。具體有三點：

一是 Typecho 輕量(相對)；

二是習慣寫 Typecho 主題了，本地有很多寫的練手項目可以參考；

三是我本身對博客系統不怎么感冒，用了一個就不怎么想換了。

本來打算把 Story 也寫得很輕量，但迫于一些原因，就引用了以下項目(感謝):?75CDN,?Bootstrap 4,?jQuery,?zoom_vanilla.js,?Prism.js,?Twemoji Awesome. 其實 jQuery 就用了它的?FadeIn(),?FadeOut()?等函數，本來打算用純 JavaScript 語法寫的，但，emm... Prism 也是見仁見智吧，很多人都不需要的。

主題的一些食用說明

config.php

Story 包含一個全局配置文件。

//on 為開啟
//off&其他 為關閉
$GLOBALS['isAutoNav'] = 'off'; //自動設置導航欄中 margin 及 width 值（推薦開啟）
$GLOBALS['isIconNav'] = 'off'; //將導航欄中的 1,2,3 替換成 Emoji 圖標
$GLOBALS['isRSS'] = 'off'; //在菜單欄中加入 RSS 按鈕

$GLOBALS['style_BG'] = ''; //背景圖設置。填入圖片 URL 地址，留空為關閉

菜單

標題旁邊有一個 · 字符，點擊后便可顯示菜單。1,2,3?分別代表?獨立頁面菜單、導航樹(僅在文章界面有用，僅解析 h3,h4 標簽)以及搜索框。

若您覺得 1,2,3 太抽象，可以將?config.php?中?$GLOBALS['isIconNav']?設置為?on?即可替換成相應 Emoji 圖標。

網站標題修改

本主題要修改標題必須自行修改代碼...位于?header.php?的?class .header-logo(56行處)?，用?<span class="b"></span>?及?<span class="w"></span>?把自已的站點標題拼接出來就行了，其他可以不做修改。

修改網站標題后菜單定位

您可以將?config.php?中?$GLOBALS['isAutoNav']?設置為?on?即可自動調整，無需進行以下操作。

若您網站標題字數與原來(5個英文字母)不同，那要自行修改菜單的?margin?值。位于?assert/css/main.css?的?#menu-page(609行處)?及?#search-box(629行處)?，每個字符格子寬度為 28px ，可自行計算（別忘了算上菜單格，有4個）。

背景圖設置

若要設置背景圖，請修改位于?config.php?的?$GLOBALS['style_BG']?變量值。改為圖片鏈接即可，留空即為關閉。

默認顯示導航樹

若要文章默認直接顯示導航樹，請在文章任意位置（推薦開頭）添加?<!-- isTorTree:on; -->?。值得一提的是，當頁面寬度小于 1024px ，導航樹將不再顯示。

其他

以上的特別說明如果有很多人介意的話，應該還是會寫個配置文件然后用 PHP 自動生成修改的...

其他沒有特別說明的基本不需要修改，當然你也可以按照個人興趣隨意修改。

若有什么不清楚可以給我發郵件或是到主題發布頁&GitHub詢問。

寫在最后

版權聲明

感謝

• (在 述說 中提到的)
• Art Chen-Artifact.me-Element?主題首頁樣式參考（獲得許可）
• Jimmy?Yellow 主題評論框參考（獲得許可）

許可

本程序源代碼可任意修改并任意使用，但禁止商業化用途。一旦使用，任何不可知事件都與原作者無關，原作者不承擔任何后果。

如果您喜歡，希望可以在頁面某處保留原作者(Trii Hsia)版權信息。

感謝。