A forest, a wooden house, like a paradise, quiet and comfortable. The smell of the forest, like a dream, is fascinating.

Just like her name, it gives people a natural and quiet reading experience.

Moricolor Chapter I is now released

Welcome to experience use

Demo1 : Yumoe v2

MoriColor for Hexo by Anapopo.

• click Date of home page , can Quick Preview Article
• Under the article page, you can use the HOME button Return to the home page, or the browser
• On any other page, you can use the Click the blog title Return to the home page, or the browser

'config. php' is the theme global configuration file

 //'on' is on
 //'off' or leave blank to close

 //Pages - Three bars in the middle of the feed navigation!
 $ GLOBALS [ 'tools_Pages_if' ] = 'off' ; //Whether to open custom link
 $ GLOBALS [ 'tools_Pages' ] = array ( '{your_title}' => '{your_url}' , 'Moricolor' => ' https://github.com/txperl/Moricolor-for-Typecho ' ); //Bottom Widget
 $ GLOBALS [ 'bottomTools' ] = 'on' ; //Total
 $ GLOBALS [ 'bottomTools_hitokoto' ] = 'on' ; //A word
 $ GLOBALS [ 'bottomTools_category' ] = 'on' ; //Classification
 $ GLOBALS [ 'bottomTools_tag' ] = 'off' ; //Label
 $ GLOBALS [ 'bottomTools_page' ] = 'off' ; //Page
 $ GLOBALS [ 'bottomTools_search' ] = 'on' ; //Search

 //Home
 $ GLOBALS [ 'index_QuickPreview' ] = '1' ; //X quick previews are displayed by default per page
 $ GLOBALS [ 'index_QuickPreview_Img' ] = 'off' ; //Whether to display pictures in article preview

 //Style
 $ GLOBALS [ 'style_TextBar' ] = '1' ; //Article page header information | 1: function buttons and sharing buttons (article directory navigation only supports h3, h4 levels) | 0: plain text
 $ GLOBALS [ 'style_TextIndent' ] = 'off' ; //First Line Indent
 $ GLOBALS [ 'style_CommentShow' ] = 'off' ; //Show comments by default
 $ GLOBALS [ 'style_BGPic' ] = '' ; //Blog background image setting (fill in the image link), leave blank to not open
 $ GLOBALS [ 'style_FontWeight' ] = 'normal' ; //Font thickness | normal: default | lighter: thin | holder: thick
 //Because some background images are different from the original theme style, you can set 'style_FontWeight' to lighter and change the color matching, which will improve the integrity

 //Color matching global color matching settings (please copy and paste the following corresponding array by yourself) | First edition, only a small part of color adjustment is included (article color matching please change in mori.css by yourself)
 //Mori - array ('Mori ')
 //H (similar to black) - array ('', '# 546e7a', '# 90a4ae', '# 90a4ae')
 //Q (should be green) - array ('', '# 00838f', '# 00acc1', '# 00acc1')
 //L (slightly blue) - array ('# 0277bd', '# 0288d1', '# 03a9f4', '# 90caf9')
 //F (slightly pink) - array ('# f48fb1', '# f48fb1', '# f8bbd0', '')
 $ GLOBALS [ 'style_Color' ] = array ( 'Mori' ); > //Monsters ahead!
 $ GLOBALS [ 'beta_MoriGarden' ] = 'off' ; //Please modify by yourself after opening/ MoriGarden/config.php configuration, otherwise something will happen!

MoriGarden[Beta]

MoriGarden is a simple example based on Thatsi
This tool can synchronize the dynamic status of your social platform with your blog, and it will be located at the bottom of the home page after being opened
At present, it includes the following contents:
Twitter: Get the public tweets of the corresponding id (name after @) in chronological order (can also be used inside the wall)
Bangumi: In chronological order, get the current drama of the corresponding id (name after @) (this should only be used by the quadratic puzzle, I used it anyway...)
Bilibili: In the order of time axis, get the TV drama of the corresponding ID
P. S. Because the API TOKEN registered by myself is used by default in the test phase, please do not submit it randomly or maliciously

