SlideShare a Scribd company logo
Page of1 30
The #1 open source headless Node.JS CMS
By Huseyin Cem Ates

S13869
Table Of Contents
Table Of Contents	 2

What is CMS?	 3

Why Do We Use Content Management System?	 5

CMS Usage Distribution in the Top 1 Million Sites	 6

What is Ghost CMS?	 8

Why Ghost CMS?	 9

What are the technologies used behind Ghost CMS?	 16

Why install Ghost CMS over other content management systems?	 17

Prerequisites for your Ghost CMS install	 17

Why Digital Ocean?	 18

How to Install Ghost CMS on Digital Ocean?	 19

Introduction to Ghost Admin Panel	 25

Built-in memberships & subscriptions	 26

How to create content on Ghost CMS?	 27

Search Engine Optimization	 28

on Ghost CMS	 28

How to Delete a Post on Ghost CMS	 29

LIBRARY SOURCES	 30
Page of2 30
What is CMS?
A content management system (CMS) is a software application that can be
used to manage the creation and modification of digital content. CMSs are
typically used for enterprise content management (ECM) and web content
management (WCM). ECM typically supports multiple users in a collaborative
environment by integrating document management, digital asset
management and record retention. Alternatively, WCM is the collaborative
authoring for websites and may include text and embed graphics, photos,
video, audio, maps and programmed code that display content and interact
with the user. ECM typically includes a WCM function.

A content
management system
also is a critical to the
success of almost
every website and
intranet, and yet many
organizations are not
familiar with this
technology. A content
management system
supports the creation,
management,
distribution,
publishing, and
discovery of corporate
information.

A content management system (CMS) typically has two major components: a
content management application (CMA), as the front-end user interface that
allows a user, even with limited expertise, to add, modify, and remove content
from a website without the intervention of a webmaster; and a content
delivery application (CDA), that compiles the content and updates the
website.

The core CMS features are; indexing; search and retrieval; format
management; revision control; and management.

Page of3 30
Features may vary depending on the system application but will typically
include:

• Intuitive indexing, search and retrieval features index all data for easy
access through search functions and allows users to search by attributes
such as publication dates, keywords or author.

• Format management facilitates turn scanned paper documents and legacy
electronic documents into HTML or PDF documents.

• Revision features allow content to be updated and edited after initial
publication. Revision control also tracks any changes made to files by
individuals.

• Publishing functionality allows individuals to use a template or a set of
templates approved by the organization, as well as wizards and other
tools to create or modify content.

Popular additional features may include:

• SEO-friendly URLs

• Integrated and online help, including discussion boards

• Group-based permission systems

• Full template support and customizable templates

• Easy wizard-based install and versioning procedures

• Admin panel with multiple language support

• Content hierarchy with unlimited depth and size

• Minimal server requirements

• Integrated file managers

• Integrated audit logs

Page of4 30
Why Do We Use Content Management System?
We use Content Management Systems to make our lives simpler:
• With CMS you can easily create a website without having to write code
• There are many useful features which are accessible by few clicks of a
mouse - otherwise we would have to spend days/weeks coding those
features ourselves - so there is no point in reinventing the wheel
• You can schedule posts/pages to publish automatically whenever you
like
• CMS like WordPress is written in a way that will improve your
website's SEO - if you know how to use it
• There are thousands of plugins available to install in few minutes that
can perform many
tasks which
otherwise would
take you months
to code them
yourself
• There are
thousands
of templates -
both free and paid
- which you can
install in few
minutes so that
you don't have to design the whole website yourself from scratch
• E-commerce shops using CMS are also few clicks away to install on
your site so that you can start selling your products/services and
accepting the payments
• There is a huge community online where you can always ask for advice,
read books and learn from other people
Business wise it's also easier and quicker to set up the website if you have an
idea and test it straight away using for example social media and other
channels. We can also use CMS to create a landing page in order for your
prospects to take action so that you can have better ROI if you do it right.
Page of5 30
CMS Usage Distribution in the Top 1 Million Sites
Distribution for websites using CMS technologies




Page of6 30
Page of7 30
What is Ghost CMS?


Ghost is a free and open source blogging platform written in JavaScript and
distributed under the MIT License, designed to simplify the process of online
publishing for individual bloggers as well as online publications.

The concept of the Ghost platform was first floated publicly in November 2012 in a
blog post by project founder John O'Nolan, which generated enough response to
justify coding a prototype version with collaborator Hannah Wolfe.

The first public version of Ghost, released October 2013, was financed by a
successful Kickstarter campaign which achieved its initial funding goal of £25,000 in
11 hours and went on to raise a final total of £196,362 during the 29-day campaign.

Developer(s) Ghost Foundation
Initial release October 14, 2013
Stable release 3.0.2[1] / 2019-10-30[±]
Repository github.com/TryGhost/Ghost
Written in JavaScript
Operating
system
Cross-platform
Platform Node.js
Type Blog software
License MIT[2]
Website ghost.org
Page of8 30
Why Ghost CMS?
Modern publishing technology
Unlike many other publishing platforms, Ghost supports all
components of running a successful online publication, from technical
SEO to a surprisingly clean editing interface." "Using Ghost has been a
dream — no effort and no stress, fully hosted but with no loss of
performance.

Ghost is a powerful platform for creating an online blog or publication. 



Trusted by Worlds’ Best Companies
Page of9 30
Somes Websites that Using Ghost CMS
# HOSTNAME
1 blog.cloudflare.com
2 blog.angular-university.io
3 blog.risingstack.com
4 bitsofco.de
5 freecodecamp.org
6 blog.codinghorror.com
7 blog.rapid7.com
8 vuejsexamples.com
9 reactnative.com
10 blog.wishpond.com
Page of10 30
A suite of modern publishing tools
Ghost is a powerful content platform designed for the future
An extensible rich
editor:
A familiar editing
environment
enables a seamless
authoring
experience that
allows you to focus
on one thing:
creating content.
More than just a
formatting tool the
editor allows you to
pull in dynamic
blocks of content
like images, embeds and videos and Markdown. It’s built on a sane,
open-standard which means it’s fully extensible.

