一片森林,一座木屋,如世外桃源般,靜謐、安逸。森林的氣息,如夢境般,讓人神往。?如同她的名字一樣,給人以一種自然、恬靜的文字閱讀體驗。
Typecho主題下載:
[b2_file link="https://cdn.getimg.net/npc/2020/typecho/theme/Moricolor-for-Typecho.zip" name="Moricolor" pass="" code=""]
細節
細節
- 點擊?主頁的日期?,可?快速預覽文章
- 在文章頁面下,可通過文章結尾處的?HOME按鈕?返回主頁,或是瀏覽器返回
- 在其他任何頁面下,都是通過?點擊博客標題?返回主頁,或是瀏覽器返回
一些食用方法
'config.php' 為主題全局配置文件
// 'on' 為開啟
// 'off'或留空 為關閉
//Pages -換頁導航中間的三條杠!
$GLOBALS['tools_Pages_if'] = 'off'; //是否開啟自定義鏈接
$GLOBALS['tools_Pages'] = array(
'{your_title}' => '{your_url}',
'Moricolor' => 'https://github.com/txperl/Moricolor-for-Typecho'
);
//底部小工具
$GLOBALS['bottomTools'] = 'on'; //總
$GLOBALS['bottomTools_hitokoto'] = 'on'; //一言
$GLOBALS['bottomTools_category'] = 'on'; //分類
$GLOBALS['bottomTools_tag'] = 'off'; //標簽
$GLOBALS['bottomTools_page'] = 'off'; //頁面
$GLOBALS['bottomTools_search'] = 'on'; //搜索
//主頁
$GLOBALS['index_QuickPreview'] = '1'; //每頁默認顯示 X 個快速預覽
$GLOBALS['index_QuickPreview_Img'] = 'off'; //文章預覽是否顯示圖片
//樣式
$GLOBALS['style_TextBar'] = '1'; //文章頁頭部信息 | 1:功能按鈕及分享按鈕(文章目錄導航僅支持 h3,h4 層級) | 0:純文本
$GLOBALS['style_TextIndent'] = 'off'; //首行縮進
$GLOBALS['style_CommentShow'] = 'off'; //默認顯示評論
$GLOBALS['style_BGPic'] = ''; //博客背景圖設置(填入圖片鏈接),留空為不開啟
$GLOBALS['style_FontWeight'] = 'normal'; //字體粗細 | normal:默認 | lighter:細 | bolder:粗
//因有些背景圖與原主題風格不同,你可以將'style_FontWeight'設置為 lighter 再更換一下配色,這樣整體性會高一些
//配色 全局配色設定(請自行復制粘貼以下相應數組) | 初版,只包含小部分顏色調整(文章配色請自行在mori.css中更改)
//Mori(森) - array('Mori')
//H(類似黑) - array('','#546e7a','#90a4ae','#90a4ae')
//Q(應該青) - array('','#00838f','#00acc1','#00acc1')
//L(有點藍) - array('#0277bd','#0288d1','#03a9f4','#90caf9')
//F(微微粉) - array('#f48fb1','#f48fb1','#f8bbd0','')
$GLOBALS['style_Color'] = array('Mori');
>
//前方有怪獸!
$GLOBALS['beta_MoriGarden'] = 'off'; //開啟后請自行修改 ./MoriGarden/config.php 配置,否則會出事情的!
MoriGarden[Beta]?MoriGarden是基于Thatsi的一個簡單例子
這個工具可將你的社交平臺動態與博客同步,開啟后位于主頁底部
目前包含如下內容:
twitter: 以時間軸順序,獲取對應id(是@后面的名稱)的公開推文(墻內也可使用)
bangumi: 以時間軸順序,獲取對應id(是@后面的名稱)的在看番劇 (這個應該只有二次元迷會用得到吧,我反正是用了...)
P.s. 因為測試階段默認使用我個人注冊的API TOKEN,所以請勿隨意或惡意提交
本主題包含一套 Material Design 圖標
位于 './fonts/md'
詳細情況請參考?Material Design Iconic Font
配色參考
Zoom.js使用 [圖片縮放]
<img src="{img_url}" data-action="zoom" class="img-rounded img-responsive">
Prism.js使用 [代碼高亮]?只有部分語言適用,若想支持更多請去官網自行下載
<pre><code class="language-xxx">{your_code}</code></pre>
&
```{language}
{your_code}
```
封面圖設置?在文章中加入
<!-- img_quick:img_url; -->
為了整體樣式的美觀性,建議 圖片寬度 >= 980px
自定義快速預覽內容?在文章中加入
<!-- des_quick:your_words; -->
將 your_words 改成你需要的內容即可
配色與背景圖與字體粗細相關?目前配色只是一個初版,所以很不完善
關于背景圖,設置一下淡灰風格的圖片會顯得不那么奇怪
字體粗細如果沒有更改,但你添加了背景圖,可以試著改成 lighter 或 bolder ,這樣樣式整體性會高一些
其他注意事項
- 本主題引用了多個本地資源,若是訪問速度明顯下降,請自行將本地資源上傳到CDN或使用其他解決方案
- 文章目錄導航僅支持 h3,h4 層級,并且手機端不會顯示
- 更多問題可以詢問作者
Moricolor的誕生離不開以下開源項目
寫在最后
本程序源代碼可任意修改并任意使用,但禁止商業化用途。一旦使用,任何不可知事件都與原作者無關,原作者不承擔任何后果。
如果您喜歡,希望可以在頁面某處保留原作者(Trii Hsia)版權信息。
感謝。