blinkfox / Ghost Matery2

总体介绍

matery2是在matery1的基础和经验上开发的一款新的ghost博客主题,与前作一样的是，继承了Material Design和响应式的设计风格，但同时又更注重移动端的体验，遵循了移动优先的设计原则，更强调图片在博客和文章中的的响应式呈现。我的个人博客（闪烁之狐的博客）也切换成了这个主题。

主要特性

1. 响应式设计(移动端体验似Android app的体验)
2. Material Design设计
3. 瀑布流式的博客文章列表(文章无特色图片时会有默认图片代替)
4. 自由切换主题风格(默认蓝色主题)
5. hack风格的代码高亮(高亮显示兼容性更强)

博客主题截图

桌面端博客首页截图:

平板端博客首页截图:

手机端博客首页截图:

手机端博客导航截图:

手机端博文详情截图:

安装使用

当你看到本文的时候，应该已经有一个自己的ghost博客了，如果还没有的话，不妨去用ghost使用Markdown来写作，能够让人更加专注写作的内容本身，同时又能方便简单的排版显示。

当你安装好ghost博客之后，只需去本主题的github页下载下来，解压之后放在您博客的主题文件夹content/themes/里面，然后重启ghost博客，在博客后台全局设置页面选择本主题点击保存即可。

自定制修改

博客中的一些地方在博客后台管理界面里是无法设置的，但默认内容都是根据我自己的喜好设置的，您也可以修改成你自己喜欢的内容，改完之后重启Ghost即可。

1、公告提醒栏

在博客的导航栏下有一公告提醒栏，，默认内容如下：

梦想面前做好自信的自己，自信可以改变未来。每一朵花都有开放的理由，你要始终坚信， 你就是你，一个独一无二的你，任何人都无法替代，不要因为别人的否定就轻易放弃，活在别人的世界里是一种悲哀，你要活出自己的本色。只要心在，梦就在，成功之前总是会遭受很多的磨砺，但是只要坚持做好手边的事， 自然会有意外不到的收获。

你可以在matery2主题中打开文件index.hbs，在31行中修改成你自己喜欢的文字即可。

2、社交链接修改

社交链接由于区分了桌面端和移动端的显示方式，需要修改的有两处地方，一处是partials/footer.hbs文件中,另一处是在partials/navigation.hbs文件的最末尾。如果需要你也可以新增如微博、微信、facebook、google+等社交链接，修改成立需要的Font Awesome图标即可。

3、底部版权信息修改

网页底部的版权信息如果你想改成自己的版权相关信息，也是在partials/footer.hbs文件夹中修改。

4、修改默认主题颜色

网页的默认主题颜色是蓝色(#3f51b5)，如果你想修改成你喜欢的默认主题颜色，你可以去assets/css/screen.css中找到.bf-color和.bf-text-color两处修改其颜色值即可,你可以去这个网站寻找你喜欢的颜色。

5、多说评论框

打开主题下partials/comments.hbs文件，将short_name:改成你自己申请的多说站点名。重启Ghost，然后多说评论框就能用了。

祝你好运

祝你使用本主题写博客更舒心。本主题也必然有些不足之处，生命不息，折腾不止，如果有更好的设计和建议，我也会尽量抽出时间来完善，如果您发现了什么bug,可以给我发邮件给我。如果您觉得这个主题还不错的话，欢迎在github里star下以示支持，再次感谢。