Flexible content management :
Robust tagging functionality gives you fine-grained control over the
categorization of your content and a configuration layer called dynamic
routing unlocks the power to structure your site content in almost any
way you want.

Build any type of category, section, format or flow to adapt to your
needs - including custom homepages, URL structures and multi-
language content.

Page of11 30
Completely optimized
distribution channels :
Publish once, distribute
everywhere. Your content is set
up to be discovered in as many
ways as possible by your readers.

Search engine optimization:
Proper SEO built in directly, with
semantic markup, permalink, XML
sitemaps, canonical tags and
automatic meta data with manual
overrides.

Accelerated Mobile Pages:
With integrated AMP support,
your site will rank higher and load
in a fraction of a second from
Google mobile search results.

Detailed structured data:
Every post published renders beautifully all over the web, with rich meta
tags for Facebook Open Graph, Twitter Cards and schema.org.

Subscriptions by RSS, Email and Slack:
Full RSS feeds, email subscription capture forms and Slack web-hook
integration are all included by default, and handled for you!

Page of12 30
Completely Open Source & Adaptable
Own your code, control your destiny, determine your functionality
Free, open, simple:
Ghost is an entirely open source
application which has been
downloaded 2,000,000+ times by
developers all over the world. It
uses a modern technology stack
with sensible components and
abstractions. We release code
which developers love; The
inventors of JavaScript, Android
and StackOverflow all use Ghost
for their blogs.

Powerful tooling 
Batteries included. A straightforward JSON importer and exporter
keeps your data infinitely portable, while our CLI tool makes
configuring, running and updating Ghost a breeze.



Page of13 30
Page of14 30
An open marketplace:
Hundreds of beautiful free and premium themes are available from our
open marketplace, so you can get up and running with a great design to
match your brand in no time at all.

Coming soon, the marketplace will also expand to support third party
apps and integrations, increasing the amount you can do with Ghost
even further.

Native apps:
Prefer a speedy native experience? Our Ghost native apps provides all
the beauty and power of Ghost, right on your device. It also means that
you can easily switch between multiple sites on the fly. Available for
Mac, PC, Linux and Android.

Page of15 30
What are the technologies used behind Ghost CMS?
Ghost has 50+ products listed in our database.

Ghost’s tech
stack includes:
Amazon
EC2, AMP,
Babel, Bootstrap,
Cloudflare,
Comodo SSL,
Disqus,
ExpressJS,
GoDaddy
Domain
Registration, Git,
Google Compute
Engine, HTML5,
JavaScript,
MySQL, nginx, Node.js, Pingdom, StatusPage, SQLite, and
more.
Here are a few other products Ghost is using internally:
• Customer Support: Intercom, UserVoice, Zendesk
• Marketing: Campaign Monitor, Customer.io, Mailgun,
Mandrill, Segment
• Product & Design: Asana, Google Fonts, Typography
• Analytics: GoSquared, Google Analytics, Inspectlet,
Optimizely
• HR: AngelList Jobs, Kin
• Finance: Baremetrics, Stripe
• Productivity & Operations: G-Suite, Slack
Page of16 30
Why install Ghost CMS over other content
management systems?
The Ghost CMS has a no-nonsense style that appeals to people who
just want a simple blogging platform that looks great. There are minimal
themes and an uncluttered design, so you can get right to writing
instead of finding your way through a cluttered dashboard and
thousands of plugins.

Ghost is a modern, open source blogging platform written in NodeJS.
The Ghost CMS come with a brand new Markdown editor, a refreshed
UI, a new default theme design, and a lot more features that make for a
nicer blogging experiencing.

Installing Ghost CMS is pretty straightforward and Ghost officially
recommends the following stack and server setup:

• 	MySQL

• 	NGINX

• 	Systemd

• 	NodeJS

• 	At least 1GB memory

• 	A non-root user for running ghost commands

Prerequisites for your Ghost CMS install
• 	A VPS running Ubuntu 18.04 or above - Digital Ocean
Recommended
• 	A non-root, sudo-enabled user. If you only have a root user,
see our SSH tutorial for details on creating new users.

• 	A registered domain name.

• 	A DNS A record that points to your server’s IP address based on
the FQDN (fully qualified domain name) you want to use. For
example, an A record named @ would point to cemates.me.

Page of17 30
Why Digital Ocean?
One of the biggest reasons I use Digital Ocean is that most shared
hosting providers do not support Node.JS. So when I searched for VPS
instead of shared hosting and I found Digital Ocean, I can use VPS for
just $5 a month and I can install applications with one click thanks to its
very useful interface. I can turn my server on and off in seconds. It's
that easy!

