A clean theme with a large top banner area.
- NuGet Package
- Source Code
Usage Via NuGet
This is an official theme and therefore Wyam already knows about it and no explicit NuGet package needs to be specified.
To use it, pass the
-t argument on the command line to specify the theme
(along with the
-r argument to specify the recipe):
wyam -r blog -t CleanBlog
Alternatively, you can specify the theme and recipe in your configuration file:
#r blog #t CleanBlog
This theme is a port of the Clean Blog theme from Start Bootstrap. It contains responsive pages with lots of whitespace and a large top banner area.
Overriding Theme Files
One way to customize the output of the recipe is to override specific theme files with your own versions. Some theme files are even designed specifically for this purpose. While any theme file can be overridden, these are some of the more useful ones you should focus on. To implement an override, create a new file with the same name in your own input path. In many cases you'll also want to start with the original content of the theme file (as available in the repository) and edit it from there.
You can use this file to define additional CSS styles. You can also define CSS override styles in this file since it's included after the main Bootstrap and theme CSS files.
Put your favicon here.
This is included as part of the
<head>content of every page after the theme elements. You can use it to add any additional scripts, stylesheets, etc.
You can use this to define a custom navigation bar for the top of your page.
Replace this to customize the header for each page.
This contains the site footer and overriding it will let you specify your own footer.
Additional content that gets displayed on the right-hand sidebar on your homepage.
This is included at the bottom of every blog post and can be used for placing extra per-post content like commenting systems (I.e., Disqus).
Adding Disqus (or any other commenting system) to your blog posts is easy. You'll need to include the Disqus code on every blog post (but not other pages), so
/_PostFooter.cshtml is probably the best place to put it. Add the following to a
_PostFooter.cshtml file in your input folder:
This example uses the file path as the Disqus ID. Depending on how you have your Disqus account set up, you many need to tweak the configuration variables.