首页 >web前端 >Bootstrap教程 >bootstrap怎么更改主题

bootstrap怎么更改主题

爱喝马黛茶的安东尼
爱喝马黛茶的安东尼原创
2019-07-13 11:02:474014浏览

bootstrap怎么更改主题

使用主题

介绍:由于JB版本0.2.X的主题,现在完全是模块化的。他们跟踪和单独版本的主题包。这让每个人都可以自由发布和共享主题。 Jekyll-Bootstrap v 0.2.x只附带twitter主题,其他主题需要被安装。 直接浏览当前主题包在GitHub上:主题包 可以看到可供我们使用的主题有the-minimum、tom、mark-reid、twitter、the-program。

安装主题

通过使用rake命令,并通过该主题在git的URL安装一个主题。

$ rake theme:install git="https://github.com/jekyllbootstrap/theme-the-program.git"

安装主题之前,先在本地起搭建一个服务,可参考文章:jekyll bootstrap搭建github blog

1562986581(1).png

相关推荐:《bootstrap入门教程

目前默认是twitter主题,使用rake命令来安装一个主题。

1562986595(1).png

安装程序使用的git下载主题包,如果你已经获得了另一种方式的主题包,如通过Download ZIP下载下来的 你可以手动把它放到你的 ./_theme_packages文件夹下,然后运行带有该主题名称。

$ rake theme:install name="THEME-NAME"

在安装成功后,任务会问你,是否切换新安装的主题,输入”Y”并回车切换。

切换主题

一旦你的主题安装,您可以通过rake来进行他们之间的切换。

$ rake theme:switch name="the-program"

自定义主题

主题的布局包含再 ./_includes/themes/THEME-NAME。您可以编辑在该主题目录中的文件而不是_layouts,因为改变主题将覆盖_layout目录中的文件,你可以在_layouts中自由添加额外的模板文件以自定义您的博客。

以上是bootstrap怎么更改主题的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn