Customized based on the Ghost Lyra theme, used to build Charlottethu.com
HTMLBlog
charlottetheme — HTML Blog Template
By Susanhuynh
A customized version of the Ghost Lyra theme, used to build Charlottethu.com, with adjustments to the subscription method and website interface.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Author preview
Author-provided preview
Preview provided in the project README.
One original preview is available. Open the full image to inspect the design.
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-12View source
What stands out
A quick read of the recorded project description.
Customized for the subscription method and website interface
Can be installed and used in the Ghost admin without coding knowledge
Supports a publication model with free and paid members
Styles are compiled with Gulp/PostCSS, including Autoprefixer, CSS variables, and color functions
Provides a yarn zip packaging task that outputs an uploadable theme zip package
Template Details
This repository is a customized version of the Ghost blog theme Lyra, used to build Charlottethu.com. The README states that Lyra is a Ghost theme for paid-membership publications, usable without writing code, and supports both free and paid members. The customization focuses on two areas: the subscription method and the website UI.
The usage flow is: download the theme zip package and upload it in the Ghost admin Design settings; after extracting, take out routes.yaml and upload that file in the Custom Routes area of the Labs settings, yielding a Ghost site that supports free and paid members.
On the development side, styles are compiled via Gulp/PostCSS to cover future CSS specifications; Node, Yarn, and Gulp need to be installed globally. In the theme root directory, run yarn to install dependencies, run yarn dev to build and watch for changes; editing files under /assets/css/ automatically compiles to /assets/built/. yarn zip packages the theme into dist/<theme-name>.zip for uploading to the site.
The repository uses the MIT license, but third-party assets such as demo images, fonts, and icons must be checked against their respective licenses; external services such as domains and hosting may incur separate charges.
HTMLBlog
Is it right for your project?
Use Cases
- Building a Ghost blog or publication site for paid members
- Adjusting the subscription flow and interface styles on top of the Lyra theme
- Maintaining theme CSS with a Gulp/PostCSS workflow and packaging for release
Suitable For
- Individuals or teams operating membership-based content on the Ghost platform
- Users who need a ready-made theme with minor interface and subscription customization
- Front-end developers with a Node, Yarn, and Gulp environment
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Download the theme zip package from the repository and upload it in the Ghost admin Design settings
- 2
After extracting the theme, take out routes.yaml and upload it in the Custom Routes area of the Ghost admin Labs settings
- 3
Before development, install Node, Yarn, and Gulp globally, and run yarn in the theme root directory to install dependencies
- 4
Run yarn dev to build and watch for changes; editing /assets/css/ automatically compiles to /assets/built/
- 5
Run yarn zip to generate dist/<theme-name>.zip for uploading to the site
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in a public repository; the free scope is the code of this version and does not mean external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version's code are permitted.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur separate charges.
- The theme targets Ghost's paid-membership publication scenario; the site needs Ghost members and subscriptions enabled to make use of its paid-member content capabilities.
- Using the theme requires relying on the Ghost platform and configuring a membership system; the site will support two access tiers: free and paid members.
- For theme development or building, the Node, Yarn, and Gulp toolchain must be installed globally locally.
- During installation, the routes.yaml file within the theme must additionally be uploaded in the Custom Routes area of the Ghost admin Labs settings; otherwise the routing configuration is incomplete.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
A paid-members publication for Ghost.
Original README
That's it! You now have a Ghost publication which supports free and paid memberships.
Original README
You'll need [Node](https://nodejs.org/), [Yarn](https://yarnpkg.com/) and [Gulp](https://gulpjs.com) installed globally.
Original README
https://github.com/Susanhuynh/charlottetheme/blob/master/LICENSEhttps://github.com/Susanhuynh/charlottetheme/blob/master/README.mdUpload the `routes.yaml` from this theme
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-12. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- Partly documented · 56 / 100
- Technologies
- HTML
- Website type
- Blog
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2022-07-11
- Screenshot last checked
- 2026-10-12
No demo link is recorded. Use the repository instructions to evaluate the project locally; the screenshot alone cannot establish interactive behavior.
The catalog identifies HTML as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Review declaration: [email protected] · 2026-10-13
Inspect the recorded source material
SHA-256: e46f734eca4b77f8f836cc80d2fc2ff68b1cad7d58e259d027a0e8d5ea979d02
2026-10-12T22:33:40.716Z
Source file / repository# Lyra A paid-members publication for Ghost. Can be used with no code knowledge required. # Instructions 1. [Download this theme](https://github.com/TryGhost/Lyra/archive/main.zip) 2. Log into Ghost, and go to the `Design` settings area to upload the zip file 3. Unzip the theme archive on your computer and locate the file called `routes.yaml` 4. Inside Ghost admin, go to the `Labs` settings area and scroll down until you see the `Custom Routes` section 5. Upload the `routes.yaml` from this theme That's it! You now have a Ghost publication which supports free and paid memberships. If you need help, check out the <a href="https://ghost.org/docs/members/">Ghost members documentation</a> or chat with other Ghost users on <a href="https://forum.ghost.org">Ghost forum</a>.  # Development Styles are compiled using Gulp/PostCSS to polyfill future CSS spec. You'll need [Node](https://nodejs.org/), [Yarn](https://yarnpkg.com/) and [Gulp](https://gulpjs.com) installed globally. After that, from the theme's root directory: ```bash # Install yarn # Run build & watch for changes $ yarn dev ``` Now you can edit `/assets/css/` files, which will be compiled to `/assets/built/` automatically. The `zip` Gulp task packages the theme files into `dist/<theme-name>.zip`, which you can then upload to your site. ```bash yarn zip ``` # PostCSS Features Used - Autoprefixer - Don't worry about writing browser prefixes of any kind, it's all done automatically with support for the latest 2 major versions of every browser. - Variables - Simple pure CSS variables - [Color Function](https://github.com/postcss/postcss-color-function) # Copyright & License Copyright (c) 2013-2022 Ghost Foundation - Released under the [MIT license](LICENSE).
Explore similar templates
Compare previews and descriptions within the same stack and category.
Casper
Casper is Ghost's official classic blog theme, long used as the default and still maintained.
HTML · Magazine
startbootstrap-clean-blog
Clean Blog by Start Bootstrap is a responsive Bootstrap blog theme with a home page, about page, contact page, and sample post page, plus a working PHP contact form preconfigured for SB Forms.
HTML · Blog
halo-theme-sakura
A Sakura-style blog theme for Halo 2.x, rebuilt after 2.0.0 for improved performance with asynchronous and deferred resource loading.
HTML · Blog
bleak
Bleak is an AJAX-driven Ghost blog theme with a clean, reading-focused layout. It offers responsive design, built-in code syntax highlighting with line numbers, customizable primary color via Code injection, Disqus comments, and an optional fixed navigation bar.
HTML · Blog
serene
Serene is a minimal blog theme for Zola, focused on typography and reading experience. Built on Zola's template system with HTML and CSS, it has no front-end framework dependencies and loads lightly.
HTML · Blog
startbootstrap-blog-home
A Bootstrap blog homepage HTML starter template by Start Bootstrap, with post lists, sidebars, and pagination. Edit HTML/CSS in dist directly, or build from Pug, SCSS, and JS via npm scripts with local preview and live refresh.
HTML · Blog