solid-jekyll

KO | EN

gitlite — search

#javascript #hacktoberfest #react #golang #machine-learning #docker #nodejs #awesome #security #pytorch #ios #mcp #openai #open-source

(★ 338)

A Jekyll port of the Solid theme (by blacktie.co).

File Explorer

Download Latest Version (.zip)

- - main.css
- carousel.html
- clients.html
- footer.html
- head.html
- header.html
- js.html
- members.html
- nav.html
- portfolio.html
- sidebar.html
- testimonial.html
- wrap.html
- about.html
- blog.html
- contact.html
- default.html
- index.html
- main.css
- portfolio.html
- post.html
- project.html
- question.html
- - 2014-04-15-your-project-name.markdown
- 2014-04-25-logo-design-contest-starts-now.markdown
- 2014-04-25-our-new-logo-is-here.markdown
- 2014-04-25-time-to-change-your-apps.markdown
- 2014-04-15-your-project-name.markdown
- 2014-04-16-your-project-name.markdown
- 2014-04-17-your-project-name.markdown
- 2014-04-18-your-project-name.markdown
- 2014-04-19-your-project-name.markdown
- 2014-04-20-your-project-name.markdown
- 2014-04-21-your-project-name.markdown
- 2014-04-22-your-project-name.markdown
- 2014-04-23-your-project-name.markdown
- 2014-04-25-your-project-name.markdown
- - bootstrap.css
  - font-awesome.min.css
  - hoverex-all.css
  - main.css
  - prettyPhoto.css
- - fontawesome-webfont.eot
  - fontawesome-webfont.svg
  - fontawesome-webfont.ttf
  - fontawesome-webfont.woff
  - FontAwesome.otf
  - glyphicons-halflings-regular.eot
  - glyphicons-halflings-regular.svg
  - glyphicons-halflings-regular.ttf
  - glyphicons-halflings-regular.woff
- - about.jpg
  - browser.png
  - contact.jpg
  - t-back.jpg
  - t-back1.jpg
- - bootstrap.min.js
  - custom.js
  - jquery.hoverdir.js
  - jquery.hoverex.min.js
  - jquery.isotope.min.js
  - jquery.prettyPhoto.js
  - retina-1.1.0.js
.gitignore
_config.yml
about.html
blog.html
category.html
contact.html
feed.xml
index.html
portfolio.html
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

Solid. A Bootstrap theme for Jekyll.
============
![Screenshot](https://st4ple.github.io/solid-jekyll/assets/img/browser.png)

This is a [Jekyll](http://jekyllrb.com/) port of the [Solid theme](http://www.blacktie.co/2014/05/solid-multipurpose-theme/) by [blacktie.co](http://www.blacktie.co/). Visit the [live demo](https://st4ple.github.io/solid-jekyll/) for a preview.

## Usage

This theme can be customized, built and published straight from GitHub, thanks to [GitHub Pages](https://pages.github.com/). A local installation of Jekyll isn't even necessary!

[Fork this repository](https://github.com/st4ple/solid-jekyll/fork) to get started. 
#### Customize  
Most general settings and data like site name, colors, address, etc. can be configured and changed right in the main config file: `/_config.yml`
The content of the Home page can be changed here: `/home.html`
The content of the About page can be changed here: `/about.html`
The content of the Portfolio page can be changed here:`/portfolio.html`
The content of the Contact page can be changed here:`/contact.html`
#### Add content  
Delete the demo content and publish your own content.
##### Blog post
Create a Blog post by creating a file called `yyyy-mm-dd-name-of-post-like-this.markdown` in the `/_posts/blog/` directory with the following template:
```markdown
---
layout: post          #important: don't change this
title: "Name of post like this"
date: yyyy-mm-dd hh:mm:ss
author: Name
categories:
- blog                #important: leave this here
- category1
- category2
- ...
img: post01.jpg       #place image (850x450) with this name in /assets/img/blog/
thumb: thumb01.jpg    #place thumbnail (70x70) with this name in /assets/img/blog/thumbs/
---
This text will appear in the excerpt "post preview" on the Blog page that lists all the posts.

This text will not be shown in the excerpt because it is after the excerpt separator.
```
##### Project post
Create a Project post to go in your Portfolio by creating a file called `yyyy-mm-dd-name-of-the-project.markdown` in the `/_posts/project/` directory with the following template:
```markdown
---
layout: project       #important: don't change this
title:  "Name of the project"
date: yyyy-mm-dd hh:mm:ss
author: Name
categories:
- project             #important: leave this here
img: portfolio_10.jpg #place image (600x450) with this name in /assets/img/project/
thumb: thumb02.jpg
carousel:
- single01.jpg        #place image (1280x600) with this name in /assets/img/project/carousel/
- single02.jpg  
- ...
client: Company XY
website: http://www.internet.com
---
#### This is a heading
This is a regular paragraph. Write as much as you like.
```
##### Question entry
Create a Question entry (that is listed in the Frequently Asked section on the Home page) in this directory by creating a file called `yyyy-mm-dd-do-i-have-a-question.markdown` in the `/_posts/project/` directory with the following template:
```markdown
---
layout: question
title:  "Do I have a question?"
date: yyyy-mm-dd hh:mm:ss
author: First Last
categories:
- question            #important: leave this here
---
#### Can I use this theme for my website?
Of course you can!
```
#### Publish
To publish with [GitHub Pages](https://pages.github.com/), simply create a branch called `gh-pages`in your repository. GitHub will build your site automatically and publish it at `http://yourusername.github.io/repositoryname/`.  
If there are problems with loading assets like CSS files and images, make sure that the `baseurl` in the `_config.yml`is set correctly (it should say `/repositoryname`).

If you want to host your website somewhere else than GitHub (or just would like to customize and build your site locally), please check out the [Jekyll documentation](http://jekyllrb.com/).

## License
This theme is licensed under [CC BY 3.0](https://creativecommons.org/licenses/by/3.0/).

solid-jekyll

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

solid-jekyll

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README