Page of18 30
How to Install Ghost CMS on Digital Ocean?
Step 1: Creating a Droplet from Your Digital Ocean Account
First, log in to your Digital Ocean account, then click the Create Droplet
link, select One-Click Apps from the pop-up window, and select Ghost
Ubuntu 18.04. Then the disc size and data center selection just below it
is up to you. I chose London as part of my projects. If your web traffic will
be driven by Poland, all you need to do is choosing somewhere around
your block to select data from a central location close to Poland it will be
useful.
Page of19 30
Then click Create and wait for 1 minute, after creating the droplet, your
login information and ip address will come to your e-mail address.
As a next step, if you are using Mac or Linux, we will connect to the
server via "PuTTY" if you are using Windows. You can download PuTTY
from this link.
Let's assume that your Droplet IP address is 123.456.7.8 when
connecting to the server .
$ ssh root@123.456.7.8
You will see a welcome message on the screen.
Welcome to Ubuntu 18.04.3 LTS (GNU/Linux 3.13.0-71-
generic x86_64)
* Documentation: https://help.ubuntu.com/
After logging into the system, the system will force you to change a new
password. Here you can set your new password with the password sent
to your e-mail address.
$ Changing password for root.
$ (current) UNIX password:
$ Enter new UNIX password:
$ Retype new UNIX password:
After confirming, you can drop the other actions on the droplet. It will
automatically install your system.
After waiting a few seconds, your Ghost Block is now installed. When
you write your droplet IP address 123.456.7.8 in the URL, you will see
your Ghost Block.
Page of20 30
Step 2: Securing Your Droplet
If we go back to Droplet, we can create a security vulnerability on
our site if ssh uses 22 as its default port and root as the username,
as root is used by default. In this step, we will look at how to block
access to root and change the default port/port 22.
Coming back to the terminal or putty where we entered the system:
adduser cem
You will be asked to create a secure password from the screen that
comes next.
Page of21 30
Let's give the super user permissions to this user we created.
gpasswd -a cem sudo
Let's restrict remote access to the root user.
nano /etc/ssh/sshd_config
In the file opened in Nano, we will now find a line similar to the
following:
PermitRootLogin yes
Let's change this line to "no".
PermitRootLogin no
Now, let's replace the default port 22 with an optional 4-digit
number. I will use 1234 for this example. It is important to have
something to remember.
# What ports, IPs and protocols we listen for
Port 1234
Now let's have a restart on ssh.
service ssh restart
Let's try connecting to the username we created from another
terminal tab.
ssh cem@123.456.7.8 -p 1234
You are connected to this user we created like a root
user. Congratulations!
Note : If you change your port, you should use the -p command.
Page of22 30
Step 3: Configuring DNS
We need to configure DNS to match the domain name you own
instead of your droplet's IP address.
Let's talk about the Digital Ocean panel sections to make it
and Networking -> Domains ' to our domain within the drop-down
panel after clicking the Add Domain ' by clicking add you.
Next, let's add www as CNAME and direct it to the IP of the droplet
we created as host. (This will enable us to redirect the user to our
IP address in the server error that will occur when entering
www.cemates.me instead of cemates.me.)
Page of23 30
Finally, change the namer servers from your domain
provider as follows.
ns1.digitalocean.com
ns2.digitalocean.com
ns3.digitalocean.com
That's all! You have installed your first Ghost CMS
in digital ocean!
Page of24 30
Introduction to Ghost Admin Panel
The Ghost CMS’s admin dashboard, often called Ghost Admin or Ghost
admin panel, is essentially the control panel for your entire Ghost CMS
website. It's where you create and manage content, add members/staff,
add functionality in the form of integrations, change styling in the form
of themes, and lots, lots more.

Ghost comes with powerful features built directly into the core software
which can be customized and configured based on the needs of each
individual site.

We will now take a quick overview of the main features which we will
probably be interested in as we're just getting started. This isn't an
exhaustive list, just some highlights.



Page of25 30
Have we also noticed Ghost CMS features built-in membership and
subscription with Ghost CMS 3.0. I think now it’s good time to mention that
too.

Built-in memberships & subscriptions


Don't just
create
content for
anonymous
visitors,
Ghost lets
you turn your
audience into
business with
native
support for
member
signups and
paid
subscription
commerce. It's the only platform with memberships built-in by default and
deeply integrated.

Page of26 30
How to create content on Ghost CMS?


Thanks to the best content editor for a content writer Ghost has the richest
editor which every writer wants, but under the hood, it delivers far more
power than you would expect. All content is stored in a standardized JSON-
based document storage format called MobileDoc, which includes support
for extensible rich media objects called Cards.

In simple terms, we can think of it like having Slack integrations inside
Medium's editor, stored sanely and fully accessible via API.

To create a content on Ghost blog, we just go click on Posts and create.
Simple as it is.

Page of27 30
Search Engine Optimization
on Ghost CMS
Ghost comes with world-class SEO and
everything you need to ensure that your
content shows up in search indexes quickly
and consistently.
No plugins needed
Ghost has all the fundamental technical SEO
optimizations built directly into core, without
any need to rely on third party plugins. It also
has a far superior speed and page-load
performance thanks to Node.JS.
Automatic google XML sitemaps
Ghost will automatically generate and link to a
complete Google sitemap including every
page on your site, to make sure search
engines are able to index every URL.
Automatic structured data + JSON-LD
Ghost generates JSON-LD based structured
metadata about your pages so that you don't
have to rely on messy micro-formats in your
markup to provide semantic context. Even if
you change theme or front-end, your SEO
remains perfectly intact. Ghost also adds
automatic code for Facebook OpenGraph and
Twitter Cards.
Canonical tags
Ghost automatically generates the
correct rel="canonical" tag for each post
and page so that search engines always
prioritise one true link.
Page of28 30
How to Delete a Post on Ghost CMS
To delete a content from Ghost CMS, we just need to go to Post sections on
Admin panel and click on the post we want to delete and after going to the
right below of the post, we click on delete post button, a modal will be shown
up immediately to confirm this deletion. After clicking on the button, the post
will be deleted.



Page of29 30
LIBRARY SOURCES
- CONTENT MANAGEMENT SYSTEM:
https://en.wikipedia.org/wiki/Content_management_system
- Content Management System Trends
https://trends.builtwith.com/cms
- Ghost (CMS)
https://en.wikipedia.org/wiki/Ghost_(blogging_platform)
- Technologies Behind Cost CMS
https://stack.g2.com/company/ghost
- How to install Ghost CMS on Digital Ocean?
https://cemates.me/blog/digital-ocean-ghost-blog-nasil-kurulur/
- Ghost Integrations
https://ghost.org/integrations/
Page of30 30
Ad

More Related Content

Similar to Ghost BLOG CMS Documentation via www.cemates.me (20)

8 Most Popular Content Management Systems (CMS)
8 Most Popular Content Management Systems (CMS)8 Most Popular Content Management Systems (CMS)
8 Most Popular Content Management Systems (CMS)
pluckymercenary67
 
10 Most Popular CMS Platforms in 2022.pptx
10 Most Popular CMS Platforms in 2022.pptx10 Most Popular CMS Platforms in 2022.pptx
10 Most Popular CMS Platforms in 2022.pptx
Edwardallen40
 
A Comprehensive Guide to Content Management Systems.pdf
A Comprehensive Guide to Content Management Systems.pdfA Comprehensive Guide to Content Management Systems.pdf
A Comprehensive Guide to Content Management Systems.pdf
Techugo
 
Content management system a full guide
Content management system a full guideContent management system a full guide
Content management system a full guide
Fullestop
 
