每個人都有屬于自已的故事,我們編織著、敘述著,只為了那個必定動人的結局。
愛上自已的故事,愛上別人的故事,交織著的,是美好,是快樂,是幸福。
最近想開始記錄一下自已的所見所得,感覺缺了一個可以讓人安心記錄的地方。
就這樣,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)版權信息。
感謝。