Awesome
<p align="center"> <img src="https://user-images.githubusercontent.com/9938337/29742058-ed41dcc0-8a6f-11e7-9cfc-680501cdfb97.png" alt="SteamPress"> <br> <br> <a href="https://swift.org"> <img src="http://img.shields.io/badge/Swift-5.1-brightgreen.svg" alt="Language"> </a> <a href="https://github.com/brokenhandsio/SteamPress/actions"> <img src="https://github.com/brokenhandsio/SteamPress/workflows/CI/badge.svg?branch=master" alt="Build Status"> </a> <a href="https://codecov.io/gh/brokenhandsio/SteamPress"> <img src="https://codecov.io/gh/brokenhandsio/SteamPress/branch/master/graph/badge.svg" alt="Code Coverage"> </a> <a href="https://raw.githubusercontent.com/brokenhandsio/SteamPress/master/LICENSE"> <img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="MIT License"> </a> </p>SteamPress is a Swift blogging engine for use with the Vapor Framework to deploy blogs to sites that run on top of Vapor. It uses Fluent so will work with any database that has a Fluent Driver. It also incorporates a Markdown Provider allowing you to write your posts in Markdown and then use Leaf to render the markdown.
The blog can either be used as the root of your website (i.e. appearing at https://www.acme.org) or in a subpath (i.e. https://www.acme.org/blog/).
There is an example of how it can work in a site (and what it requires in terms of Leaf templates and the parameters is passes to them) at https://github.com/brokenhandsio/SteamPressExample.
Features:
- Blog entries with Markdown
- Multiple user accounts
- Tags on blog posts
- Snippet for posts
- Draft Posts
- Works with any Fluent driver
- Protected Admin route for creating blog posts
- Pagination on the main blog page
- Slug URLs for SEO optimisation and easy linking to posts
- Support for comments via Disqus
- Open Graph and Twitter Card support
- RSS/Atom Feed support
- Blog Search
How to Use
Add as a dependency
SteamPress is easy to integrate with your application. There are two providers that provide implementations for PostgreSQL or MySQL. You are also free to write your own integrations. Normally you'd choose one of the implementations as that provides repository integrations for the database. In this example, we're using Postgres.
First, add the provider to your Package.swift
dependencies:
dependencies: [
// ...
.package(name: "SteampressFluentPostgres", url: "https://github.com/brokenhandsio/steampress-fluent-postgres.git", from: "1.0.0"),
],
Then add it as a dependecy to your application target:
.target(name: "App",
dependencies: [
// ...
"SteampressFluentPostgres"
])
In configure.swift
, import the provider:
import SteampressFluentPostgres
Next, register the provider with your services:
try services.register(SteamPressFluentPostgresProvider())
The Provider's require you to add SteamPress' models to your migrations:
/// Configure migrations
var migrations = MigrationConfig()
// ...
migrations.add(model: BlogTag.self, database: .psql)
migrations.add(model: BlogUser.self, database: .psql)
migrations.add(model: BlogPost.self, database: .psql)
migrations.add(model: BlogPostTagPivot.self, database: .psql)
// Optional but recommended - this will create an admin user for you to login with
migrations.add(migration: BlogAdminUser.self, database: .psql)
services.register(migrations)
Manual Setup
First add SteamPress to your Package.swift
dependencies:
dependencies: [
// ...,
.package(name: "SteamPress", url: "https://github.com/brokenhandsio/SteamPress", from: "1.0.0")
]
And then as a dependency to your target:
.target(name: "App",
dependencies: [
// ...
"SteamPress"
])
This will register the routes for you. You must provide implementations for the different repository types to your services:
services.register(MyTagRepository(), as: BlogTagRepository.self)
services.register(MyUserRepository(), as: BlogUserRepository.self)
services.register(MyPostRepository(), as: BlogPostRepository.self)
You can then register the SteamPress provider with your services:
let steampressProvider = SteamPress.Provider()
try services.register(steampressProvider)
Integration
SteamPress offers a 'Remember Me' functionality when logging in to extend the duration of the session. In order for this to work, you must register the middleware:
var middlewares = MiddlewareConfig()
// ...
middlewares.use(BlogRememberMeMiddleware.self)
middlewares.use(SessionsMiddleware.self)
services.register(middlewares)
Note: This must be registered before you register the SessionsMiddleware
.
SteamPress uses a PasswordVerifier
protocol to check passwords. Vapor doesn't provide a default BCrypt implementation for this, so you must register this yourself:
config.prefer(BCryptDigest.self, for: PasswordVerifier.self)
Finally, if you wish to use the #markdown()
tag with your blog Leaf templates, you must register this. There's also a paginator tag, to make pagination easy:
var tags = LeafTagConfig.default()
tags.use(Markdown(), as: "markdown")
let paginatorTag = PaginatorTag(paginationLabel: "Blog Posts")
tags.use(paginatorTag, as: PaginatorTag.name)
services.register(tags)
Configuration
There are a number of configuration options you can pass to the provider to configure SteamPress:
blogPath
: the path to add the blog to. By default the blog routes will be registered to the root of your site, but you may want to register the blog at/blog
. So if you pass in"blog"
the blog will be available athttps://www.mysite.com/blog
.feedInformation
: Information to vend to the RSS and Atom feeds.postsPerPage
: The number of posts to show per page on the main index page of the blog. Defaults to 10.enableAuthorsPages
: Flag used to determine whether to publicly expose the authors endpoints or not. Defaults to true.enableTagsPages
: Flag used to determine whether to publicy expose the tags endpoints or not. Defaults to true.
To configure these, you can pass them to the provider. E.g.:
let feedInformation = FeedInformation(
title: "The SteamPress Blog",
description: "SteamPress is an open-source blogging engine written for Vapor in Swift",
copyright: "Released under the MIT licence",
imageURL: "https://user-images.githubusercontent.com/9938337/29742058-ed41dcc0-8a6f-11e7-9cfc-680501cdfb97.png")
try services.register(SteamPressFluentPostgresProvider(blogPath: "blog", feedInformation: feedInformation, postsPerPage: 5))
Additionally, you should set the WEBSITE_URL
environment variable to the root address of your website, e.g. https://www.steampress.io
. This is used to set various parameters throughout SteamPress.
Logging In
When you first launch SteamPress, if you've enabled the BlogAdminUser
migration, an admin user is created in the database. The username is admin
and the password will be printined out to your app's logs. It is recommended that you reset your password when you first login as soon as your site is up and running.
Comments
SteamPress currently supports using Disqus for the comments engine. To use Disqus, start the app with the environment variable BLOG_DISQUS_NAME
set to the name of your disqus sute. (You can get the name of your Disqus site from your Disqus admin panel)
This will pass it through to the Leaf templates for the Blog index (blog.leaf
), blog posts (blogpost.leaf
), author page (profile.leaf
) and tag page (tag.leaf
) so you can include it if needs be. If you want to manually set up comments you can do this yourself and just include the necessary files for your provider. This is mainly to provide easy configuration for the example site.
Open Graph Twitter Card Support
SteamPress supports both Open Graph and Twitter Cards. The blog post page context will pass in the created date and last edited date (if applicable) in ISO 8601 format for Open Graph article support, under the parameters createdDateNumeric
and lastEditedDateNumeric
.
The Blog Post page will also be passed a number of other useful parameters for Open Graph and Twitter Cards. See the blogpost.leaf
section below.
The Twitter handle of the site can be configured with a BLOG_SITE_TWITTER_HANDLE
environment variable (the site's twitter handle without the @
). If set, this will be injected into the public pages as described below. This is for the twitter:site
tag for Twitter Cards
Google Analytics Support
SteamPress makes it easy to integrate Google Analytics into your blog. Just start the application with the BLOG_GOOGLE_ANALYTICS_IDENTIFIER
environment variable set to you Google Analytics identifier. (You can get your identifier from the Google Analytics console, it will look something like UA-12345678-1)
This will pass a googleAnalyticsIdentifier
parameter through to all of the public pages in the pageInformation
variable, which you can include and then use the Example Site's javascript to integrate with.
Atom/RSS Support
SteamPress automatically provides endpoints for registering RSS readers, either using RSS 2.0 or Atom 1.0. These endpoints can be found at the blog's atom.xml
and rss.xml
paths; e.g. if you blog is at https://www.example.com/blog
then the atom feed will appear at https://wwww.example.com/blog/atom.xml
. These will work by default, but you will probably want to configure some of fields. These are configured with the FeedInformation
parameter passed to the provider. The configuration options are:
title
- the title of the blog - a default "SteamPress Blog" will be provided otherwisedescription
- the description of the blog (or subtitle in atom) - a default "SteamPress is an open-source blogging engine written for Vapor in Swift" will be provided otherwisecopyright
- an optional copyright message to add to the feedsimageURL
- an optional image/logo to add to the feeds. Note that for Atom this should a 2:1 landscape scaled image
Search Support
SteamPress has a built in blog search. It will register a route, /search
, under your blog path which you can send a query through to, with a key of term
to search the blog.
Expected Leaf Templates
SteamPress expects there to be a number of Leaf template files in the correct location in Resources/Views
. All these files should be in a blog
directory, with the admin template files being in an admin
directory. For an example of how it SteamPress works with the leaf templates, see the Example SteamPress site.
For every public Leaf template, a pageInformation
parameter will be passed in with the following information:
disqusName
: The site Disqus name, as discussed abovesiteTwitterHandle
: The site twitter handle, as discussed abovegoogleAnalyticsIdentifier
: The Google Analytics identifer as discussed aboveloggedInUser
: The currently logged in user, if a user is logged in. This is useful for displaying a 'Create Post' link throughout the site when logged in etc.websiteURL
: The URL for the websitecurrentPageURL
: The URL of the current pagecurrentPageEncodedURL
: An URL encoded representation of the current page
For admin pages, the pageInformation
parameter has the following information:
loggedInUser
: The currently logged in user, if a user is logged in. This is useful for displaying a 'Create Post' link throughout the site when logged in etc.websiteURL
: The URL for the websitecurrentPageURL
: The URL of the current page
The basic structure of your Resources/View
directory should be:
blog
blog.leaf
- the main index pageblogpost.leaf
- the page for a single blog posttag.leaf
- the page for a tagprofile.leaf
- the page for a user profiletags.leaf
- the page for displaying all of the tagsauthors.leaf
- the page for displaying all of the authorssearch.leaf
- the page to display search resultsadmin
createPost.leaf
- the page for creating and editing a blog postcreateUser.leaf
- the page for creating and editing a userindex.leaf
- the index page for the Admin sitelogin.leaf
- the login page for the Admin siteresetPassword.leaf
- the page for resetting your password
Main Blog Site
blog.leaf
This is the index page of the blog. The parameters it will receive are:
posts
- an array containingViewBlogPost
s. This contains all the post information and extra stuff that's useful, such as other date formats and snippets.tags
- an array ofViewBlogTag
s if there are anyauthors
- an array of the authors if there are anypageInformation
- general page information (see above)title
- the title for the pageblogIndexPage
- a boolean saying we are on the index page of the blog - useful for navbarspaginationTagInformation
- information for enabling pagination on the page. SeePaginationTagInformation
for more details.
blogpost.leaf
This is the page for viewing a single entire blog post. The parameters set are:
title
- the title of the blog postpost
- the blog post as aViewBlogPost
author
- the author of the postblogPostPage
- a boolean saying we are on the blog post pagepageInformation
- general page information (see above)postImage
- The first image in the blog post if one is there. Useful for OpenGraph and Twitter CardspostImageAlt
- The alt text of the first image if it exists. Useful for Twitter CardsshortSnippet
: The HTML of the short snippet of the post on a single line with all HTML tags stripped out for thedescription
tags
tag.leaf
This is the page for a tag. A blog post can be tagged with many tags and a tag can be tagged on many blog posts. This page is generally used for viewing all posts under that tag. The parameters are:
tag
- the tagposts
- an array ofViewBlogPost
s that have been tagged with this tag. Note that this may not be all the posts due to paginationtagPage
- a boolean saying we are on the tag pagepostCount
- the number of posts in total that have this tagpageInformation
- general page information (see above)paginationTagInformation
- information for enabling pagination on the page. SeePaginationTagInformation
for more details.
profile.leaf
This is the page for viewing a profile of a user. This is generally used for viewing all posts written by a user, as well as some information about them. The parameters it can have set are:
author
- the user the page is forposts
- an array ofViewBlogPost
s that have been written by this user. Note that this may not be .all the posts due to paginationprofilePage
- a boolean set to to true if we are viewing the profile pagemyProfile
- a boolean set if the currently logged in user is viewing their own profile pagepostCount
- the number of posts in total that have this tagpageInformation
- general page information (see above)paginationTagInformation
- information for enabling pagination on the page. SeePaginationTagInformation
for more details.
tags.leaf
This is the page for viewing all of the tags on the blog. This provides some more navigation points for the blog as well as providing a page in case the user strips off the tag from the Tag's URL. The parameters that can be passed to it are:
title
- a title for the pagetags
- an array ofBlogTagWithPostCount
s. This is the tags with the number of posts tagged with that tagpageInformation
- general page information (see above)
authors.leaf
This is the page for viewing all of the authors on the blog. It provides a useful page for user's to see everyone who has contributed to the site.
authors
- an array of all theViewBlogAuthor
s on the blogpageInformation
- general page information (see above)
search.leaf
This is the page that will display search results. It has a number of parameters on it on top of the standard parameters:
title
- a title for the pagesearchTerm
- the search term if providedtotalResults
- the number of results returned from the searchposts
- an array ofViewBlogPost
s returned in the search. Note that this may not be all the posts due to pagination.pageInformation
- general page information (see above)paginationTagInformation
- information for enabling pagination on the page. SeePaginationTagInformation
for more details.
login.leaf
This is the page for logging in to the admin section of the blog. The parameters are:
title
- a title for the pageerrors
- an array of error messages if there were any errors logging inloginWarning
- a flag set if the user tried to access a protected page and was redirected to the login pageusername
- the username supplied (if any) when originally submitting the login for and there (useful for pre-populating the form)usernameError
- a boolean set if there was an issue with the usernamepasswordError
- a boolean set if there was an error with the password (note that we do not pass any password submitted back to any pages if there was an error for security reasons)rememberMe
- set if the remember me checkbox was checked and there was an error, useful for pre-populatingpageInformation
- general page information (see above)
Admin Site
index.leaf
This is the main Admin page for the blog where you can create and edit users and posts. The parameters for this page are:
users
- all the users for the sitepublishedPosts
- all the posts that have been published if there are any, , asViewBlogPostWithoutTags
draftPosts
- all the draft posts that have been saved but not published, if there are any, asViewBlogPostWithoutTags
errors
- any error messages for errors that have occurred when trying to delete posts or users (for instance trying to delete yourself or the last user)blogAdminPage
- a boolean set to true, useful for navigationtitle
- the title for the pagepageInformation
- general page information asBlogAdminPageInformation
- see above
resetPassword.leaf
This is the page you will be redirected to if you need to reset your password. The parameters are:
errors
- an array of errors if there were any errors resetting your passwordpasswordError
- a boolean set if there was an error with the password (for instance it was blank)confirmPasswordError
- a boolean set if there was an error with the password confirm (for instance it was blank)pageInformation
- general page information asBlogAdminPageInformation
- see above
createPost.leaf
This is the page for creating a new blog post, or editing an existing one. The parameters for this page are:
title
- the title for the pageediting
- a boolean set to true if we are currently editing the a blog post rather than creating a new onepost
- the post object we are currently editingdraft
- a flag that's set when the post has been saved as a drafterrors
- an array of error messages if there were any errors creating or editing the blog posttitleSupplied
- the title of the blog post to edit, or the post that failed to be createdcontentsSupplied
- the contents of the blog post to edit, or the post that failed to be createdtagsSupplied
- an array of all of the tags that have been specified for the blog postslugURLSupplied
- the slug URL of the blog post to edit, or the post that failed to be createdtitleError
- a boolean set to true if there was an error with the titlecontentsError
- a boolean set to true if there was an error with the blog contents let postPathPrefix: StringpostPathPrefix
- the path to the post page that would be created or we are editingpageInformation
- general page information asBlogAdminPageInformation
- see above
createUser.leaf
This is the page for creating a new user, or editing an existing one. The parameters are:
title
- the title for the pageediting
- a boolean set to true if we are editing a usererrors
- an array of error messages if there were any errors editing or creating the usernameSupplied
- the name of the user we are editing or that we failed to createnameError
- a boolean set if there was an error with the nameusernameSupplied
- the username of the user we are editing or that we failed to createusernameError
- a boolean set if there was an error with the usernamepasswordError
- a boolean set to true if there was an error with the passwordconfirmPasswordError
- a boolean set to true if there was an error with the password confirmresetPasswordOnLoginSupplied
- a boolean set to true if the edit/create submission was asked to reset the users password on next login (this is only supplied in an error so you can pre-populate the form for a user to correct without losing any information)userID
- this is the ID of the user if we are editing one. This allows you to send the edit userPOST
back to the correct routetwitterHandleSupplied
- the twitter handle of the user we are editing or that we failed to createprofilePictureSupplied
- the URL of the profile picture of the user we are editing or that we failed to createbiographySupplied
- the biography of the user we are editing or that we failed to createtaglineSupplied
- the tagline of the user we are editing or that we failed to createpageInformation
- general page information asBlogAdminPageInformation
- see above
POST
Routes
There are a number of POST
routes to the Admin site for creating and editing user etc that are required otherwise you will receive errors.
This section needs to be filled out, but you can view the Controllers in the code to work out what they should be, or see the Example Site.
Markdown Tag
The Markdown Tag allows you to render markdown as HTML in your Leaf files. To use, just simply use:
#markdown(myObject.markdownContent)
This will convert the object myObject
's markdownContent
to HTML (you pass in myObject
as a parameter to your Leaf view). It uses Github Flavoured Markdown under the hood, but for more details, see the Leaf Markdown repo.
API
SteamPress also contains an API for accessing certain things that may be useful. The current endpoints are:
/<blog-path>/api/tags/
- returns all the tags that have been saved in JSON