What CMS to choose? WordPress - Joomla! - Drupal
What CMS to choose? WordPress - Joomla! - DrupalWhat CMS to choose? WordPress - Joomla! - Drupal
What CMS to choose? WordPress - Joomla! - Drupal
Wrocode
 
What is a CMS.pdf
What is a CMS.pdfWhat is a CMS.pdf
What is a CMS.pdf
Techugo
 
What is a CMS.
What is a CMS.What is a CMS.
What is a CMS.
Techugo
 
A Comprehensive Guide to Content Management Systems.pdf
A Comprehensive Guide to Content Management Systems.pdfA Comprehensive Guide to Content Management Systems.pdf
A Comprehensive Guide to Content Management Systems.pdf
Techugo
 
Create richer customer experiences with sitecore as a headless cms
Create richer customer experiences with sitecore as a headless cmsCreate richer customer experiences with sitecore as a headless cms
Create richer customer experiences with sitecore as a headless cms
Ray Business Technologies
 
Hci 590 Content Management Systems Week1 090330
Hci 590 Content Management Systems   Week1 090330Hci 590 Content Management Systems   Week1 090330
Hci 590 Content Management Systems Week1 090330
bhenkel
 
Cms
CmsCms
Cms
FindNerd
 
The Future of the CMS
The Future of the CMSThe Future of the CMS
The Future of the CMS
Himanshu Mendiratta
 
Benefits of using a content management system for your website : holateck se...
Benefits of using a content management system for your website  : holateck se...Benefits of using a content management system for your website  : holateck se...
Benefits of using a content management system for your website : holateck se...
HolaTeck
 
E pi server
E pi serverE pi server
E pi server
Ganesh Sawant
 
Web Intensive Week 3 - Day 5
Web Intensive Week 3 - Day 5Web Intensive Week 3 - Day 5
Web Intensive Week 3 - Day 5
studiokandm
 
Content Management System
Content Management SystemContent Management System
Content Management System
Deepak Devadasan
 
SharePoint 2007 and SharePoint 2010 for Web Content Management (WCM)
SharePoint 2007 and SharePoint 2010 for Web Content Management (WCM)SharePoint 2007 and SharePoint 2010 for Web Content Management (WCM)
SharePoint 2007 and SharePoint 2010 for Web Content Management (WCM)
Richard Harbridge
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
Pixlogix Infotech
 
Cms Bash Groningen Opening talk
Cms Bash Groningen Opening talkCms Bash Groningen Opening talk
Cms Bash Groningen Opening talk
Wilco Jansen
 
Content management system a full guide
Content management system a full guideContent management system a full guide
Content management system a full guide
Fullestop
 
8 Most Popular Content Management Systems (CMS)
8 Most Popular Content Management Systems (CMS)8 Most Popular Content Management Systems (CMS)
8 Most Popular Content Management Systems (CMS)
pluckymercenary67
 
10 Most Popular CMS Platforms in 2022.pptx
10 Most Popular CMS Platforms in 2022.pptx10 Most Popular CMS Platforms in 2022.pptx
10 Most Popular CMS Platforms in 2022.pptx
Edwardallen40
 
A Comprehensive Guide to Content Management Systems.pdf
A Comprehensive Guide to Content Management Systems.pdfA Comprehensive Guide to Content Management Systems.pdf
A Comprehensive Guide to Content Management Systems.pdf
Techugo
 
Content management system a full guide
Content management system a full guideContent management system a full guide
Content management system a full guide
Fullestop
 
What CMS to choose? WordPress - Joomla! - Drupal
What CMS to choose? WordPress - Joomla! - DrupalWhat CMS to choose? WordPress - Joomla! - Drupal
What CMS to choose? WordPress - Joomla! - Drupal
Wrocode
 
What is a CMS.pdf
What is a CMS.pdfWhat is a CMS.pdf
What is a CMS.pdf
Techugo
 
What is a CMS.
What is a CMS.What is a CMS.
What is a CMS.
Techugo
 
A Comprehensive Guide to Content Management Systems.pdf
A Comprehensive Guide to Content Management Systems.pdfA Comprehensive Guide to Content Management Systems.pdf
A Comprehensive Guide to Content Management Systems.pdf
Techugo
 
Create richer customer experiences with sitecore as a headless cms
Create richer customer experiences with sitecore as a headless cmsCreate richer customer experiences with sitecore as a headless cms
Create richer customer experiences with sitecore as a headless cms
Ray Business Technologies
 
Hci 590 Content Management Systems Week1 090330
Hci 590 Content Management Systems   Week1 090330Hci 590 Content Management Systems   Week1 090330
Hci 590 Content Management Systems Week1 090330
bhenkel
 
Benefits of using a content management system for your website : holateck se...
Benefits of using a content management system for your website  : holateck se...Benefits of using a content management system for your website  : holateck se...
Benefits of using a content management system for your website : holateck se...
HolaTeck
 
Web Intensive Week 3 - Day 5
Web Intensive Week 3 - Day 5Web Intensive Week 3 - Day 5
Web Intensive Week 3 - Day 5
studiokandm
 
SharePoint 2007 and SharePoint 2010 for Web Content Management (WCM)
SharePoint 2007 and SharePoint 2010 for Web Content Management (WCM)SharePoint 2007 and SharePoint 2010 for Web Content Management (WCM)
SharePoint 2007 and SharePoint 2010 for Web Content Management (WCM)
Richard Harbridge
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
Pixlogix Infotech
 
Cms Bash Groningen Opening talk
Cms Bash Groningen Opening talkCms Bash Groningen Opening talk
Cms Bash Groningen Opening talk
Wilco Jansen
 
Content management system a full guide
Content management system a full guideContent management system a full guide
Content management system a full guide
Fullestop
 

Recently uploaded (16)

Cyber Safety: security measure about navegating on internet.
Cyber Safety: security measure about navegating on internet.Cyber Safety: security measure about navegating on internet.
Cyber Safety: security measure about navegating on internet.
manugodinhogentil
 
Seminar.MAJor presentation for final project viva
Seminar.MAJor presentation for final project vivaSeminar.MAJor presentation for final project viva
Seminar.MAJor presentation for final project viva
daditya2501
 
