This is an automated email from the ASF dual-hosted git repository.
ako pushed a commit to branch new-web
in repository https://gitbox.apache.org/repos/asf/age-website.git
The following commit(s) were added to refs/heads/new-web by this push:
new 1372ffb4 Update Quick start and FAQ, Blog (#307)
1372ffb4 is described below
commit 1372ffb4cabe1d8a6b8876fe5ca739922d086aa8
Author: dpdjvhxm <[email protected]>
AuthorDate: Tue Apr 16 18:46:49 2024 +0900
Update Quick start and FAQ, Blog (#307)
* Update
* Update meta description and title, reduce image resource
Update faq question: add 3 questions
* Update Meta data(Title, description)
Correct Spelling error
* Add sitemap.xml and robots.txt
* Update image and landing page text
* Update text landing page
* Update landing page new article
Add new blog article html file
* Change word "Graph databases" to "Graph database"
* Remove word "extension" in landing page
* Create Blog “2024-04-15-test-파일”
* Delete Blog “2024-04-15-test-파일”
* Update blog, quickstart, download page
* Update blog page design & function
add back button in blog contents
---
src/components/Content.js | 10 ++-
src/components/Layout.js | 3 +-
src/components/Navbar.js | 31 ++++++---
src/components/styles/Blog-post.scss | 74 ++++++++++++++++++++++
src/components/styles/Blog.scss | 3 +-
.../blog/{blog_test_240401.md => blog_240401.md} | 43 +++++++++----
src/pages/blog/blog_test1_240401.md | 14 ----
src/pages/download/index.md | 42 ++++++------
src/pages/getstarted/quickstart.md | 73 +++++++++++++++++----
src/templates/blog-post.js | 20 +++++-
10 files changed, 238 insertions(+), 75 deletions(-)
diff --git a/src/components/Content.js b/src/components/Content.js
index 951a8bd0..15176562 100644
--- a/src/components/Content.js
+++ b/src/components/Content.js
@@ -1,20 +1,24 @@
-import * as React from 'react';
+import React from 'react';
import PropTypes from 'prop-types';
import ReactMarkdown from 'react-markdown';
import rehypeRaw from 'rehype-raw';
+// CSS 스타일 임포트
+import '../../src/components/styles/Blog-post.scss';
+
export const HTMLContent = ({ content, className }) => (
<>
- <ReactMarkdown className={className} rehypePlugins={[rehypeRaw]}>
+ <ReactMarkdown className={`${className} markdownStyle`}
rehypePlugins={[rehypeRaw]}>
{content}
</ReactMarkdown>
</>
);
const Content = ({ content, className }) => (
- <div className={className}>{content}</div>
+ <div className={`${className} contentStyle`}>{content}</div>
);
+// Prop 타입 정의
Content.propTypes = {
content: PropTypes.node,
className: PropTypes.string,
diff --git a/src/components/Layout.js b/src/components/Layout.js
index 0852a3f3..a8d312a0 100644
--- a/src/components/Layout.js
+++ b/src/components/Layout.js
@@ -45,6 +45,7 @@ const TemplateWrapper = ({ children }) => {
'/team' : 'Team | Apache AGE',
'/release-notes' : 'Release Notes | Apache AGE',
'/faq' : 'FAQ | Apache AGE',
+ '/blog' : 'Blog | Apache AGE',
'/joinus' : 'Community | Apache AGE',
'/contribution/how' : 'Contribution | Apache AGE',
'/contribution/guide' : 'Code Convention | Apache AGE',
@@ -73,7 +74,7 @@ const TemplateWrapper = ({ children }) => {
<html lang="en" />
<title>{titleNameMapper()}</title>
<meta charset="UTF-8" /> {/* 문자 집합 선언 추가 */}
- <link rel="icon" href={favicon} />
+ <link rel="icon" href={withPrefix('/img/favicon.png')} />
<meta name="description" content={description} />
{/* Global site tag (gtag.js) - Google Analytics */}
<script async
src="https://www.googletagmanager.com/gtag/js?id=G-VPCE2QF63F"; />
diff --git a/src/components/Navbar.js b/src/components/Navbar.js
index a04a41bb..4717bc52 100644
--- a/src/components/Navbar.js
+++ b/src/components/Navbar.js
@@ -30,6 +30,11 @@ const Navbar = () => {
Quick Start
</Link>
</Menu.Item>
+ <Menu.Item>
+ <Link className="navbar-item" to="/faq">
+ F A Q
+ </Link>
+ </Menu.Item>
</Menu.SubMenu>
<Menu.SubMenu title="Apache AGE">
<Menu.Item>
@@ -47,11 +52,12 @@ const Navbar = () => {
Release Notes
</Link>
</Menu.Item>
- <Menu.Item>
- <Link className="navbar-item" to="/faq">
- F A Q
- </Link>
- </Menu.Item>
+ {/*<Menu.Item>
+ <Link className="navbar-item" to="/blog">
+ Blog
+ </Link>
+ </Menu.Item>*/}
+
</Menu.SubMenu>
<Menu.SubMenu title="Community">
<Menu.Item>
@@ -187,6 +193,11 @@ const Navbar = () => {
Quick Start
</Link>
</Menu.Item>
+ <Menu.Item>
+ <Link className="navbar-item" to="/faq">
+ F A Q
+ </Link>
+ </Menu.Item>
</Menu.SubMenu>
<Menu.SubMenu title="Apache AGE">
<Menu.Item>
@@ -204,11 +215,11 @@ const Navbar = () => {
Release Notes
</Link>
</Menu.Item>
- <Menu.Item>
- <Link className="navbar-item" to="/faq">
- F A Q
- </Link>
- </Menu.Item>
+ {/*<Menu.Item>
+ <Link className="navbar-item" to="/blog">
+ Blog
+ </Link>
+ </Menu.Item>*/}
</Menu.SubMenu>
<Menu.SubMenu title="Community">
<Menu.Item>
diff --git a/src/components/styles/Blog-post.scss
b/src/components/styles/Blog-post.scss
new file mode 100644
index 00000000..6bd4a2ab
--- /dev/null
+++ b/src/components/styles/Blog-post.scss
@@ -0,0 +1,74 @@
+@import '../../common/variable.scss';
+
+
+// Base styles for the blog post
+.blog-post {
+ font-family: 'Arial', sans-serif;
+ max-width: 800px;
+ margin: 20px auto;
+ padding: 20px;
+ background-color: #fff;
+ border: 1px solid #ddd;
+ border-radius: 8px;
+}
+
+// Title styles
+.blog-post h1 {
+ color: #ff0000;
+ font-size: 28px;
+ text-align: center;
+ margin-bottom: 20px;
+}
+
+// Featured image styles
+.blog-post img {
+ width: 100%;
+ height: auto;
+ margin-bottom: 20px;
+ border-radius: 4px;
+}
+
+// Text content styles
+.blog-post p {
+ color: #666;
+ font-size: 16px;
+ line-height: 1.6;
+ margin-bottom: 20px;
+}
+
+// Tag styles
+.blog-post .tags {
+ list-style: none;
+ padding: 0;
+ text-align: center;
+}
+
+.blog-post .tags li {
+ display: inline;
+ margin: 0 10px;
+}
+
+.blog-post .tags li:before {
+ content: '#';
+ color: #007bff;
+}
+
+// Visual query image styles
+.blog-post .visual-query {
+ border: 2px solid #007bff;
+ padding: 10px;
+ margin-top: 20px;
+}
+
+// Call to Action styles
+.blog-post .call-to-action {
+ background-color: #007bff;
+ color: #fff;
+ padding: 10px 20px;
+ text-align: center;
+ font-weight: bold;
+ border-radius: 4px;
+ display: block;
+ margin-top: 30px;
+ text-decoration: none;
+}
diff --git a/src/components/styles/Blog.scss b/src/components/styles/Blog.scss
index 0c0c2d67..f0e11d2c 100644
--- a/src/components/styles/Blog.scss
+++ b/src/components/styles/Blog.scss
@@ -61,4 +61,5 @@
.faq-item:last-child {
margin-bottom: 40px; // 마지막 항목의 마진을 제거합니다.
-}
\ No newline at end of file
+}
+
diff --git a/src/pages/blog/blog_test_240401.md b/src/pages/blog/blog_240401.md
similarity index 86%
rename from src/pages/blog/blog_test_240401.md
rename to src/pages/blog/blog_240401.md
index faf552d1..75bf970c 100644
--- a/src/pages/blog/blog_test_240401.md
+++ b/src/pages/blog/blog_240401.md
@@ -2,22 +2,26 @@
templateKey: blog-post
title: Easy and Smooth Start to Graph Databases
date: 2024-04-01T17:00:00Z
-description: <N/A>
+description:
featuredpost: true
featuredimage: '/img/blogimg01.png'
tags:
- - age
- - age viewer
- - 태그
+ - Apache AGE
+ - Graph Database
---
+<img src="/img/blogimg01.png" alt="Blog Image">
-*Easy and Smooth Start to Graph Databases*
+<h1>Easy and Smooth Start to Graph Databases</h1>
Graph databases are like digital maps that show how different pieces of
information are connected. Apache AGE makes these maps using the popular
relational database called PostgreSQL, making it smarter. Graphizer is a tool
developed by Bitnine for Apache AGE to make creating and understanding these
maps easier for everyone.
-<h2>The Need for Simplicity in Graph Databases></h2>
+
+**The Need for Simplicity in Graph Databases**
+
Starting with graph databases can be tough, like learning a new language. It's
hard to see how information connects and to ask the right questions. Tools like
Graphizer are important because they make this learning journey smoother,
letting more people use these smart databases without getting lost.
+<img src="/img/image4.webp">
+
One of the standout features of Graphizer is its ability to create graph
models and data without needing to learn or use openCypher. For many who are
used to traditional relational databases, the jump to graph databases can be
scary, primarily due to the need to understand new querying languages like
openCypher. Graphizer simplifies this transition. It offers intuitive tools
that allow users to build and explore graph data with visual interfaces,
bypassing the complexity of coding querie [...]
Take for example the following openCypher query:
@@ -29,24 +33,39 @@ RETURN p, m
Which looks for a pattern within the graph database where a person has acted
in one movie and also produced it. With Graphizer you can just enter a “Visual
Query” like in the following image, having the same result as the openCypher
query we used. Simply like that, you are in the world of graph databases.
-Graph Data Viewing Feature
+<img src="/img/image1.png">
+
+**Graph Data Viewing Feature**
+
Graphizer lets you see the connections between points of information (nodes)
and the lines that connect them (edges) easily. Imagine looking at a family
tree; Graphizer helps you see who is related to whom at a glance, without
having to dig through lots of details.
-Data Loading Feature
+<img src="/img/image6.png">
+
+**Data Loading Feature**
+
Graphizer is great at taking lists of information, like those in table data
files (CSV and RDB files), and turning them into a graph. This is like turning
a flat picture into a 3D model, showing how everything is connected in a way
that’s easy to understand.
-Exploring Feature
+<img src="/img/image7.png">
+<img src="/img/image5.png">
+
+**Exploring Feature**
+
With Graphizer, you can dive into your data like a detective, using tools to
find out how things are related. It's like having a magnifying glass to see the
clues in your data, helping you make sense of it through pictures, patterns and
filters.
-Integrating Graphizer with Apache AGE
+<img src="/img/image3.png">
+
+**Integrating Graphizer with Apache AGE**
+
Graphizer and Apache AGE are packaged together and work along seamlessly. It's
like having a guide while exploring a new city, making it easier to navigate
and discover connections within your data. This teamwork makes starting with
graph databases as easy as starting a car.
-Practical Applications
+**Practical Applications**
+
Graphizer and Apache AGE can be used in cool ways, like figuring out who knows
whom on ocial media, spotting fraudsters, or recommending what book you should
read next. They turn complex info into easy-to-understand maps, making solving
problems or finding opportunities easier.
Graphizer, along with Apache AGE, is like a pair of glasses that brings the
world of graph databases into clear focus. Whether you're new to this world or
have been exploring it for a while, these tools make the journey easier and
more enjoyable.
-Call to Action
+**Call to Action**
+
Give Graphizer and Apache AGE a try! They're here to help you navigate the
complex world of graph databases with ease. Whether you're looking for guides,
tutorials, or a community to join, there's plenty of support to get you started
on your adventure. Visit Apache AGE’s GitHub page, you can contribute or send
your question through the issues:
Apache AGE’s website: https://age.apache.org/
diff --git a/src/pages/blog/blog_test1_240401.md
b/src/pages/blog/blog_test1_240401.md
deleted file mode 100644
index 25c6010d..00000000
--- a/src/pages/blog/blog_test1_240401.md
+++ /dev/null
@@ -1,14 +0,0 @@
----
-templateKey: blog-post
-title: 블로그 페이지 타이틀
-date: 2024-04-01T17:00:00
-description: Descrituion
-featuredpost: true
-featuredimage: '/img/banner-overview.jpg'
-tags:
- - age
- - age viewer
- - 태그
----
-페이지 타이틀2
-
diff --git a/src/pages/download/index.md b/src/pages/download/index.md
index 052976ff..ed8811c4 100644
--- a/src/pages/download/index.md
+++ b/src/pages/download/index.md
@@ -10,11 +10,11 @@ title: Downloads
## The current stable version and the latest release of the graph extension is
1.5.0.
<br/>
-| Apache AGE Release | CheckSum & Signature |
+| Apache AGE Release | CheckSum & Signature & Verification |
| ------------------ | -------------------- |
-| [Download Apache AGE 1.5.0
➚](https://www.apache.org/dyn/closer.lua/age/PG16/1.5.0/apache-age-1.5.0-src.tar.gz)
| [CheckSum
➚](https://downloads.apache.org/age/PG16/1.5.0/apache-age-1.5.0-src.tar.gz.sha512)
& [Signature
➚](https://downloads.apache.org/age/PG16/1.5.0/apache-age-1.5.0-src.tar.gz.asc)
& [KEYS File ➚](https://downloads.apache.org/age/KEYS)
+| [Download Apache AGE 1.5.0
➚](https://www.apache.org/dyn/closer.lua/age/PG16/1.5.0/apache-age-1.5.0-src.tar.gz)
| [CheckSum
➚](https://downloads.apache.org/age/PG16/1.5.0/apache-age-1.5.0-src.tar.gz.sha512)
& [Signature
➚](https://downloads.apache.org/age/PG16/1.5.0/apache-age-1.5.0-src.tar.gz.asc)
& [KEYS File ➚](https://downloads.apache.org/age/KEYS) & [Verify Signature
➚](https://www.apache.org/info/verification.html)
-[Verify Signature ➚](https://www.apache.org/info/verification.html)
+Please participate in the GitHub Issue [Why do you use Apache
AGE?](https://github.com/apache/age/issues/1705)
<br/><br/>
@@ -24,11 +24,11 @@ title: Downloads
## The current stable version and the latest release of the graph extension is
1.5.0.
<br/>
-| Apache AGE Release | CheckSum & Signature |
+| Apache AGE Release | CheckSum & Signature & Verification |
| ------------------ | -------------------- |
-| [Download Apache AGE 1.5.0
➚](https://www.apache.org/dyn/closer.lua/age/PG15/1.5.0/apache-age-1.5.0-src.tar.gz)
| [CheckSum
➚](https://downloads.apache.org/age/PG15/1.5.0/apache-age-1.5.0-src.tar.gz.sha512)
& [Signature
➚](https://downloads.apache.org/age/PG15/1.5.0/apache-age-1.5.0-src.tar.gz.asc)
& [KEYS File ➚](https://downloads.apache.org/age/KEYS)
+| [Download Apache AGE 1.5.0
➚](https://www.apache.org/dyn/closer.lua/age/PG15/1.5.0/apache-age-1.5.0-src.tar.gz)
| [CheckSum
➚](https://downloads.apache.org/age/PG15/1.5.0/apache-age-1.5.0-src.tar.gz.sha512)
& [Signature
➚](https://downloads.apache.org/age/PG15/1.5.0/apache-age-1.5.0-src.tar.gz.asc)
& [KEYS File ➚](https://downloads.apache.org/age/KEYS) & [Verify Signature
➚](https://www.apache.org/info/verification.html)
-[Verify Signature ➚](https://www.apache.org/info/verification.html)
+Please participate in the GitHub Issue [Why do you use Apache
AGE?](https://github.com/apache/age/issues/1705)
<br/><br/>
@@ -37,11 +37,11 @@ title: Downloads
## The current stable version and the latest release of the graph extension is
1.5.0.
<br/>
-| Apache AGE Release | CheckSum & Signature |
+| Apache AGE Release | CheckSum & Signature & Verification |
| ------------------ | -------------------- |
-| [Download Apache AGE 1.5.0
➚](https://www.apache.org/dyn/closer.lua/age/PG14/1.5.0/apache-age-1.5.0-src.tar.gz)
| [CheckSum
➚](https://downloads.apache.org/age/PG14/1.5.0/apache-age-1.5.0-src.tar.gz.sha512)
& [Signature
➚](https://downloads.apache.org/age/PG14/1.5.0/apache-age-1.5.0-src.tar.gz.asc)
& [KEYS File ➚](https://downloads.apache.org/age/KEYS)|
+| [Download Apache AGE 1.5.0
➚](https://www.apache.org/dyn/closer.lua/age/PG14/1.5.0/apache-age-1.5.0-src.tar.gz)
| [CheckSum
➚](https://downloads.apache.org/age/PG14/1.5.0/apache-age-1.5.0-src.tar.gz.sha512)
& [Signature
➚](https://downloads.apache.org/age/PG14/1.5.0/apache-age-1.5.0-src.tar.gz.asc)
& [KEYS File ➚](https://downloads.apache.org/age/KEYS) & [Verify Signature
➚](https://www.apache.org/info/verification.html)
-[Verify Signature ➚](https://www.apache.org/info/verification.html)
+Please participate in the GitHub Issue [Why do you use Apache
AGE?](https://github.com/apache/age/issues/1705)
<br/><br/>
@@ -50,11 +50,11 @@ title: Downloads
## The current stable version and the latest release of the graph extension is
1.5.0.
<br/>
-| Apache AGE Release | CheckSum & Signature |
+| Apache AGE Release | CheckSum & Signature & Verification |
| ------------------ | -------------------- |
-| [Download Apache AGE 1.5.0
➚](https://www.apache.org/dyn/closer.lua/age/PG13/1.5.0/apache-age-1.5.0-src.tar.gz)
| [CheckSum
➚](https://downloads.apache.org/age/PG13/1.5.0/apache-age-1.5.0-src.tar.gz.sha512)
& [Signature
➚](https://downloads.apache.org/age/PG13/1.5.0/apache-age-1.5.0-src.tar.gz.asc)
& [KEYS File ➚](https://downloads.apache.org/age/KEYS) |
+| [Download Apache AGE 1.5.0
➚](https://www.apache.org/dyn/closer.lua/age/PG13/1.5.0/apache-age-1.5.0-src.tar.gz)
| [CheckSum
➚](https://downloads.apache.org/age/PG13/1.5.0/apache-age-1.5.0-src.tar.gz.sha512)
& [Signature
➚](https://downloads.apache.org/age/PG13/1.5.0/apache-age-1.5.0-src.tar.gz.asc)
& [KEYS File ➚](https://downloads.apache.org/age/KEYS) & [Verify Signature
➚](https://www.apache.org/info/verification.html)
-[Verify Signature ➚](https://www.apache.org/info/verification.html)
+Please participate in the GitHub Issue [Why do you use Apache
AGE?](https://github.com/apache/age/issues/1705)
<br/><br/>
@@ -64,11 +64,11 @@ title: Downloads
## The current stable version and the latest release of the graph extension is
1.5.0.
<br/>
-| Apache AGE Release | CheckSum & Signature |
+| Apache AGE Release | CheckSum & Signature & Verification |
| ------------------ | -------------------- |
-| [Download Apache AGE 1.5.0
➚](https://www.apache.org/dyn/closer.lua/age/PG12/1.5.0/apache-age-1.5.0-src.tar.gz)
| [CheckSum
➚](https://downloads.apache.org/age/PG12/1.5.0/apache-age-1.5.0-src.tar.gz.sha512)
& [Signature
➚](https://downloads.apache.org/age/PG12/1.5.0/apache-age-1.5.0-src.tar.gz.asc)
& [KEYS File ➚](https://downloads.apache.org/age/KEYS) |
+| [Download Apache AGE 1.5.0
➚](https://www.apache.org/dyn/closer.lua/age/PG12/1.5.0/apache-age-1.5.0-src.tar.gz)
| [CheckSum
➚](https://downloads.apache.org/age/PG12/1.5.0/apache-age-1.5.0-src.tar.gz.sha512)
& [Signature
➚](https://downloads.apache.org/age/PG12/1.5.0/apache-age-1.5.0-src.tar.gz.asc)
& [KEYS File ➚](https://downloads.apache.org/age/KEYS) & [Verify Signature
➚](https://www.apache.org/info/verification.html)
-[Verify Signature ➚](https://www.apache.org/info/verification.html)
+Please participate in the GitHub Issue [Why do you use Apache
AGE?](https://github.com/apache/age/issues/1705)
<br/><br/>
@@ -77,11 +77,11 @@ title: Downloads
## The current stable version and the latest release of the graph extension is
1.5.0.
<br />
-| Apache AGE Release | CheckSum & Signature |
+| Apache AGE Release | CheckSum & Signature & Verification |
| ------------------ | -------------------- |
-| [Download Apache AGE 1.5.0
➚](https://www.apache.org/dyn/closer.lua/age/PG11/1.5.0/apache-age-1.5.0-src.tar.gz)
| [CheckSum
➚](https://downloads.apache.org/age/PG11/1.5.0/apache-age-1.5.0-src.tar.gz.sha512)
& [Signature
➚](https://downloads.apache.org/age/PG11/1.5.0/apache-age-1.5.0-src.tar.gz.asc)
& [KEYS File ➚](https://downloads.apache.org/age/KEYS)
+| [Download Apache AGE 1.5.0
➚](https://www.apache.org/dyn/closer.lua/age/PG11/1.5.0/apache-age-1.5.0-src.tar.gz)
| [CheckSum
➚](https://downloads.apache.org/age/PG11/1.5.0/apache-age-1.5.0-src.tar.gz.sha512)
& [Signature
➚](https://downloads.apache.org/age/PG11/1.5.0/apache-age-1.5.0-src.tar.gz.asc)
& [KEYS File ➚](https://downloads.apache.org/age/KEYS) & [Verify Signature
➚](https://www.apache.org/info/verification.html)
-[Verify Signature ➚](https://www.apache.org/info/verification.html)
+Please participate in the GitHub Issue [Why do you use Apache
AGE?](https://github.com/apache/age/issues/1705)
<br/><br/>
@@ -98,11 +98,11 @@ title: Downloads
## AGE Viewer
-| Apache AGE Viewer Release | CheckSum & Signature |
+| Apache AGE Viewer Release | CheckSum & Signature & Verification |
| ------------------------- | -------------------------------- |
-| [Download Apache AGE Viewer 1.0.0
➚](https://www.apache.org/dyn/closer.lua/age/age-viewer/apache-age-viewer-1.0.0-rc2-incubating-src.tar.gz)
| [CheckSum
➚](https://downloads.apache.org/age/age-viewer/apache-age-viewer-1.0.0-rc2-incubating-src.tar.gz.sha512)&
[Signature
➚](https://downloads.apache.org/age/age-viewer/apache-age-viewer-1.0.0-rc2-incubating-src.tar.gz.asc)
& [Key Files ➚](https://downloads.apache.org/age/KEYS) |
+| [Download Apache AGE Viewer 1.0.0
➚](https://www.apache.org/dyn/closer.lua/age/age-viewer/apache-age-viewer-1.0.0-rc2-incubating-src.tar.gz)
| [CheckSum
➚](https://downloads.apache.org/age/age-viewer/apache-age-viewer-1.0.0-rc2-incubating-src.tar.gz.sha512)&
[Signature
➚](https://downloads.apache.org/age/age-viewer/apache-age-viewer-1.0.0-rc2-incubating-src.tar.gz.asc)
& [Key Files ➚](https://downloads.apache.org/age/KEYS) & [Verify Signature
➚](https://www.apache.org/info/verification.html)
-[Verify Signature ➚](https://www.apache.org/info/verification.html)
+Please participate in the GitHub Issue [Why do you use Apache
AGE?](https://github.com/apache/age/issues/1705)
<br/><br/>
diff --git a/src/pages/getstarted/quickstart.md
b/src/pages/getstarted/quickstart.md
index f546c20f..d1551a0a 100644
--- a/src/pages/getstarted/quickstart.md
+++ b/src/pages/getstarted/quickstart.md
@@ -6,12 +6,60 @@ title: Quick Start
<div class="DeveloperGuidelines">
-## Run using Docker
-- Get the docker image
+## Pre-Installation
+Install the following essential libraries according to each OS. Building AGE
from the source depends on the following Linux libraries (Ubuntu package names
shown below):
+
+- CentOS
+```
+yum install gcc glibc glib-common readline readline-devel zlib zlib-devel flex
bison
+```
+- Fedora
+```
+dnf install gcc glibc bison flex readline readline-devel zlib zlib-devel
+```
+
+- Ubuntu
+```
+sudo apt-get install build-essential libreadline-dev zlib1g-dev flex bison
+```
+
+## Installation
+Apache AGE is intended to be simple to install and run. It can be installed
with Docker and other traditional ways.
+
+- Install PostgreSQL
+You will need to install an AGE compatible version of Postgres, for now AGE
supports Postgres 11, 12, 13, 14, 15 & 16. Supporting the latest versions is on
AGE roadmap.
+
+- Installation via Package Manager
+You can use a [package management](https://www.postgresql.org/download/) that
your OS provides to download AGE.
+```
+sudo apt install postgresql
+```
+
+- Installation From Source Code
+You can [download the Postgres](https://www.postgresql.org/ftp/source/) source
code and install your own instance of Postgres. You can read instructions on
how to install from source code for different versions on the [official
Postgres Website](https://www.postgresql.org/docs/16/installation.html).
+
+- Install AGE on Linux and MacOS
+Clone the [github repository](https://github.com/apache/age) or download the
download an [official release](https://github.com/apache/age/releases). Run the
pg_config utility and check the version of PostgreSQL. Currently, only
PostgreSQL versions 11, 12, 13, 14, 15 & 16 are supported. If you have any
other version of Postgres, you will need to install PostgreSQL version 11, 12,
13, 14, 15, or 16.
+```
+pg_config
+```
+
+Run the following command in the source code directory of Apache AGE to build
and install the extension.
+```
+make install
+```
+
+If the path to your Postgres installation is not in the PATH variable, add the
path in the arguments:
+```
+make PG_CONFIG=/path/to/postgres/bin/pg_config install
+```
+
+- Run using Docker
+Get the docker image
```
docker pull apache/age
```
-- Create AGE docker container
+Create AGE docker container
```
docker run \
--name age \
@@ -22,12 +70,13 @@ docker run \
-d \
apache/age
```
-- Enter PostgreSQL's psql:
+Enter PostgreSQL's psql:
```
docker exec -it age psql -d postgresDB -U postgresUser
```
+
## Post Installation
-- For every connection of AGE you start, you will need to load the AGE
extension.
+For every connection of AGE you start, you will need to load the AGE extension.
```
CREATE EXTENSION age;
```
@@ -39,25 +88,25 @@ LOAD 'age';
```
## Quick Start
-- To create a graph, use the create_graph function located in the ag_catalog
namespace.
+To create a graph, use the create_graph function located in the ag_catalog
namespace.
```
SELECT create_graph('graph_name');
```
-- To create a single vertex, use the CREATE clause.
+To create a single vertex, use the CREATE clause.
```
SELECT *
FROM cypher('graph_name', $$
CREATE (n)
$$) as (v agtype);
```
-- To create a single vertex with the label, use the CREATE clause.
+To create a single vertex with the label, use the CREATE clause.
```
SELECT *
FROM cypher('graph_name', $$
CREATE (:label)
$$) as (v agtype);
```
-- To query the graph, you can use the MATCH clause.
+To query the graph, you can use the MATCH clause.
```
SELECT *
FROM cypher('graph_name', $$
@@ -65,7 +114,7 @@ FROM cypher('graph_name', $$
RETURN v
$$) as (v agtype);
```
-- You can use the following to create an edge, for example, between two nodes.
+You can use the following to create an edge, for example, between two nodes.
```
SELECT *
FROM cypher('graph_name', $$
@@ -75,7 +124,7 @@ FROM cypher('graph_name', $$
RETURN e
$$) as (e agtype);
```
-- To create an edge and set properties.
+To create an edge and set properties.
```
SELECT *
FROM cypher('graph_name', $$
@@ -85,7 +134,7 @@ FROM cypher('graph_name', $$
RETURN e
$$) as (e agtype);
```
-- Example
+Example
```
SELECT *
FROM cypher('graph_name', $$
diff --git a/src/templates/blog-post.js b/src/templates/blog-post.js
index e922737f..a3094a79 100644
--- a/src/templates/blog-post.js
+++ b/src/templates/blog-post.js
@@ -2,7 +2,7 @@ import React from "react";
import PropTypes from "prop-types";
import { kebabCase } from "lodash";
import { Helmet } from "react-helmet";
-import { graphql, Link } from "gatsby";
+import { graphql, Link, navigate } from "gatsby"; // 'navigate'를 임포트합니다.
import Layout from "../components/Layout";
import Content, { HTMLContent } from "../components/Content";
@@ -14,6 +14,8 @@ export const BlogPostTemplate = ({
tags,
title,
helmet,
+ // 'navigate' 함수를 prop으로 추가합니다.
+ navigateBack
}) => {
const PostContent = contentComponent || Content;
@@ -28,6 +30,10 @@ export const BlogPostTemplate = ({
</h1>
<p>{description}</p>
<PostContent content={content} />
+ {/* 이제 prop으로 전달된 'navigateBack' 함수를 사용하여 버튼 추가 */}
+ <button onClick={navigateBack} className="button-back">
+ Return to Blog
+ </button>
{tags && tags.length ? (
<div style={{ marginTop: `4rem` }}>
<h4>Tags</h4>
@@ -55,6 +61,16 @@ BlogPostTemplate.propTypes = {
helmet: PropTypes.object,
};
+// 'navigateBack'를 위한 prop 타입 선언
+BlogPostTemplate.propTypes = {
+ content: PropTypes.node.isRequired,
+ contentComponent: PropTypes.func,
+ description: PropTypes.string,
+ title: PropTypes.string,
+ helmet: PropTypes.object,
+ navigateBack: PropTypes.func
+};
+
const BlogPost = ({ data }) => {
const { markdownRemark: post } = data;
@@ -75,6 +91,8 @@ const BlogPost = ({ data }) => {
}
tags={post.frontmatter.tags}
title={post.frontmatter.title}
+ // 'navigateBack' 함수를 정의하고 전달합니다.
+ navigateBack={() => navigate(-1)}
/>
</Layout>
);
