Newsletter
Join the Community
Subscribe to our newsletter for the latest news and updates
A Hugo theme that ports the Ghost ghostwriter design, with configurable social links, analytics, and reading time.
Ghostwriter is a Hugo theme that ports the Ghost ghostwriter theme to the Hugo static site generator, giving bloggers a journal-like layout with configurable social links, analytics, and reading time.
Ghostwriter is an enhanced port of the Ghost ghostwriter theme for Hugo. It takes Markdown content from a Hugo site and outputs a static blog with a journal-like design, wrapped in a theme that supports configurable author profiles, menus, and social sharing. The theme is developed by jbub, distributed on GitHub under the ghostwriter name, and has 182 stars at the time of writing.
styles/style.scss; use npm run build to compile them or npm run watch for realtime reloading during development.fathomUrl, plausibleAnalytics.domain, and exponeaToken.readingTimeText.shareTwitter, shareFacebook, and shareLinkedIn flags.opengraph: true.config.yml.extra-in-head.html partial to insert arbitrary HTML into the page <head>.Ghostwriter is for Hugo users who want a blog theme modeled after the Ghost ghostwriter design without leaving the Hugo static site generator. It is especially suited to developers who prefer to tweak styles using SCSS and webpack, and to writers who want a clean reading experience with social sharing and analytics built in.
author and params sections of config.yml.styles/style.scss and run npm run watch to see style changes live in the browser while hugo server serves the site.anonymizeIP: true.After cloning the repository into your Hugo site's themes folder, you reference the theme as theme: ghostwriter in config.yml. To modify styling, install JavaScript dependencies with npm install, then run hugo server together with npm run watch for live-reload development. The theme reads your Markdown content and renders it using the parameters you set in config.yml.
Yes. Ghostwriter is an open-source Hugo theme distributed on GitHub. You can clone and use it without cost, and you are free to modify it for your own projects.
Edit the SCSS source in styles/style.scss and run npm run build to recompile the CSS. Alternatively, run npm run watch to have changes applied automatically as you save files.
The theme supports Google Analytics via googleAnalytics in the config, Fathom through fathomUrl and fathomSiteId, Plausible through the plausibleAnalytics block, and Exponea via parameters like exponeaToken and exponeaTarget.
Set the corresponding parameters in config.yml: github, gitlab, linkedin, twitter, stackoverflow, facebook, and email are all supported. These appear as icons in the theme's layout.
Yes. Override the extra-in-head.html partial in your site's layouts directory and add any HTML you need—scripts, meta tags, or other head content.