Grade 7 Google_Sites_Lesson creating website.pptx
Grade 7 Google_Sites_Lesson creating website.pptxGrade 7 Google_Sites_Lesson creating website.pptx
Grade 7 Google_Sites_Lesson creating website.pptx
AllanGuevarra1
 
cxbcxfzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz7.pdf
cxbcxfzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz7.pdfcxbcxfzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz7.pdf
cxbcxfzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz7.pdf
ssuser060b2e1
 
project_based_laaaaaaaaaaearning,kelompok 10.pptx
project_based_laaaaaaaaaaearning,kelompok 10.pptxproject_based_laaaaaaaaaaearning,kelompok 10.pptx
project_based_laaaaaaaaaaearning,kelompok 10.pptx
redzuriel13
 
OSI TCP IP Protocol Layers description f
OSI TCP IP Protocol Layers description fOSI TCP IP Protocol Layers description f
OSI TCP IP Protocol Layers description f
cbr49917
 
5-Ways-To-Future-Proof-Your-SIEM-Securonix[1].pdf
5-Ways-To-Future-Proof-Your-SIEM-Securonix[1].pdf5-Ways-To-Future-Proof-Your-SIEM-Securonix[1].pdf
5-Ways-To-Future-Proof-Your-SIEM-Securonix[1].pdf
AndrHenrique77
 
(Hosting PHising Sites) for Cryptography and network security
(Hosting PHising Sites) for Cryptography and network security(Hosting PHising Sites) for Cryptography and network security
(Hosting PHising Sites) for Cryptography and network security
aluacharya169
 
highend-srxseries-services-gateways-customer-presentation.pptx
highend-srxseries-services-gateways-customer-presentation.pptxhighend-srxseries-services-gateways-customer-presentation.pptx
highend-srxseries-services-gateways-customer-presentation.pptx
elhadjcheikhdiop
 
Determining Glass is mechanical textile
Determining  Glass is mechanical textileDetermining  Glass is mechanical textile
Determining Glass is mechanical textile
Azizul Hakim
 
Top Vancouver Green Business Ideas for 2025 Powered by 4GoodHosting
Top Vancouver Green Business Ideas for 2025 Powered by 4GoodHostingTop Vancouver Green Business Ideas for 2025 Powered by 4GoodHosting
Top Vancouver Green Business Ideas for 2025 Powered by 4GoodHosting
steve198109
 
Organizing_Data_Grade4 how to organize.pptx
Organizing_Data_Grade4 how to organize.pptxOrganizing_Data_Grade4 how to organize.pptx
Organizing_Data_Grade4 how to organize.pptx
AllanGuevarra1
 
AI Days 2025_GM1 : Interface in theage of AI
AI Days 2025_GM1 : Interface in theage of AIAI Days 2025_GM1 : Interface in theage of AI
AI Days 2025_GM1 : Interface in theage of AI
Prashant Singh
 
Breaching The Perimeter - Our Most Impactful Bug Bounty Findings.pdf
Breaching The Perimeter - Our Most Impactful Bug Bounty Findings.pdfBreaching The Perimeter - Our Most Impactful Bug Bounty Findings.pdf
Breaching The Perimeter - Our Most Impactful Bug Bounty Findings.pdf
Nirmalthapa24
 
Reliable Vancouver Web Hosting with Local Servers & 24/7 Support
Reliable Vancouver Web Hosting with Local Servers & 24/7 SupportReliable Vancouver Web Hosting with Local Servers & 24/7 Support
Reliable Vancouver Web Hosting with Local Servers & 24/7 Support
steve198109
 
Best web hosting Vancouver 2025 for you business
Best web hosting Vancouver 2025 for you businessBest web hosting Vancouver 2025 for you business
Best web hosting Vancouver 2025 for you business
steve198109
 
Cyber Safety: security measure about navegating on internet.
Cyber Safety: security measure about navegating on internet.Cyber Safety: security measure about navegating on internet.
Cyber Safety: security measure about navegating on internet.
manugodinhogentil
 
Seminar.MAJor presentation for final project viva
Seminar.MAJor presentation for final project vivaSeminar.MAJor presentation for final project viva
Seminar.MAJor presentation for final project viva
daditya2501
 
Grade 7 Google_Sites_Lesson creating website.pptx
Grade 7 Google_Sites_Lesson creating website.pptxGrade 7 Google_Sites_Lesson creating website.pptx
Grade 7 Google_Sites_Lesson creating website.pptx
AllanGuevarra1
 
cxbcxfzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz7.pdf
cxbcxfzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz7.pdfcxbcxfzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz7.pdf
cxbcxfzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz7.pdf
ssuser060b2e1
 
project_based_laaaaaaaaaaearning,kelompok 10.pptx
project_based_laaaaaaaaaaearning,kelompok 10.pptxproject_based_laaaaaaaaaaearning,kelompok 10.pptx
project_based_laaaaaaaaaaearning,kelompok 10.pptx
redzuriel13
 
OSI TCP IP Protocol Layers description f
OSI TCP IP Protocol Layers description fOSI TCP IP Protocol Layers description f
OSI TCP IP Protocol Layers description f
cbr49917
 
5-Ways-To-Future-Proof-Your-SIEM-Securonix[1].pdf
5-Ways-To-Future-Proof-Your-SIEM-Securonix[1].pdf5-Ways-To-Future-Proof-Your-SIEM-Securonix[1].pdf
5-Ways-To-Future-Proof-Your-SIEM-Securonix[1].pdf
AndrHenrique77
 
(Hosting PHising Sites) for Cryptography and network security
(Hosting PHising Sites) for Cryptography and network security(Hosting PHising Sites) for Cryptography and network security
(Hosting PHising Sites) for Cryptography and network security
aluacharya169
 
highend-srxseries-services-gateways-customer-presentation.pptx
highend-srxseries-services-gateways-customer-presentation.pptxhighend-srxseries-services-gateways-customer-presentation.pptx
highend-srxseries-services-gateways-customer-presentation.pptx
elhadjcheikhdiop
 
