总体介绍
matery2是在matery1的基础和经验上开发的一款新的ghost博客主题,与前作一样的是,继承了Material Design和响应式的设计风格,但同时又更注重移动端的体验,遵循了移动优先的设计原则,更强调图片在博客和文章中的的响应式呈现。我的个人博客(闪烁之狐的博客)也切换成了这个主题。
主要特性
响应式设计(移动端体验似Android app的体验)
Material Design设计
瀑布流式的博客文章列表(文章无特色图片时会有默认图片代替)
自由切换主题风格(默认蓝色主题)
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下以示支持,再次感谢。