/pegasus

Ghost Theme

Primary LanguageSCSSMIT LicenseMIT

Pegasus

A content focused responsive theme for Ghost, based on Attila.

📷 Screenshot

⭐️ Features

  • Theme options
  • Responsive layout
  • Light and Dark Mode
  • Search & Popular Tags
  • Post reading progress
  • Disqus support
  • Member menu buttons
  • Ghost accent color
  • Code highlight support – Prism.js v1.28.0
  • LaTeX support – KaTeX v0.16.0

🌍 Localization

🟩 Up to date 🟧 Missing strings

Code Flag Language Status Translator
en 🇬🇧 English 🟩
de 🇩🇪 German 🟩
es 🇪🇸 Spanish 🟩 r1p
fr 🇫🇷 French 🟩 robink, alsyia
it 🇮🇹 Italian 🟩 fmaida, undrivendev
no 🇳🇴 Norwegian 🟧 arthurnoerve, oisann, Givemeurcookies
zh 🇨🇳 Chinese 🟩 hao-lee, izumiko, emperorjoker
id 🇮🇩 Indonesian 🟧 simplyeazy
ro 🇷🇴 Romanian 🟧 cdorin93
ru 🇷🇺 Russian 🟩 schamberg97, atjanov
tr 🇹🇷 Turkish 🟩 cgrgrbz, electricalgorithm
sv 🇸🇪 Swedish 🟧 martenj77
cs 🇨🇿 Czech 🟧 lunakv
pt 🇵🇹 Portuguese 🟧 matheusvanzan
vi 🇻🇳 Vietnamese 🟧 JustHmmmm
el 🇬🇷 Greek 🟧 thiodordelis
dk 🇩🇰 Danish 🟧 jmayntzhusen
ar Arabic 🟧 pop-eax
ca Catalan 🟧 arthurnoerve
lt 🇱🇹 Lithuanian 🟧 arthurnoerve
nl 🇳🇱 Dutch 🟧 gkdp
pl 🇵🇱 Polish 🟩 filipolszewski, MrBoombastic
eo Esperanto 🟧 ebanDev
ga Galego 🟩 r1p
uk 🇺🇦 Ukrainian 🟩 Rakanskiy, krupenik, vadimkin
ja 🇯🇵 Japanese 🟩 emperorjoker
fa Farsi 🟩 ItsAminZamani

Show subscribe / account button in navigation

  1. Go to partials/navigation-meta.hbs.
  2. Remove comments on line 24and 34.

🔠 Setup custom Google fonts

  1. Go to fonts.google.com and choose a font.
  2. Choose Embed and copy the <link> code.
  3. Go to Code injection.
  4. Add this to Blog Header:
<link href="https://fonts.googleapis.com/css2?family=Mukta&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Crimson+Text&display=swap" rel="stylesheet">
<style>
  :root {
    --font-primary: 'Mukta', sans-serif;
    --font-secondary: 'Crimson Text', serif;
    --font-code: 'Roboto Mono', monospace;
  }
</style>

🌓 Force Light/Dark Mode

  1. Go to Code injection.
  2. Decide for light or dark.
  3. Add this to Blog Header:
<script>localStorage.setItem('pegasus_theme', 'dark');</script>
<style>.js-theme {display:none!important;}</style>

🔍 Setup search

  1. Go to Integrations.
  2. Choose Add custom integration, name it Search and choose Create. Copy the generated Content API Key.
  3. Go to Code injection.
  4. Add this to Site Header:
<script>
  var gh_search_key = 'API_KEY';
  var gh_search_migration = 'v2';
</script>

⚙️ Development

Install Grunt:

npm install -g grunt-cli

Install Grunt dependencies:

npm install [-g npm@latest]

Build Grunt project:

grunt build

The compress Grunt task packages the theme files into dist/<theme-name>.zip, which you can then upload to your site.

grunt compress

⚖️ Copyright & License

Pegasus

Copyright (C) 2020-2022 Christian Chomiak - Released under the MIT License.

Attila

Copyright (C) 2015-2022 Peter Amende - Released under the MIT License.