Qblog-Theme

A theme based on Attila, the content focused responsive theme for Ghost.
See a demo at: blog.qbit.moe

♥️ Support

I do not take any donations but the creator of Attila - the theme this one is based on - always appreciates some support. You can buy him a drink if you enjoy using it. 🍻

📷 Screenshots

⭐️ Features

• Responsive layout
• Dark Mode & Theme Switch
• Search & Popular Tags
• Post reading progress
• Code highlight including line numbers
• Disqus support
• Member menu buttons
• Ghost accent color

🌍 Localization

🟩 Up to date 🟧 Missing strings

Code	Flag	Language	Status	Translator
en	🇬🇧	English	🟩
de	🇩🇪	German	🟩
es	🇪🇸	Spanish	🟩	r1p
fr	🇫🇷	French	🟧	robink
it	🇮🇹	Italian	🟧	fmaida
no	🇳🇴	Norwegian	🟧	arthurnoerve, oisann
zh	🇨🇳	Chinese	🟩	hao-lee, izumiko
id	🇮🇩	Indonesian	🟧	simplyeazy
ro	🇷🇴	Romanian	🟧	cdorin93
ru	🇷🇺	Russian	🟧	schamberg97
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

🔠 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;
  }
</style>

💬 Setup Disqus

1. Go to Code injection.
2. Add this to Blog Header:

<script>var disqus = 'YOUR_DISQUS_SHORTNAME';</script>

🔍 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 dependencies:

npm install

Build the project:

npm run build

⚖️ Copyright & License

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