Git Product home page Git Product logo

up's Introduction

Up

Up is a clean and beautiful Bootstrap based layout for Jekyll.

This is designed to be an easy layout to modify for your own blog. It is based on zachholman's blog themes: the "old" one, now opensourced as left, and also in his actual theme, that's not opensource (I believe), but I stole some ideas anyway. I also took something from jekyll-bootstrap, and, of course, I'm using bootstrap as a base for whole thing.

Up 2

Installation

  • Fork this repository
  • Rename it to YOUR-USER.github.io
  • Clone it: git clone https://github.com/YOUR-USER/YOUR-USER.github.io
  • With Ruby, bundler, Node.js and NPM previously installed, run the init script bundle && rake init;
  • Start it up in watch mode: foreman start -f Procfile.dev.

You should have a server up and running locally at http://localhost:4000.

Customization

Next you'll want to change a few things. The list of files you may want to change is the following:

  • _config.yml: Put your config there, almost everything will be up and running.
  • about/index.html: Well, that's about you, I would change it if I were you... OH WAIT!
  • CNAME: If you're using this on GitHub Pages with a custom domain name, you might want to change this to be the domain you're going to use. All that should be in here is a domain name on the first line and nothing else (like: example.com).
  • favicon.ico: This is a smaller version of my gravatar for use as the icon in your browser's address bar. You may change it to whatever you like. Updating your icons.
  • apple-touch-icon.jpg: Again, this is my gravatar, and it shows up in iOS and various other apps that use this file as an "icon" for your site. Updating your icons.

Custom CSS/JS

Assets are now managed by bower. You could simply run grunt whenever you want to update your assets. grunt watch will also watch everything for changes.

Note: I'm not using any Jekyll asset pipeline because it's not supported by GitHub Pages, so, I prefer to do it by myself.

Update favicon and apple-precomposed icons based on gravatar

First, be sure you have the author email configured in _config.yml, then, just run:

rake icons

The script will generate your email hash and get your gravatar, then, using RMagick, it will create all needed icons.

Deployment

You should deploy with GitHub Pages- it's just easier.

All you should have to do is to rename your repository on GitHub to be username.github.io. Since this is a Jekyll project, you should be able to see your new site at http://username.github.io.

Licensing

This is MIT with no added caveats, therefore feel free to use this on your site without linking back to me or using a disclaimer or anything silly like that.

If you'd like give me, holman (from left layout), plusjade (from jekyll-bootstrap), fat and mdo (from bootstrap) credit somewhere on your all-new blog or tweet a shout out to us, well hey, sure we'll take it.

Donate

You can also thank me doing a donation =)

Donate

Thanks.

up's People

Contributors

baus avatar caarlos0 avatar holman avatar jnewbery avatar mushishi78 avatar sarahhodne avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

up's Issues

pull and merge the updates from caarlos0.github.com

  • push to bootstrap 3
  • use lessc to compile assets
  • update Rakefile/Makefile to generate the favicons
  • add pygments.css
  • bump version - tag
  • update readme
  • create a new post/edit the post about it to fit the new look/features

Makefile

Do I have to touch it? I added a new css for the pygments highlighting:

$ make build
##################################################
Building Up...
##################################################
cat: css/{bootstrap,custom,monokai,bootstrap-responsive,font-awesome}.css: No such file or directory
make: *** [build] Error 1

I added monokai.css

Missing Favicon

Missing Favicon

For starters, love the theme from the bottom of my heart. Only one thing, the favicon is not appearing locally using jekyll serve or on Github pages.

  1. I did run into some problems with rackmagic but go that sorted out.
  2. Had all the favicons placed at the root of the file just like it was.
  3. Tried to load with jekyll serve and nothing comes up
  4. Pushed it to Github and still nothing.

You can visit my page here and see the problem.

Update

It works on Firefox but not on Chrome

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.