Determining Glass is mechanical textile
Determining  Glass is mechanical textileDetermining  Glass is mechanical textile
Determining Glass is mechanical textile
Azizul Hakim
 
Top Vancouver Green Business Ideas for 2025 Powered by 4GoodHosting
Top Vancouver Green Business Ideas for 2025 Powered by 4GoodHostingTop Vancouver Green Business Ideas for 2025 Powered by 4GoodHosting
Top Vancouver Green Business Ideas for 2025 Powered by 4GoodHosting
steve198109
 
Organizing_Data_Grade4 how to organize.pptx
Organizing_Data_Grade4 how to organize.pptxOrganizing_Data_Grade4 how to organize.pptx
Organizing_Data_Grade4 how to organize.pptx
AllanGuevarra1
 
AI Days 2025_GM1 : Interface in theage of AI
AI Days 2025_GM1 : Interface in theage of AIAI Days 2025_GM1 : Interface in theage of AI
AI Days 2025_GM1 : Interface in theage of AI
Prashant Singh
 
Breaching The Perimeter - Our Most Impactful Bug Bounty Findings.pdf
Breaching The Perimeter - Our Most Impactful Bug Bounty Findings.pdfBreaching The Perimeter - Our Most Impactful Bug Bounty Findings.pdf
Breaching The Perimeter - Our Most Impactful Bug Bounty Findings.pdf
Nirmalthapa24
 
Reliable Vancouver Web Hosting with Local Servers & 24/7 Support
Reliable Vancouver Web Hosting with Local Servers & 24/7 SupportReliable Vancouver Web Hosting with Local Servers & 24/7 Support
Reliable Vancouver Web Hosting with Local Servers & 24/7 Support
steve198109
 
Best web hosting Vancouver 2025 for you business
Best web hosting Vancouver 2025 for you businessBest web hosting Vancouver 2025 for you business
Best web hosting Vancouver 2025 for you business
steve198109
 
Ad

