Npcink Blog
切换菜单

Moricolor - 森之色 Typecho 主题

如同她的名字一样，给人以一种自然、恬静的文字阅读体验。

最后更新于
本页目录8 节

一片森林，一座木屋，如世外桃源般，静谧、安逸。森林的气息，如梦境般，让人神往。 如同她的名字一样，给人以一种自然、恬静的文字阅读体验。

  • 主题介绍：详情
  • 主题预览：Demo
  • **GitHub：

**详情

  • **主题版本：**1.4

Typecho 主题下载：

细节

细节

  • 点击 主页的日期 ，可快速预览文章
  • 在文章页面下，可通过文章结尾处的 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 ，这样样式整体性会高一些

其他注意事项**

  1. 本主题引用了多个本地资源，若是访问速度明显下降，请自行将本地资源上传到 CDN 或使用其他解决方案
  2. 文章目录导航仅支持 h3,h4 层级，并且手机端不会显示
  3. 更多问题可以询问作者

Moricolor 的诞生离不开以下开源项目

Material Design Iconic Font

Bootstrap Collapse JS

zoom_vanilla.js

写在最后

本程序源代码可任意修改并任意使用，但禁止商业化用途。一旦使用，任何不可知事件都与原作者无关，原作者不承担任何后果。

如果您喜欢，希望可以在页面某处保留原作者(Trii Hsia)版权信息。

感谢。