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文件的最末尾。如果需要你也可以新增如微博、微信、facebookgoogle+等社交链接,修改成立需要的Font Awesome图标即可。

3、底部版权信息修改

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

4、修改默认主题颜色

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

祝你好运

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



转载请注明:闪烁之狐 » Ghost博客matery2主题介绍

分享到:
主题颜色面板