bootstrap怎么更改主题

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怎么更改主题的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3003690.html

(0)
上一篇 2025年3月13日 00:36:47
下一篇 2025年3月6日 14:13:02

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 为什么要使用bootstrap框架

    bootstrap是一组用于网站和网络应用程序开发的开源前端(所谓“前端”,指的是展现给最终用户的界面。与之对应的“后端”是在服务器上面运行的代码)框架,包括html、css及javascript的框架,提供字体排印、窗体、按钮、导航及其他…

    2025年3月13日
    000
  • bootstrap的原理是什么

    网格系统的实现原理,是通过定义容器大小,平分12份(也有平分成24份或32份,但12份是最常见的),再调整内外边距,最后结合媒体查询,就制作出了强大的响应式网格系统。bootstrap框架中的网格系统就是将容器平分成12份。 bootstr…

    2025年3月13日
    200
  • bootstrap为什么是12栅格

    bootstrap是一组用于网站和网络应用程序开发的开源前端(所谓“前端”,指的是展现给最终用户的界面。与之对应的“后端”是在服务器上面运行的代码)框架,包括html、css及javascript的框架,提供字体排印、窗体、按钮、导航及其他…

    2025年3月13日
    200
  • bootstrap作用是什么

    bootstrap作用是什么 Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。 Bootstrap是一个做…

    2025年3月13日
    200
  • bootstrap什么时候出现的

    bootstrap什么时候出现的 Bootstrap原名Twitter Blueprint,由Twitter的Mark Otto和Jacob Thornton编写,本意是制作一套可以保持一致性的工具和框架。在Bootstrap之前,开发界面…

    2025年3月13日
    200
  • bootstrap文件怎么引入

    bootstrap是一组用于网站和网络应用程序开发的开源前端框架,包括html、css及javascript的框架,提供字体排印、窗体、按钮、导航及其他各种组件及javascript扩展,旨在使动态网页和web应用的开发更加容易。 boot…

    2025年3月13日
    200
  • bootstrap是干什么的

    bootstrap是干什么的 Bootstrap是一组用于网站和网络应用程序开发的开源前端(所谓“前端”,指的是展现给最终用户的界面。与之对应的“后端”是在服务器上面运行的代码)框架,包括HTML、CSS及JavaScript的框架,提供字…

    2025年3月13日
    200
  • bootstrap框架优点有哪些

    bootstrap优点 Bootstrap是基于HTML,CSS,javascript的前端框架,使用它可以快速的搭建出网站。 1、跨设备,跨浏览器  可以兼容所有现代浏览器。 2、响应布局  bootstrap提供了一套响应式、移动设备优…

    2025年3月13日
    200
  • bootstrap的轮播图怎么实现

    第一步,打开电脑中安装的Sublime Text3,新建demo文件夹用来存放文件,在里面新建一个html文件,通过Tab快捷键迅速创建一个html模板,并命名标题。如图: 第二步,在顶部head标签里引入外部JQuery和Bootstra…

    2025年3月13日 编程技术
    200
  • bootstrap的缩略图大小能设置么

    Bootstrap 创建缩略图的步骤如下: 1、在图像周围添加带有 class .thumbnail 的 标签.2、这会添加四个像素的内边距(padding)和一个灰色的边框。 有了一个基本的缩略图,我们可以向缩略图添加各种 HTML 内容…

    2025年3月13日
    200

发表回复

登录后才能评论