Skip to content

Commit

Permalink
Update blog (#324)
Browse files Browse the repository at this point in the history 
* Test

* Update gatsby-config.js

* Changes search result text

* Fix gatsby-config.js and title

* Change meta description

* Fix sitemap.xml for broken links

* Update landing page: Key Update and image

* Create Blog “2024-04-21-how-to-integrate-langchain-with-apache-age-for-graph-database-applications”

* Update Blog “2024-04-21-how-to-integrate-langchain-with-apache-age-for-graph-database-applications”

* Update Blog “2024-04-21-how-to-integrate-langchain-with-apache-age-for-graph-database-applications”

* Update blog, cms

* Update blog

* Fix spelling error

* Activate "blog"

* Update download page, modified blog

* modified footer, download

* Update landing image and blog scss

* modified:   src/components/styles/Blog-post.scss

* modified:   src/pages/download/index.md

* modified:   src/templates/blog-post.js

* Create Blog “2024-04-23-beyond-chatgpt-how-to-maximize-the-use-of-chatgpt-with-interactive-graph-models”

* Create Blog “2024-04-23-combating-cyber-attack-with-apache-ages-link-analysis”

* Create Blog “2024-04-23-from-data-to-connections-leveraging-hyperconnectivity-in-e-commerce-data-part-1”

* Create Blog “2024-04-23-learn-machine-learning-with-graph-in-hyperconnected-data-part-2”

* Create Blog “2024-04-23-graph-database-in-postgresql-apache-age”

* Create Blog “2024-04-23-comparison-of-apache-age-postgraphile-and-hasura”

* modified:   static/admin/config.yml

* modified:   src/components/styles/Blog-post.scss
modified:   src/components/styles/BlogRollTemplate.module.scss
modified:   src/templates/blog-post.js

* Update Blog “blog_240401”

* Match file name format

* deleted:    src/pages/blog/blog_240401.md

* Change button color

* modified:   static/sitemap.xml

* modified blog

* modified:   src/pages/404.js
modified:   src/pages/index.md

* Create Blog “2024-04-25-discovering-the-inner-workings-of-postgresqls-data-allocation”

* Create Blog “2024-04-25-seamless-data-migration-migrating-apache-age-data-between-different-versions-of-postgresql”

* Create Blog “2024-04-25-how-to-deploy-apache-age-docker-image-on-aws”

* modified:   static/admin/config.yml

* modified:   src/pages/blog/
modified:   src/pages/blog/2024-04-25-how-to-deploy-apache-age-docker-image-on-aws.md
modified:   src/pages/blog/2024-04-25-seamless-data-migration-migrating-apache-age-data-between-different-versions-of-postgresql.md

* Create Blog “2024-05-01-what-is-a-graph-database”

* modified:   src/templates/blog-post.js

* modified:   src/pages/blog/

* modified:   src/pages/blog/

* Remove sign®

* modified ™

* Create Blog “2024-05-21-a-dockerhub-guide”

* Create Blog “2024-05-21-a-beginners-guide-to-downloading-docker”

* Create Blog “2024-05-21-basic-understanding-what-is-a-container”

* Create Blog “2024-05-21-navigating-the-maze-of-data-with-apache-age-and-langchain”

* Create Blog “2024-05-21-how-to-use-the-official-apache-age-docker-image”

* modified blogs

* Update Blog “2024-05-21-a-dockerhub-guide”

* modified BlogRoll

* modified BlogRollTemplate

* new file:   static/ads.txt
  • Loading branch information
@dpdjvhxm
dpdjvhxm authored May 27, 2024
1 parent f92f3a7 commit 61be728
Show file tree
Hide file tree
Showing 9 changed files with 687 additions and 97 deletions.
59 changes: 13 additions & 46 deletions src/components/BlogRoll.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,52 +10,21 @@ class BlogRollTemplate extends React.Component {
const { edges: posts } = data.allMarkdownRemark

return (
<div className="columns is-multiline">
<div className={styles.mainContent}>
{posts &&
posts.map(({ node: post }) => (
<div className={styles.articles} key={post.id}>
<article
className={`blog-list-item tile is-child box notification ${post.frontmatter.featuredpost ? 'is-featured' : ''
}`}
>
<div className={styles.article} key={post.id}>
<article className={styles.blogListItem}>
<header>
<p className="post-meta">
<Link
className="title has-text-primary is-size-4"
to={post.fields.slug}
>
{post.frontmatter.title}
</Link>
<span> &bull; </span> <br/>
<span className="subtitle is-size-5 is-block">
{post.frontmatter.date}
</span>
</p>
{post.frontmatter.featuredimage ? (
<div className="featured-thumbnail">
<PreviewCompatibleImage
imageInfo={{
image: post.frontmatter.featuredimage,
alt: `featured image thumbnail for post ${post.frontmatter.title}`,
width:
post.frontmatter.featuredimage.childImageSharp
.gatsbyImageData.width,
height:
post.frontmatter.featuredimage.childImageSharp
.gatsbyImageData.height,
}}
/>
</div>
) : null}
</header>
<p>
{post.excerpt}
<br />
<br />
<Link className="button" to={post.fields.slug}>
Keep Reading →
<Link className={styles.title} to={post.fields.slug}>
{post.frontmatter.title}
</Link>
</p>
<p className={styles.date}>{post.frontmatter.date}</p>
</header>
<p>{post.excerpt}</p>
<Link className={styles.keepReading} to={post.fields.slug}>
Keep Reading &rarr;
</Link>
</article>
</div>
))}
Expand All @@ -64,15 +33,14 @@ class BlogRollTemplate extends React.Component {
}
}

BlogRoll.propTypes = {
BlogRollTemplate.propTypes = {
data: PropTypes.shape({
allMarkdownRemark: PropTypes.shape({
edges: PropTypes.array,
}),
}),
}


export default function BlogRoll() {
return (
<StaticQuery
Expand Down Expand Up @@ -101,7 +69,6 @@ export default function BlogRoll() {
quality: 100
layout: CONSTRAINED
)
}
}
}
Expand All @@ -112,5 +79,5 @@ export default function BlogRoll() {
`}
render={(data, count) => <BlogRollTemplate data={data} count={count} />}
/>
);
)
}
87 changes: 37 additions & 50 deletions src/components/styles/BlogRollTemplate.module.scss
View file
Original file line number Diff line number Diff line change
@@ -1,54 +1,41 @@
.articles {
article {
display: flex;
flex-direction: row;
background-color: rgb(255, 255, 255);
border-radius: 16px;
margin-top: 8px;
margin-bottom: 8px;
header {
display: flex;

max-width: 500px;
min-width: 500px;
}
padding-left: 10%;
padding-right: 10%;
}
}

.articles {
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #ccc; // 구분선 색상과 두께 조정
.mainContent {
padding: 2rem;
max-width: 1920px;
margin: 0 auto;
padding-left: 10%; // 왼쪽에 공백을 추가합니다.
padding-right: 10%; // 오른쪽에 공백을 추가합니다.
}

.article {
margin-bottom: 2rem;
}

.blogListItem {
border-bottom: 1px solid #eaeaea;
padding-bottom: 1rem;
}

&:last-child {
border-bottom: none; // 마지막 요소에는 구분선 없음
}
.title {
font-size: 2rem;
color: #333;
text-decoration: none;
font-weight: bold;
}


.post-meta {
position: absolute; // 이미지를 절대 위치로 설정합니다.
left: 50%; // 부모 컨테이너의 가운데로 설정합니다.
top: 50%; // 부모 컨테이너의 가운데로 설정합니다.
transform: translate(-50%, -50%); // 정확히 중앙에 오도록 조정합니다.
z-index: 10; // 다른 요소들 위에 오도록 z-index 값을 설정합니다.

// 필요한 경우 width와 height도 고정할 수 있습니다.
width: 100px; // 고정된 너비를 원할 경우
height: 100px; // 고정된 높이를 원할 경우
}

.featured-thumbnail {
position: absolute; // 이미지를 절대 위치로 설정합니다.
left: 50%; // 부모 컨테이너의 가운데로 설정합니다.
top: 50%; // 부모 컨테이너의 가운데로 설정합니다.
transform: translate(-50%, -50%); // 정확히 중앙에 오도록 조정합니다.
z-index: 10; // 다른 요소들 위에 오도록 z-index 값을 설정합니다.

// 필요한 경우 width와 height도 고정할 수 있습니다.
width: 100px; // 고정된 너비를 원할 경우
height: 100px; // 고정된 높이를 원할 경우
}
.date {
font-size: 1rem;
color: #666;
}

.featuredThumbnail {
margin-top: 1rem;
margin-bottom: 1rem;
}

.keepReading {
display: inline-block;
margin-top: 1rem;
color: #007acc;
text-decoration: none;
}

2 changes: 1 addition & 1 deletion ...log/2024-04-25-discovering-the-inner-workings-of-postgresqls-data-allocation.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ description: PostgreSQL is a true gem among open-source relational database
allocation process to reveal its inner workings and discover how it ensures
optimal performance and reliability.
featuredpost: true
featuredimage: /img/logo.png
featuredimage:
---
<!--StartFragment-->

Expand Down
151 changes: 151 additions & 0 deletions src/pages/blog/2024-05-21-a-beginners-guide-to-downloading-docker.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,151 @@
---
templateKey: blog-post
title: A Beginner's Guide to Downloading Docker
date: 2024-05-21T01:56:54.293Z
description: A Beginner's Guide to Downloading Docker
featuredpost: true
featuredimage:
---
<!--StartFragment-->

Docker has become an essential technology for modern software development and deployment. It enables developers to bundle programs and dependencies into containers, resulting in a uniform environment across several computers. In this blog article, we will walk you through the process of downloading Docker step by step.



System Requirements:



1. WSL 2 Backend

* WSL version 1.1.3.0 or later.
* Windows 11 64-bit: Home or Pro version 21H2 or higher, or Enterprise or Education version 21H2 or higher.
* Windows 10 64-bit:

1. We recommend Home or Pro 22H2 (build 19045) or higher, or Enterprise or Education 22H2 (build 19045) or higher.
2. Minimum required is Home or Pro 21H2 (build 19044) or higher, or Enterprise or Education 21H2 (build 19044) or higher.

* Turn on the WSL 2 feature on Windows. For detailed instructions, refer to the [Microsoft documentation](https://learn.microsoft.com/en-us/windows/wsl/install).
* The following hardware prerequisites are required to successfully run WSL 2 on Windows 10 or Windows 11:

1. 64-bit processor with [Second Level Address Translation (SLAT)](https://en.wikipedia.org/wiki/Second_Level_Address_Translation)
2. 4GB system RAM
3. Enable hardware virtualization in BIOS. For more information, see [Virtualization](https://docs.docker.com/desktop/troubleshoot/topics/#virtualization).

Containers and images built using Docker Desktop are shared among all user accounts on the computers where it is installed. This is because all Windows accounts utilize the same virtual machine to create and operate containers. It is important to note that the Docker Desktop WSL 2 backend does not allow you to exchange containers or images between user accounts.

## Install Docker Desktop on Windows

1. Install from Command Line:

After downloading Docker Desktop Installer.exe, run the following command in a terminal to install Docker Desktop:



| |
| --- |
| |



If you’re using PowerShell you should run it as:



| |
| --- |
| |



If using the Windows Command Prompt:



| |
| --- |
| |





By default, Docker Desktop is installed at C:\Program Files\Docker\Docker.



The install command accepts the following flags:



* \--quiet: Suppresses information output when running the installer
* \--accept-license: Accepts the Docker Subscription Service Agreement now, rather than requiring it to be accepted when the application is first run
* \--no-windows-containers: Disables the Windows containers integration
* \--allowed-org=<org name>: Requires the user to sign in and be part of the specified Docker Hub organization when running the application
* \--backend=<backend name>: Selects the default backend to use for Docker Desktop, hyper-v, windows or wsl-2 (default)
* \--installation-dir=<path>: Changes the default installation location (C:\Program Files\Docker\Docker)
* \--admin-settings: Automatically creates an admin-settings.json file which is used by admins to control certain Docker Desktop settings on client machines within their organization. For more information, see Settings Management.

1. It must be used together with the --allowed-org=<org name> flag.
2. For example:

| |
| --- |
| |

* \--proxy-http-mode=<mode>: Sets the HTTP Proxy mode, system (default) or manual
* \--override-proxy-http=<URL>: Sets the URL of the HTTP proxy that must be used for outgoing HTTP requests, requires --proxy-http-mode to be manual
* \--override-proxy-https=<URL>: Sets the URL of the HTTP proxy that must be used for outgoing HTTPS requests, requires --proxy-http-mode to be manual
* \--override-proxy-exclude=<hosts/domains>: Bypasses proxy settings for the hosts and domains. Uses a comma-separated list.
* \--hyper-v-default-data-root=<path>: Specifies the default location for the Hyper-V VM disk.
* \--windows-containers-default-data-root=<path>: Specifies the default location for the Windows containers.
* \--wsl-default-data-root=<path>: Specifies the default location for the WSL distribution disk.
* \--always-run-service: Lets users switch to Windows containers without needing admin rights.



If your admin account is different to your user account, you must add the user to the docker-users group:



| |
| --- |
| |



Start Docker Desktop



Docker Desktop does not start automatically after installation. To start Docker Desktop:



1. Search for Docker, and select Docker Desktop in the search results.

![](https://lh7-us.googleusercontent.com/Y_GBdHLhHdtr-2hfMa6XCjZtT9wiQz1Xo6I3pAz5XND_fnGksxe-55I4XP6hDUsado2gKR2Z9i6SAbTP48DBaOTFny3rSo5eQ7RNGuGoqw9YGsKMtZtqBHpw0bZiGbsoFxUaJdpfWwojJ4kvm8KdmPk)



2. The Docker menu displays the Docker Subscription Service Agreement.\
Here’s a summary of the key points:

* Docker Desktop is free for small businesses (fewer than 250 employees AND less than $10 million in annual revenue), personal use, education, and non-commercial open source projects.
* Otherwise, it requires a paid subscription for professional use.
* Paid subscriptions are also required for government entities.
* The Docker Pro, Team, and Business subscriptions include commercial use of Docker Desktop.

3. Select Accept to continue. Docker Desktop starts after you accept the terms.



Note that Docker Desktop won't run if you do not agree to the terms. You can choose to accept the terms at a later date by opening Docker Desktop.



Note that Docker Desktop won't run if you do not agree to the terms. You can choose to accept the terms at a later date by opening Docker Desktop.

**For more information, see [Docker Desktop Subscription Service Agreement](https://www.docker.com/legal/docker-subscription-service-agreement/). We recommend that you also read the [FAQs](https://www.docker.com/pricing/faq).**

<!--EndFragment-->
47 changes: 47 additions & 0 deletions src/pages/blog/2024-05-21-a-dockerhub-guide.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
---
templateKey: blog-post
title: A DockerHub Guide
date: 2024-05-21T01:55:07.192Z
description: A DockerHub Guide
featuredpost: false
featuredimage: /img/banner-landing.jpg
---
<!--StartFragment-->

Docker is one of the most well-known containerization technologies. DockerHub, a treasure mine of container images and repositories, is crucial to Docker's ecosystem. In this book, we'll take a tour via DockerHub, discovering its capabilities, advantages, and best practices along the way.

What is DockerHub?

![](https://lh7-us.googleusercontent.com/CBPJ853AjUUdJw-qkmpWE5RTbwmYzxMzaHIFWz4BneHolzAeuxBzfbhPj876zoto2yJT1s832Zm1ETe4ROM35wyEHHSGE00gY_fJ0Gm8jlEoQhXVrsys9n2bq71L3JrRzu1D0jWSXRYMMxb9Pds-ZXU)

DockerHub is a cloud-based repository service offered by Docker that enables users to store and distribute container images. It acts as a central hub for Docker users, allowing them to easily collaborate, share, and manage containers.

Key Features:

1. DockerHub's **automated build** functionality allows users to automatically create container images whenever modifications are made to a linked source code repository such as GitHub or Bitbucket.
2. DockerHub offers **versioning** for container images, allowing users to save several versions of their images and revert to earlier versions as required.
3. DockerHub makes it easier for team members to **collaborate** by offering tools such as organization accounts, team management, and private repository access restrictions.
4. DockerHub supports both **public and private repositories**, allowing users to choose whether to share their images with the world or keep them private for internal usage.
5. Users may configure **webhooks and triggers** to automate a variety of actions, such as starting a new build whenever a new image is added to a repository or informing external services of image modifications.

Benefits:

1. DockerHub facilitates the process of creating, distributing, and deploying containerized apps, simplifying the development workflow.
2. DockerHub interacts smoothly with major development tools and platforms, such as GitHub, Jenkins, and Kubernetes, improving the entire development and deployment experience.
3. DockerHub, as a primary hub for Docker users worldwide, promotes community cooperation and knowledge exchange through its extensive library of public images and repositories.
4. DockerHub is designed on a strong infrastructure that ensures stability and scalability, especially during peak traffic periods. 
5. DockerHub has security capabilities such as image scanning and vulnerability detection to assist users identify and mitigate security problems in container images. Additionally, DockerHub allows customers to establish access restrictions and meet legal requirements for critical workloads.

Best Practices for DockerHub Usage:

1. Whenever feasible, **use official images** given by reliable sources on DockerHub to ensure dependability and security.
2. Keep your container **images up to date** by getting the most recent versions from DockerHub and rebuilding as required.
3. In private repositories, use **access controls and permissions** to limit who may view, pull, and push photos.
4. Use DockerHub's **automated build** capability to streamline the image creation process and assure consistency across environments.
5. Use DockerHub's image scanning features to **detect vulnerabilities** and take immediate action to address any security problems.

Conclusion

DockerHub is a key component of Docker's ecosystem, enabling developers and companies to efficiently use containerization. Users may utilize DockerHub's capabilities to optimize their development workflow, communicate with others, and confidently deploy containerized apps. As containerization gains traction, DockerHub is a beacon of innovation and cooperation in the ever-changing world of DevOps and cloud-native technologies.

<!--EndFragment-->
Loading

0 comments on commit 61be728

Please sign in to comment.