Skip to content
This repository has been archived by the owner on Oct 5, 2024. It is now read-only.

Commit

Permalink
Update readme for version 1 release
Browse files Browse the repository at this point in the history
  • Loading branch information
azigler committed Dec 29, 2017
1 parent bc7b1ab commit 9e92356
Showing 1 changed file with 158 additions and 2 deletions.
160 changes: 158 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,10 +1,166 @@
# hexo-theme-space-cadet

A simple [Bootstrap 4](http://getbootstrap.com/) blog theme for [Hexo](http://zespia.tw/hexo/).
A modern, purple-accented [Bootstrap 4](http://getbootstrap.com/) blog theme for [Hexo](https://hexo.io).

**[Demo Site](https://www.andrewzigler.com/blog)**

Based on the [official Bootstrap 4 blog example template](https://getbootstrap.com/docs/4.0/examples/blog/).

[Demo site](https://www.andrewzigler.com/blog)
Uses [Fancybox](http://fancybox.net/) for images.

## Installation

**This theme was built with Hexo 3.2.**

### Clone the repository

```bash
$ cd site-folder
$ git clone https://github.com/azigler/hexo-theme-space-cadet.git themes/hexo-theme-space-cadet
$ dd
```

### Update the site's _config.yml
```yml
# Extensions
theme: hexo-theme-space-cadet
```
## Configuration
```yml
# Header
navbar_brand:
menu:
Index: /
Archive: archive/

# RSS
rss:

# Content
favicon: favicon.ico
excerpt_link: Read More
fancybox: true

# Sidebar
widgets:
- about
- category
- tag
- tagcloud
- archive
- recent_posts
about_widget_content: >
<p>Etiam porta <em>sem malesuada magna</em> mollis euismod.
Cras mattis consectetur purus sit amet fermentum. Aenean
lacinia bibendum nulla sed consectetur.</p>
# Widgets
archive_type: 'monthly'
show_count: true

# Meta Maker
title_divider:
twitter_creator:
twitter_site:
google_plus:
fb_personal_id: ""
fb_page_id:
fb_admins:
fb_app_id:
og_image_url: ""

# Analytics
google_analytics:
```
### Header
- *navbar_brand:* text for navbar head
- *menu:* hyphenated list of menu links
### RSS
- *rss:* relative URL for atom.xml file
### Content
- *favicon:* filename of favicon.ico in main directory
- *excerpt_link:* text for excerpt button, default is 'Read More'
- *fancybox:* default is true, allows Fancybox for better images
### Sidebar
- *widgets:* hypenated list of widget partials in folder
- *about_widget_content:* the sidebar's about text
### Widgets
- *archive_type:* measurement for archive, default is 'monthly'
- *show_count:* If true, show post count after categories and tags
### Meta Maker
- *title_divider:* divider symbol in titles between site and page name
- *twitter_creator:* author's Twitter username (include @ in double quotes)
- *twitter_site:* Twitter brand/company username (include @ in double quotes)
- *google_plus:* Google+ ID (in double quotes)
- *fb_personal_id:* Facebook vanity URL username of author
- *fb_page_id:*
- *fb_admins:*
- *fb_app_id:*
- *og_image_url:* absolute path
### Analytics
- *google_analytics:* Google Analytics tracking ID for site
## Features
### Callouts
Bootstrap doesn't have [callouts](https://codepen.io/chrisdpratt/pen/IAymB) enabled by default, but their styles have been reconstructed and included in this theme. You can use the following tag to include a callout:
```
{% callout [type:default|primary|success|info|warning|danger] %}
This is where the text goes...
{% endcallout %}
```

### Sidebar Widgets

This theme has 6 default widgets that can be displayed in the sidebar:

- *[about](./layout/_widget/about.ejs):* the `about_widget_content` field in the theme's `_config.yml`
- *[category](./layout/_widget/category.ejs):* list of post and page categories
- *[tag](./layout/_widget/tag.ejs):* list of post and page tags
- *[tagcloud](./layout/_widget/tagcloud.ejs):* cloud of tags by frequency
- *[archives](./layout/_widget/archives.ejs):* list of archives
- *[recent_posts](./layout/_widget/recent_posts.ejs):* list of recent posts

### Bootstrap Paginator Helper

A custom `bs_paginator()` helper is used to produce [pagination markup for Bootstrap 4](https://v4-alpha.getbootstrap.com/components/pagination/). It is used in place of Hexo's default `paginator()`.

```
<%- bs_paginator({
prev_text: __('previous'),
next_text: __('next')
}) %>
```

### Meta Maker & Schema

Use instead of Hexo's default `open_graph()` helper on every page. It pulls OG data from your site's `_config.yml` files to ensure every page has meta data for all major social media networks (Facebook, Twitter, LinkedIn, and Google+).

```
<%- meta_maker() %>
```

The article partials also include schema tags from [Schema.org](https://schema.org/) and pre-optimized. You can use the [Google Structured Data Testing Tool](https://search.google.com/structured-data/testing-tool/u/0/) to verify the schema integrity of your articles.

## MIT License

Copyright © 2017 Andrew Zigler ([email protected])

Expand Down

0 comments on commit 9e92356

Please sign in to comment.