惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

J
Java Code Geeks
腾讯CDC
Jina AI
Jina AI
博客园 - 司徒正美
博客园 - 三生石上(FineUI控件)
Apple Machine Learning Research
Apple Machine Learning Research
GbyAI
GbyAI
WordPress大学
WordPress大学
Hugging Face - Blog
Hugging Face - Blog
T
The Blog of Author Tim Ferriss
小众软件
小众软件
M
MIT News - Artificial intelligence
MyScale Blog
MyScale Blog
D
Docker
H
Hackread – Cybersecurity News, Data Breaches, AI and More
Google DeepMind News
Google DeepMind News
月光博客
月光博客
L
LangChain Blog
F
Fortinet All Blogs
Microsoft Azure Blog
Microsoft Azure Blog
博客园 - Franky
C
Check Point Blog
U
Unit 42
人人都是产品经理
人人都是产品经理

Example blog

Ghost routing explained with routes.yaml examples — routes, collections & taxonomies Ghost redirects explained with practical redirects.yaml examples How to Serve JSON or XML Data in Ghost How to Change Your Default Post Template in Ghost Ghost Custom Theme Settings How to add Google Fonts to Ghost Themes How to Configure Ghost with Mailgun Ghost Theme Structure & Organization How to Make Custom Templates in Ghost Themes How to Install Ghost CMS via Ghost-CLI How to Add Syntax Highlighting to Ghost The best Ghost CMS hosting platforms Ghost 6.0 — Social Web and Native Ghost Analytics Ghost CMS Social web beta, email 2FA and more author social links How to keep custom design settings when updating your Ghost theme How to use the public preview card in Ghost How to add members-specific sections in Ghost How to customize the default content CTA in Ghost How to build a custom homepage in Ghost An overview of Ghost editor cards and and how they work Ghost CMS News: One-time payments & collecting sales tax How to customize the private site access template in Ghost How to add custom fonts in Ghost themes Ghost CMS News: Additional payment methods & internal linking How to use Code Injection in Ghost How to set meta data of your custom routes & collections in Ghost Ghost CMS News: TK reminders, ActivityPub and improvements How to format dates and use the date helper in Ghost Ghost CMS internationalization, custom fonts & spam protection Understanding and optimizing post and page settings in Ghost CMS
How to Audit & Test a Ghost Theme
Bright Themes · 2023-06-12 · via Example blog

Whether you want to test your theme for compatibility with the latest Ghost CMS version or you are looking to buy a Ghost Theme and want to see the performance, there are tools for both situations.

Ghost GScan

GScan is the official tool to test your Ghost theme for compatibility. GScan returns detailed report of issues where themes need to be modified in order to be compatible with a specific Ghost version.

The returned list can contain different error levels:

  • recommendation = things you might want to know about
  • warning = mostly used for deprecations, things that will be errors in the next version
  • error = anything that makes the theme invalid or incompatible with the current version of Ghost.

GScan can be used in several ways:

GScan site

The GScan site is the easiest way to test your Ghost Theme. You can upload a zip file of your theme and you will get a full validation report.

Ghost Admin

When a theme is uploaded in Ghost admin, it will automatically be checked with gscan and any fatal errors will prevent the theme from being activated and used.

Command line

GScan can be used from the command line as well.

First install gscan using npm:

npm install -g gscan

Then move to the theme directory you want to check

gscan /path/to/ghost/content/themes/theme_name

You can also run gscan on a zip file:

gscan /path/to/ghost/content/themes/theme_name/dist/theme.zip -z

By default, GScan scans themes for the latest Ghost version compatibility. You can also specify a Ghost version by using the parameters:

  • --v1
  • --v2
  • --v3

Ghost Audit

Besides compatibility with Ghost, there are other important aspects to consider when choosing or building a Ghost Theme. This is where Lighthouse comes in.

Lighthouse is an open-source tool for testing and improving the quality of web pages. It has audits for performance, accessibility, progressive web apps, SEO and more.

You can run Lighthouse in Chrome DevTools, which will return values for each category:

Auden Lighhouse report
Auden Lighhouse report

Besides the Chrome Devtools you can also use online tools to test your Ghost Site Performance ( these are using Lighthouse ):

With Lighthouse v6 these are the most important metrics:

AuditWeight
First Contentful Paint15%.
Speed Index15%.
Largest Contentful Paint25%.
Time to Interactive15%.
Total Blocking Time25%.
Cumulative Layout Shift5%.

You can read more about it in the performance score section.

Based on the report you can take specific actions to improve the overall performance of your Ghost site, as well as accessibility and SEO.

The report will check if your site is a progressive web app, we have a guide how to transform your Ghost Theme into a progressive web app.

This was a general overview of steps you can take to improve your Ghost blog, but you can dive deeper in these topics. I hope you find this useful.