ghostblog主题_ghost-matery2

总体介绍

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下以示支持,再次感谢。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
引用中的内容是关于在Hexo Matery主题中添加音乐页面的配置说明。通过在主题配置文件_config.yml中增加音乐页面链接和标题,以及在新建的musics.ejs文件中添加代码,可以支持音乐播放功能。在_config.yml文件中,可以设置音乐的平台、类型、ID等参数,以及其他一些配置选项,如是否显示歌词、默认音量等。而在musics.ejs文件中,可以使用APlayer播放器插件来实现音乐播放功能,并设置歌单ID、循环播放等参数。这样就可以在Matery主题中添加音乐页面了。 总结:要在Hexo Matery主题中添加音乐页面,需要进行一系列的配置,包括修改主题配置文件_config.yml、新建musics.ejs文件,并在其中添加相应的代码。通过这些配置,可以实现音乐播放功能。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [关于给hexo博客增加音乐页面(使用Aplayer和MetingJS插件)](https://blog.csdn.net/weixin_42529972/article/details/109517313)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] - *2* [hexo-matery主题美化(三)-音乐播放器](https://blog.csdn.net/gobullin/article/details/107910725)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值