Ghost BLOG CMS Documentation via www.cemates.me

  • 1. Page of1 30 The #1 open source headless Node.JS CMS By Huseyin Cem Ates S13869
  • 2. Table Of Contents Table Of Contents 2 What is CMS? 3 Why Do We Use Content Management System? 5 CMS Usage Distribution in the Top 1 Million Sites 6 What is Ghost CMS? 8 Why Ghost CMS? 9 What are the technologies used behind Ghost CMS? 16 Why install Ghost CMS over other content management systems? 17 Prerequisites for your Ghost CMS install 17 Why Digital Ocean? 18 How to Install Ghost CMS on Digital Ocean? 19 Introduction to Ghost Admin Panel 25 Built-in memberships & subscriptions 26 How to create content on Ghost CMS? 27 Search Engine Optimization 28 on Ghost CMS 28 How to Delete a Post on Ghost CMS 29 LIBRARY SOURCES 30 Page of2 30
  • 3. What is CMS? A content management system (CMS) is a software application that can be used to manage the creation and modification of digital content. CMSs are typically used for enterprise content management (ECM) and web content management (WCM). ECM typically supports multiple users in a collaborative environment by integrating document management, digital asset management and record retention. Alternatively, WCM is the collaborative authoring for websites and may include text and embed graphics, photos, video, audio, maps and programmed code that display content and interact with the user. ECM typically includes a WCM function. A content management system also is a critical to the success of almost every website and intranet, and yet many organizations are not familiar with this technology. A content management system supports the creation, management, distribution, publishing, and discovery of corporate information. A content management system (CMS) typically has two major components: a content management application (CMA), as the front-end user interface that allows a user, even with limited expertise, to add, modify, and remove content from a website without the intervention of a webmaster; and a content delivery application (CDA), that compiles the content and updates the website. The core CMS features are; indexing; search and retrieval; format management; revision control; and management. Page of3 30
  • 4. Features may vary depending on the system application but will typically include: • Intuitive indexing, search and retrieval features index all data for easy access through search functions and allows users to search by attributes such as publication dates, keywords or author. • Format management facilitates turn scanned paper documents and legacy electronic documents into HTML or PDF documents. • Revision features allow content to be updated and edited after initial publication. Revision control also tracks any changes made to files by individuals. • Publishing functionality allows individuals to use a template or a set of templates approved by the organization, as well as wizards and other tools to create or modify content. Popular additional features may include: • SEO-friendly URLs • Integrated and online help, including discussion boards • Group-based permission systems • Full template support and customizable templates • Easy wizard-based install and versioning procedures • Admin panel with multiple language support • Content hierarchy with unlimited depth and size • Minimal server requirements • Integrated file managers • Integrated audit logs Page of4 30
  • 5. Why Do We Use Content Management System? We use Content Management Systems to make our lives simpler: • With CMS you can easily create a website without having to write code • There are many useful features which are accessible by few clicks of a mouse - otherwise we would have to spend days/weeks coding those features ourselves - so there is no point in reinventing the wheel • You can schedule posts/pages to publish automatically whenever you like • CMS like WordPress is written in a way that will improve your website's SEO - if you know how to use it • There are thousands of plugins available to install in few minutes that can perform many tasks which otherwise would take you months to code them yourself • There are thousands of templates - both free and paid - which you can install in few minutes so that you don't have to design the whole website yourself from scratch • E-commerce shops using CMS are also few clicks away to install on your site so that you can start selling your products/services and accepting the payments • There is a huge community online where you can always ask for advice, read books and learn from other people Business wise it's also easier and quicker to set up the website if you have an idea and test it straight away using for example social media and other channels. We can also use CMS to create a landing page in order for your prospects to take action so that you can have better ROI if you do it right. Page of5 30
  • 6. CMS Usage Distribution in the Top 1 Million Sites Distribution for websites using CMS technologies Page of6 30
  • 8. What is Ghost CMS? Ghost is a free and open source blogging platform written in JavaScript and distributed under the MIT License, designed to simplify the process of online publishing for individual bloggers as well as online publications. The concept of the Ghost platform was first floated publicly in November 2012 in a blog post by project founder John O'Nolan, which generated enough response to justify coding a prototype version with collaborator Hannah Wolfe. The first public version of Ghost, released October 2013, was financed by a successful Kickstarter campaign which achieved its initial funding goal of £25,000 in 11 hours and went on to raise a final total of £196,362 during the 29-day campaign. Developer(s) Ghost Foundation Initial release October 14, 2013 Stable release 3.0.2[1] / 2019-10-30[±] Repository github.com/TryGhost/Ghost Written in JavaScript Operating system Cross-platform Platform Node.js Type Blog software License MIT[2] Website ghost.org Page of8 30
  • 9. Why Ghost CMS? Modern publishing technology Unlike many other publishing platforms, Ghost supports all components of running a successful online publication, from technical SEO to a surprisingly clean editing interface." "Using Ghost has been a dream — no effort and no stress, fully hosted but with no loss of performance. Ghost is a powerful platform for creating an online blog or publication. Trusted by Worlds’ Best Companies Page of9 30
  • 10. Somes Websites that Using Ghost CMS # HOSTNAME 1 blog.cloudflare.com 2 blog.angular-university.io 3 blog.risingstack.com 4 bitsofco.de 5 freecodecamp.org 6 blog.codinghorror.com 7 blog.rapid7.com 8 vuejsexamples.com 9 reactnative.com 10 blog.wishpond.com Page of10 30
  • 11. A suite of modern publishing tools Ghost is a powerful content platform designed for the future An extensible rich editor: A familiar editing environment enables a seamless authoring experience that allows you to focus on one thing: creating content. More than just a formatting tool the editor allows you to pull in dynamic blocks of content like images, embeds and videos and Markdown. It’s built on a sane, open-standard which means it’s fully extensible. Flexible content management : Robust tagging functionality gives you fine-grained control over the categorization of your content and a configuration layer called dynamic routing unlocks the power to structure your site content in almost any way you want. Build any type of category, section, format or flow to adapt to your needs - including custom homepages, URL structures and multi- language content. Page of11 30
  • 12. Completely optimized distribution channels : Publish once, distribute everywhere. Your content is set up to be discovered in as many ways as possible by your readers. Search engine optimization: Proper SEO built in directly, with semantic markup, permalink, XML sitemaps, canonical tags and automatic meta data with manual overrides. Accelerated Mobile Pages: With integrated AMP support, your site will rank higher and load in a fraction of a second from Google mobile search results. Detailed structured data: Every post published renders beautifully all over the web, with rich meta tags for Facebook Open Graph, Twitter Cards and schema.org. Subscriptions by RSS, Email and Slack: Full RSS feeds, email subscription capture forms and Slack web-hook integration are all included by default, and handled for you! Page of12 30
  • 13. Completely Open Source & Adaptable Own your code, control your destiny, determine your functionality Free, open, simple: Ghost is an entirely open source application which has been downloaded 2,000,000+ times by developers all over the world. It uses a modern technology stack with sensible components and abstractions. We release code which developers love; The inventors of JavaScript, Android and StackOverflow all use Ghost for their blogs. Powerful tooling  Batteries included. A straightforward JSON importer and exporter keeps your data infinitely portable, while our CLI tool makes configuring, running and updating Ghost a breeze. Page of13 30
  • 15. An open marketplace: Hundreds of beautiful free and premium themes are available from our open marketplace, so you can get up and running with a great design to match your brand in no time at all. Coming soon, the marketplace will also expand to support third party apps and integrations, increasing the amount you can do with Ghost even further. Native apps: Prefer a speedy native experience? Our Ghost native apps provides all the beauty and power of Ghost, right on your device. It also means that you can easily switch between multiple sites on the fly. Available for Mac, PC, Linux and Android. Page of15 30
  • 16. What are the technologies used behind Ghost CMS? Ghost has 50+ products listed in our database. Ghost’s tech stack includes: Amazon EC2, AMP, Babel, Bootstrap, Cloudflare, Comodo SSL, Disqus, ExpressJS, GoDaddy Domain Registration, Git, Google Compute Engine, HTML5, JavaScript, MySQL, nginx, Node.js, Pingdom, StatusPage, SQLite, and more. Here are a few other products Ghost is using internally: • Customer Support: Intercom, UserVoice, Zendesk • Marketing: Campaign Monitor, Customer.io, Mailgun, Mandrill, Segment • Product & Design: Asana, Google Fonts, Typography • Analytics: GoSquared, Google Analytics, Inspectlet, Optimizely • HR: AngelList Jobs, Kin • Finance: Baremetrics, Stripe • Productivity & Operations: G-Suite, Slack Page of16 30
  • 17. Why install Ghost CMS over other content management systems? The Ghost CMS has a no-nonsense style that appeals to people who just want a simple blogging platform that looks great. There are minimal themes and an uncluttered design, so you can get right to writing instead of finding your way through a cluttered dashboard and thousands of plugins. Ghost is a modern, open source blogging platform written in NodeJS. The Ghost CMS come with a brand new Markdown editor, a refreshed UI, a new default theme design, and a lot more features that make for a nicer blogging experiencing. Installing Ghost CMS is pretty straightforward and Ghost officially recommends the following stack and server setup: • MySQL • NGINX • Systemd • NodeJS • At least 1GB memory • A non-root user for running ghost commands Prerequisites for your Ghost CMS install • A VPS running Ubuntu 18.04 or above - Digital Ocean Recommended • A non-root, sudo-enabled user. If you only have a root user, see our SSH tutorial for details on creating new users. • A registered domain name. • A DNS A record that points to your server’s IP address based on the FQDN (fully qualified domain name) you want to use. For example, an A record named @ would point to cemates.me. Page of17 30
  • 18. Why Digital Ocean? One of the biggest reasons I use Digital Ocean is that most shared hosting providers do not support Node.JS. So when I searched for VPS instead of shared hosting and I found Digital Ocean, I can use VPS for just $5 a month and I can install applications with one click thanks to its very useful interface. I can turn my server on and off in seconds. It's that easy! Page of18 30
  • 19. How to Install Ghost CMS on Digital Ocean? Step 1: Creating a Droplet from Your Digital Ocean Account First, log in to your Digital Ocean account, then click the Create Droplet link, select One-Click Apps from the pop-up window, and select Ghost Ubuntu 18.04. Then the disc size and data center selection just below it is up to you. I chose London as part of my projects. If your web traffic will be driven by Poland, all you need to do is choosing somewhere around your block to select data from a central location close to Poland it will be useful. Page of19 30
  • 20. Then click Create and wait for 1 minute, after creating the droplet, your login information and ip address will come to your e-mail address. As a next step, if you are using Mac or Linux, we will connect to the server via "PuTTY" if you are using Windows. You can download PuTTY from this link. Let's assume that your Droplet IP address is 123.456.7.8 when connecting to the server . $ ssh [email protected] You will see a welcome message on the screen. Welcome to Ubuntu 18.04.3 LTS (GNU/Linux 3.13.0-71- generic x86_64) * Documentation: https://help.ubuntu.com/ After logging into the system, the system will force you to change a new password. Here you can set your new password with the password sent to your e-mail address. $ Changing password for root. $ (current) UNIX password: $ Enter new UNIX password: $ Retype new UNIX password: After confirming, you can drop the other actions on the droplet. It will automatically install your system. After waiting a few seconds, your Ghost Block is now installed. When you write your droplet IP address 123.456.7.8 in the URL, you will see your Ghost Block. Page of20 30
  • 21. Step 2: Securing Your Droplet If we go back to Droplet, we can create a security vulnerability on our site if ssh uses 22 as its default port and root as the username, as root is used by default. In this step, we will look at how to block access to root and change the default port/port 22. Coming back to the terminal or putty where we entered the system: adduser cem You will be asked to create a secure password from the screen that comes next. Page of21 30
  • 22. Let's give the super user permissions to this user we created. gpasswd -a cem sudo Let's restrict remote access to the root user. nano /etc/ssh/sshd_config In the file opened in Nano, we will now find a line similar to the following: PermitRootLogin yes Let's change this line to "no". PermitRootLogin no Now, let's replace the default port 22 with an optional 4-digit number. I will use 1234 for this example. It is important to have something to remember. # What ports, IPs and protocols we listen for Port 1234 Now let's have a restart on ssh. service ssh restart Let's try connecting to the username we created from another terminal tab. ssh [email protected] -p 1234 You are connected to this user we created like a root user. Congratulations! Note : If you change your port, you should use the -p command. Page of22 30
  • 23. Step 3: Configuring DNS We need to configure DNS to match the domain name you own instead of your droplet's IP address. Let's talk about the Digital Ocean panel sections to make it and Networking -> Domains ' to our domain within the drop-down panel after clicking the Add Domain ' by clicking add you. Next, let's add www as CNAME and direct it to the IP of the droplet we created as host. (This will enable us to redirect the user to our IP address in the server error that will occur when entering www.cemates.me instead of cemates.me.) Page of23 30
  • 24. Finally, change the namer servers from your domain provider as follows. ns1.digitalocean.com ns2.digitalocean.com ns3.digitalocean.com That's all! You have installed your first Ghost CMS in digital ocean! Page of24 30
  • 25. Introduction to Ghost Admin Panel The Ghost CMS’s admin dashboard, often called Ghost Admin or Ghost admin panel, is essentially the control panel for your entire Ghost CMS website. It's where you create and manage content, add members/staff, add functionality in the form of integrations, change styling in the form of themes, and lots, lots more. Ghost comes with powerful features built directly into the core software which can be customized and configured based on the needs of each individual site. We will now take a quick overview of the main features which we will probably be interested in as we're just getting started. This isn't an exhaustive list, just some highlights. Page of25 30
  • 26. Have we also noticed Ghost CMS features built-in membership and subscription with Ghost CMS 3.0. I think now it’s good time to mention that too. Built-in memberships & subscriptions Don't just create content for anonymous visitors, Ghost lets you turn your audience into business with native support for member signups and paid subscription commerce. It's the only platform with memberships built-in by default and deeply integrated. Page of26 30
  • 27. How to create content on Ghost CMS? Thanks to the best content editor for a content writer Ghost has the richest editor which every writer wants, but under the hood, it delivers far more power than you would expect. All content is stored in a standardized JSON- based document storage format called MobileDoc, which includes support for extensible rich media objects called Cards. In simple terms, we can think of it like having Slack integrations inside Medium's editor, stored sanely and fully accessible via API. To create a content on Ghost blog, we just go click on Posts and create. Simple as it is. Page of27 30
  • 28. Search Engine Optimization on Ghost CMS Ghost comes with world-class SEO and everything you need to ensure that your content shows up in search indexes quickly and consistently. No plugins needed Ghost has all the fundamental technical SEO optimizations built directly into core, without any need to rely on third party plugins. It also has a far superior speed and page-load performance thanks to Node.JS. Automatic google XML sitemaps Ghost will automatically generate and link to a complete Google sitemap including every page on your site, to make sure search engines are able to index every URL. Automatic structured data + JSON-LD Ghost generates JSON-LD based structured metadata about your pages so that you don't have to rely on messy micro-formats in your markup to provide semantic context. Even if you change theme or front-end, your SEO remains perfectly intact. Ghost also adds automatic code for Facebook OpenGraph and Twitter Cards. Canonical tags Ghost automatically generates the correct rel="canonical" tag for each post and page so that search engines always prioritise one true link. Page of28 30
  • 29. How to Delete a Post on Ghost CMS To delete a content from Ghost CMS, we just need to go to Post sections on Admin panel and click on the post we want to delete and after going to the right below of the post, we click on delete post button, a modal will be shown up immediately to confirm this deletion. After clicking on the button, the post will be deleted. Page of29 30
  • 30. LIBRARY SOURCES - CONTENT MANAGEMENT SYSTEM: https://en.wikipedia.org/wiki/Content_management_system - Content Management System Trends https://trends.builtwith.com/cms - Ghost (CMS) https://en.wikipedia.org/wiki/Ghost_(blogging_platform) - Technologies Behind Cost CMS https://stack.g2.com/company/ghost - How to install Ghost CMS on Digital Ocean? https://cemates.me/blog/digital-ocean-ghost-blog-nasil-kurulur/ - Ghost Integrations https://ghost.org/integrations/ Page of30 30