{"id":14972318,"url":"https://github.com/startbootstrap/startbootstrap-clean-blog-jekyll","last_synced_at":"2025-12-16T16:50:53.136Z","repository":{"id":21213826,"uuid":"24526753","full_name":"StartBootstrap/startbootstrap-clean-blog-jekyll","owner":"StartBootstrap","description":"A Jekyll version of the Clean Blog theme by Start Bootstrap","archived":false,"fork":false,"pushed_at":"2024-07-25T05:47:23.000Z","size":31570,"stargazers_count":2122,"open_issues_count":54,"forks_count":2744,"subscribers_count":62,"default_branch":"master","last_synced_at":"2025-04-28T00:48:29.292Z","etag":null,"topics":["bootstrap","bootstrap-4","bootstrap-template","bootstrap-theme","bootstrap4","free","html","open-source"],"latest_commit_sha":null,"homepage":"https://startbootstrap.com/themes/clean-blog-jekyll/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/StartBootstrap.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2014-09-27T08:05:10.000Z","updated_at":"2025-04-25T07:41:03.000Z","dependencies_parsed_at":"2023-02-15T20:46:06.938Z","dependency_job_id":"c4e115ac-0bd6-4af3-aecd-119c75830d80","html_url":"https://github.com/StartBootstrap/startbootstrap-clean-blog-jekyll","commit_stats":{"total_commits":143,"total_committers":36,"mean_commits":"3.9722222222222223","dds":0.6363636363636364,"last_synced_commit":"1f8996f010afdbdebfbb36c27858e62e3373f34a"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StartBootstrap%2Fstartbootstrap-clean-blog-jekyll","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StartBootstrap%2Fstartbootstrap-clean-blog-jekyll/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StartBootstrap%2Fstartbootstrap-clean-blog-jekyll/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StartBootstrap%2Fstartbootstrap-clean-blog-jekyll/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/StartBootstrap","download_url":"https://codeload.github.com/StartBootstrap/startbootstrap-clean-blog-jekyll/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254010824,"owners_count":21998993,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","bootstrap-4","bootstrap-template","bootstrap-theme","bootstrap4","free","html","open-source"],"created_at":"2024-09-24T13:46:43.553Z","updated_at":"2025-12-16T16:50:53.089Z","avatar_url":"https://github.com/StartBootstrap.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# [Start Bootstrap - Clean Blog Jekyll](https://startbootstrap.com/themes/clean-blog-jekyll/) - Official Jekyll Version\n\n[Clean Blog Jekyll](https://startbootstrap.com/themes/clean-blog-jekyll/) is a stylish, responsive blog theme for [Bootstrap](https://getbootstrap.com/) created by [Start Bootstrap](https://startbootstrap.com/). This theme features a blog homepage, about page, contact page, and an example post page along with a working contact form powered by [Formspree](https://formspree.io/).\n\nThis repository holds the official Jekyll version of the Clean Blog theme on Start Bootstrap!\n\n## Preview\n\n[![Clean Blog (Jekyll) Preview](https://startbootstrap.com/assets/img/screenshots/themes/clean-blog-jekyll.png)](http://StartBootstrap.github.io/startbootstrap-clean-blog-jekyll/)\n\n**[View Live Preview](http://StartBootstrap.github.io/startbootstrap-clean-blog-jekyll/)**\n\n## Installation \u0026 Setup\n\n### Using RubyGems\n\nWhen installing the theme using RubyGems, demo images, posts, and pages are not included. Follow the instructions below for complete setup.\n\n1. (Optional) Create a new Jekyll site: `jekyll new my-site`\n2. Replace the current theme in your `Gemfile` with `gem \"jekyll-theme-clean-blog\"`.\n3. Install the theme (run the command inside your site directory): `bundle install`\n4. Replace the current theme in your `_config.yml` file with `theme: jekyll-theme-clean-blog`.\n5. Build your site: `bundle exec jekyll serve`\n\nAssuming there are no errors and the site is building properly, follow these steps next:\n\n1. Create the following pages if they do not exist already (or change the extension of existing markdown files from `.md` to `.html`):\n\n   * `index.html` - set to `layout: home`\n   * `about.html` - set to `layout: page`\n   * `contact.html` - set to `layout: page`\n   * `posts/index.html` - set to `layout: page` (you will also need to create a `posts` directory)\n\n2. Configure the `index.html` front matter. Example:\n\n    ```markdown\n    ---\n    layout: home\n    background: '/PATH_TO_IMAGE'\n    ---\n    ```\n\n3. Configure the `about.html`, `contact.html`, and `posts/index.html` front matter. Example:\n\n    ```markdown\n    ---\n    layout: page\n    title: Page Title\n    description: This is the page description.\n    background: '/PATH_TO_IMAGE'\n    ---\n    ```\n\n4. For each post in the `_posts` directory, update the front matter. Example:\n\n    ```markdown\n    ---\n    layout: post\n    title: \"Post Title\"\n    subtitle: \"This is the post subtitle.\"\n    date: YYYY-MM-DD HH:MM:SS\n    background: '/PATH_TO_IMAGE'\n    ---\n    ```\n\n    For reference, look at the [demo repository](https://github.com/StartBootstrap/startbootstrap-clean-blog-jekyll) to see how the files are set up.\n\n5. Add the form to the `contact.html` page. Add the following code to your `contact.html` page:\n\n    ```html\n    \u003cform name=\"sentMessage\" id=\"contactForm\" novalidate\u003e\n      \u003cdiv class=\"control-group\"\u003e\n        \u003cdiv class=\"form-group floating-label-form-group controls\"\u003e\n          \u003clabel\u003eName\u003c/label\u003e\n          \u003cinput type=\"text\" class=\"form-control\" placeholder=\"Name\" id=\"name\" required data-validation-required-message=\"Please enter your name.\"\u003e\n          \u003cp class=\"help-block text-danger\"\u003e\u003c/p\u003e\n        \u003c/div\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"control-group\"\u003e\n        \u003cdiv class=\"form-group floating-label-form-group controls\"\u003e\n          \u003clabel\u003eEmail Address\u003c/label\u003e\n          \u003cinput type=\"email\" class=\"form-control\" placeholder=\"Email Address\" id=\"email\" required data-validation-required-message=\"Please enter your email address.\"\u003e\n          \u003cp class=\"help-block text-danger\"\u003e\u003c/p\u003e\n        \u003c/div\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"control-group\"\u003e\n        \u003cdiv class=\"form-group col-xs-12 floating-label-form-group controls\"\u003e\n          \u003clabel\u003ePhone Number\u003c/label\u003e\n          \u003cinput type=\"tel\" class=\"form-control\" placeholder=\"Phone Number\" id=\"phone\" required data-validation-required-message=\"Please enter your phone number.\"\u003e\n          \u003cp class=\"help-block text-danger\"\u003e\u003c/p\u003e\n        \u003c/div\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"control-group\"\u003e\n        \u003cdiv class=\"form-group floating-label-form-group controls\"\u003e\n          \u003clabel\u003eMessage\u003c/label\u003e\n          \u003ctextarea rows=\"5\" class=\"form-control\" placeholder=\"Message\" id=\"message\" required data-validation-required-message=\"Please enter a message.\"\u003e\u003c/textarea\u003e\n          \u003cp class=\"help-block text-danger\"\u003e\u003c/p\u003e\n        \u003c/div\u003e\n      \u003c/div\u003e\n      \u003cbr\u003e\n      \u003cdiv id=\"success\"\u003e\u003c/div\u003e\n      \u003cdiv class=\"form-group\"\u003e\n        \u003cbutton type=\"submit\" class=\"btn btn-primary\" id=\"sendMessageButton\"\u003eSend\u003c/button\u003e\n      \u003c/div\u003e\n    \u003c/form\u003e\n    ```\n\n    Make sure you have the `email` setting in your `_config.yml` file set to a working email address! Once this is set, fill out the form and then check your email, verify the email address using the link sent to you by Formspree, and then the form will be working!\n\n6. Build your site: `bundle exec jekyll serve`\n\n### Using Core Files\n\nWhen using the core files, the demo images, posts, and pages are all included with the download. After following the instructions below, you can then go and change the content of the pages and posts.\n\n1. [Download](https://github.com/StartBootstrap/startbootstrap-clean-blog-jekyll/archive/master.zip) or Clone the repository.\n2. Update the following configuration settings in your `_config.yml` file:\n\n    * `baseurl`\n    * `url`\n    * `title`\n    * `email` (after setting this setting to a working email address, fill out the form on the contact page and send it - then check your email and verify the address and the form will send you messages when used)\n    * `description`\n    * `author`\n    * `twitter_username` (Optional)\n    * `facebook_username` (Optional)\n    * `github_username` (Optional)\n    * `linkedin_username` (Optional)\n    * `instagram_username` (Optional)\n\n3. Build your site: `bundle exec jekyll serve`\n\n## Bugs and Issues\n\nHave a bug or an issue with this template? [Open a new issue](https://github.com/StartBootstrap/startbootstrap-clean-blog-jekyll/issues) here on GitHub!\n\n## About\n\nStart Bootstrap is an open source library of free Bootstrap templates and themes. All of the free templates and themes on Start Bootstrap are released under the MIT license, which means you can use them for any purpose, even for commercial projects.\n\n* \u003chttps://startbootstrap.com\u003e\n* \u003chttps://twitter.com/SBootstrap\u003e\n\nStart Bootstrap was created by and is maintained by **[David Miller](http://davidmiller.io/)**.\n\n* \u003chttp://davidmiller.io\u003e\n* \u003chttps://twitter.com/davidmillerhere\u003e\n* \u003chttps://github.com/davidtmiller\u003e\n\nStart Bootstrap is based on the [Bootstrap](https://getbootstrap.com/) framework created by [Mark Otto](https://twitter.com/mdo) and [Jacob Thorton](https://twitter.com/fat).\n\n## Copyright and License\n\nCopyright 2013-2021 Start Bootstrap LLC. Code released under the [MIT](https://github.com/StartBootstrap/startbootstrap-clean-blog-jekyll/blob/master/LICENSE) license.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstartbootstrap%2Fstartbootstrap-clean-blog-jekyll","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstartbootstrap%2Fstartbootstrap-clean-blog-jekyll","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstartbootstrap%2Fstartbootstrap-clean-blog-jekyll/lists"}