

This entry was posted in GitHub, Jekyll, Ruby on Jby purpleblob. If you change the theme you’ll need to shut the server down and bundle exec jekyll serve which will run jekyll build and update the _site directory. Simply open the _config.yml file and change the name of the theme, i.e.

The first thing you might want to try is change the theme to one of the other supported themes. Note: You can commit the Gemfile and Gemfile.lock files to your GitHub repository, these are not used by GitHub Pages.Īfter you’ve run up the server a _site folder will be created, these need not be committed. Gem 'github-pages', group: :jekyll_plugins I don’t have a Gemfile, so in the root folder, create a file name Gemfile and here’s the contents (if you have a Gemfile add these two lines).or where you store your markdown/html file content (in other words not the gh-pages branch if you’re using the standard master/gh-pages branches). Clone (if you don’t already have it locally) you repository with you GitHub pages.So if all went well, the last line of these instructions will run up our jekyll site. Now go through the Jekyll Quick-start Instructions – I’ll list them here also. Let’s start by installed Ruby by going to RubyInstaller for Windows Downloads if you don’t already have Ruby and Gem installed. For video support, include the ng-videosharing-embed script.Ĭontroller: angular.module('app').GitHub pages, by default, uses jekyll and I wanted to get something running locally to test things.To show a loading bar while an image is loading, include the angular-loading-bar script.To enable swipe navigation in the lightbox, include the ngTouch script.Add it as a dependency to your module:Īngular.module('app', ) The Angular module is named bootstrapLightbox.Manually save the script and stylesheet from dist.Install with npm: npm install angular-bootstrap-lightbox -save.Install with Bower: bower install angular-bootstrap-lightbox -save.An optional image caption overlays the top left corner of the image. Large images are scaled to fit inside the window. The escape key for closing the modal is automatically binded by AngularUI Bootstrap. When the lightbox is opened, navigating to the previous/next image can be achieved by clicking buttons above the image, clicking the left/right arrow keys, or swiping to the left/right (optional with ngTouch). This lightbox displays images using an AngularUI Bootstrap Modal (v0.14).
