matery2是在matery1的基础和经验上开发的一款新的ghost博客主题,与前作一样的是,继承了Material Design
和响应式的设计风格,但同时又更注重移动端的体验,遵循了移动优先的设计原则,更强调图片在博客和文章中的的响应式呈现。我的个人博客(闪烁之狐的博客)也切换成了这个主题。
- 响应式设计(移动端体验似Android app的体验)
Material Design
设计瀑布流
式的博客文章列表(文章无特色图片时会有默认图片代替)- 自由切换主题风格(默认蓝色主题)
hack
风格的代码高亮(高亮显示兼容性更强)
桌面端博客首页截图:
平板端博客首页截图:
手机端博客首页截图:
手机端博客导航截图:
手机端博文详情截图:
当你看到本文的时候,应该已经有一个自己的ghost博客了,如果还没有的话,不妨去用ghost使用Markdown
来写作,能够让人更加专注写作的内容本身,同时又能方便简单的排版显示。
当你安装好ghost博客之后,只需去本主题的github页下载下来,解压之后放在您博客的主题文件夹content/themes/
里面,然后重启ghost博客,在博客后台全局设置
页面选择本主题点击保存
即可。
博客中的一些地方在博客后台管理界面里是无法设置的,但默认内容都是根据我自己的喜好设置的,您也可以修改成你自己喜欢的内容,改完之后重启Ghost即可。
在博客的导航栏下有一公告提醒栏
,,默认内容如下:
梦想面前做好自信的自己,自信可以改变未来。每一朵花都有开放的理由,你要始终坚信, 你就是你,一个独一无二的你,任何人都无法替代,不要因为别人的否定就轻易放弃,活在别人的世界里是一种悲哀,你要活出自己的本色。只要心在,梦就在,成功之前总是会遭受很多的磨砺,但是只要坚持做好手边的事, 自然会有意外不到的收获。
你可以在matery2主题中打开文件index.hbs
,在31行中修改成你自己喜欢的文字即可。
社交链接由于区分了桌面端和移动端的显示方式,需要修改的有两处地方,一处是partials/footer.hbs
文件中,另一处是在partials/navigation.hbs
文件的最末尾。如果需要你也可以新增如微博、微信、facebook
、google+
等社交链接,修改成立需要的Font Awesome图标即可。
网页底部的版权信息如果你想改成自己的版权相关信息,也是在partials/footer.hbs
文件夹中修改。
网页的默认主题颜色是蓝色(#3f51b5
),如果你想修改成你喜欢的默认主题颜色,你可以去assets/css/screen.css
中找到.bf-color
和.bf-text-color
两处修改其颜色值即可,你可以去这个网站寻找你喜欢的颜色。
打开主题下partials/comments.hbs文件,将short_name:改成你自己申请的多说站点名。重启Ghost,然后多说评论框就能用了。
祝你使用本主题写博客更舒心。本主题也必然有些不足之处,生命不息,折腾不止,如果有更好的设计和建议,我也会尽量抽出时间来完善,如果您发现了什么bug,可以给我发邮件给我。如果您觉得这个主题还不错的话,欢迎在github里star下以示支持,再次感谢。