This topic contains a set of Material Design icons

Located at '/ fonts/md'

For details, please refer to Material Design Iconic Font

Color Book Reference

• Flat UI Design Criteria Color Matching
• Material Design Color

Prism.js uses [code highlighting]

Only some languages are applicable. If you want to support more, please download them on the official website

 < pre > < code  class =" language-xxx " > {your_code} </ code > </ pre >

&

 ```{language} {your_code} ```

Cover Page Settings

Add to article

 <!--  img_quick:img_url; -->

For the beauty of the overall style, it is recommended that the picture width>=980px

Customize Quick Preview Content

Add to article

 <!--  des_quick:your_words; -->

Change your_words to the content you need

Color matching and background image are related to font thickness

At present, the color matching is only a first version, so it is not perfect
As for the background picture, it will not look so strange if you set the picture in light gray style
If the font thickness has not been changed, but you have added a background image, you can try to change it to lighter or holder, so that the style will be more integrated

Other precautions

1. This topic refers to multiple local resources. If the access speed drops significantly, please upload the local resources to CDN or use other solutions
2. The article directory navigation only supports h3 and h4 levels, and the mobile terminal will not display
3. Ask the author for more questions

• Flat UI
• Material Design Iconic Font
• Bootstrap Collapse JS
• jQuery
• zoom_vanilla.js
• Prism.js

• [v1.5]
• Fine tuning <h4>,<h5>,<img> Label Style
• Fine tune MoriGarden bilibili functions and styles
• Change the one word API to "api. imjad. cn"
• [v1.4]
• brand new MoriColor for Hexo Theme (Thanks Anapopo)
• Fine tuning <h4>,<a>,<li> Label Style
• Fine tune the grayscale value of background image
• Fine tune page details
• Change the one word API to "api. imjad. cn"
• Change theme resource CDN (Cloudflare CDN → StaticfileCDN)
• Change MoriGarden's rewritten version of Thatsi
• [v1.3]
• Repair article navigation, replace BUG with duplicate name
• Optimize SEO
• [v1.2!]
• Add custom quick preview content
• [v1.2]
• New blog background
• New font thickness selection (better with the blog background image)
• New comment paging style (forgot to write before)
• Very few new color options
• Fine tuning <h1>,<h2>,<h3>,<h4>,<h5>,<h6>,<a>,<li>,<blockquote> Label Style
• Optimize article layout
• [v1.1]
• Judge whether comments are allowed when adding
• Change font source from local&7N CDN to Cloudflare
• Delete extra local files
• [v1.0]
• Collapsed display of new archive page
• Add figure and figcaption label styles
• New article page header image (cover image) | Usage: <!-- img_quick:img_url; -->
• Fine tune the mobile terminal layout
• Cancel MoriGarden Weibo resolution
• Cancel first page pagination inversion
• [beta5]
• New article page header style settings
• Add webkit custom scroll bar
• Fine tune some styles (archive page tag, homepage gadget layout, article layout and font size)
• Fine tune other details
• [beta4]
• New article page header style
• Add TextBar
• New article directory navigation (only supports h3 and h4 levels)
• Optimize comment hierarchy style
• [beta3]
• Test the Moricolor rear garden _ based on Thatsi
• New Default Display Comment Settings
• Add custom Pages navigation settings (three bars in the middle of the feed navigation)
• The repair plug-in cannot display BUG
• [beta2]
• New archive page design
• New Paragraph Indent Settings
• New tag cloud (on the archive page)
• New Widget_Tag, Page
• Change the display mode of home page month (3 letters in short)
• Fixed comment author information editing bug

The source code of this program can be modified and used arbitrarily, but commercial use is prohibited. Once used, any unknown event has nothing to do with the original author, who will not bear any consequences.

If you like, you want to keep the copyright information of the original author (Trii Hsia) somewhere on the page.

thank.