Cài đặt và cấu hình Kirby trong môi trường ServBay

Kirby là gì?

Kirby là một hệ thống quản lý nội dung (CMS) linh hoạt và mạnh mẽ dựa trên tệp, phù hợp để xây dựng các loại trang web khác nhau. Kirby không phụ thuộc vào cơ sở dữ liệu, mà sử dụng hệ thống tệp để lưu trữ nội dung, khiến nó rất nhẹ và dễ triển khai.

Các bước cài đặt Kirby

Trong bài viết này, chúng tôi sẽ hướng dẫn cách cài đặt và cấu hình Kirby 4.2 trong môi trường ServBay bằng Composer.

Bước 1: Tạo thư mục dự án

Đầu tiên, tạo một thư mục dự án mới trong thư mục www của ServBay:

cd /Applications/ServBay/www
mkdir servbay-kirby-app
cd servbay-kirby-app

Bước 2: Tạo dự án Kirby bằng Composer

ServBay đã tích hợp Composer, vì vậy chúng ta có thể sử dụng Composer để tạo dự án Kirby:

composer create-project getkirby/starterkit .

Bước 3: Cấu hình máy chủ web

1. Thêm trang web mới

   Mở ServBay, nhấp vào tab "Hosts", thêm một trang web mới:

   • Tên: My Kirby Site
   • Tên miền: servbay-kirby.local
   • Loại trang web: PHP
   • Phiên bản PHP: 8.2
   • Thư mục gốc trang web: /Applications/ServBay/www/servbay-kirby-app

2. Lưu cấu hình

   Lưu cấu hình.

Bước 4: Cấu hình Kirby

1. Tạo thư mục nội dung

   Thư mục content đã được Kirby Starterkit tạo trong thư mục gốc của dự án.

Bước 5: Chạy Kirby

1. Truy cập Kirby

   Mở trình duyệt và truy cập https://servbay-kirby.local, bạn sẽ thấy trang chào mừng mặc định của Kirby.

Bước 6: Cài đặt bảng điều khiển Kirby (tùy chọn)

Nếu bạn muốn sử dụng bảng điều khiển quản trị của Kirby, có thể làm theo các bước sau để cài đặt:

1. Truy cập bảng điều khiển Kirby

   Mở trình duyệt và truy cập https://servbay-kirby.local/panel, bạn sẽ thấy trang cài đặt bảng điều khiển Kirby.

2. Tạo tài khoản quản trị viên

   Làm theo hướng dẫn trên trang để tạo tài khoản quản trị viên, điền tên người dùng, mật khẩu và địa chỉ email, sau đó nhấp vào "Tạo tài khoản".

Sử dụng Kirby để xây dựng trang web

Bây giờ bạn đã cài đặt và cấu hình thành công Kirby trong môi trường ServBay, bạn có thể bắt đầu sử dụng nó để xây dựng trang web của mình. Dưới đây là một số thao tác phổ biến:

Tạo trang và nội dung

1. Tạo trang mới

   Tạo một thư mục trang mới trong thư mục content. Ví dụ, tạo một trang about:

   mkdir content/about
   echo "Title: About Us\n----\nThis is the about page." > content/about/about.txt

2. Chỉnh sửa mẫu

   Tạo hoặc chỉnh sửa tệp mẫu trong thư mục site/templates. Ví dụ, tạo mẫu about.php:

   <!-- site/templates/about.php -->
   <h1><?= $page->title() ?></h1>
   <p><?= $page->text() ?></p>

Cấu hình menu điều hướng

1. Chỉnh sửa mẫu

   Chỉnh sửa tệp mẫu chính trong thư mục site/templates, ví dụ default.php, để thêm menu điều hướng:

   <!-- site/templates/default.php -->
   <nav>
     <ul>
       <?php foreach ($site->children()->listed() as $item): ?>
         <li>
           <a href="<?= $item->url() ?>"><?= $item->title() ?></a>
         </li>
       <?php endforeach ?>
     </ul>
   </nav>

Tùy chỉnh phong cách và tập lệnh

1. Thêm phong cách

   Tạo tệp CSS trong thư mục assets/css và tham chiếu nó trong tệp mẫu. Ví dụ, tạo style.css:

   /* assets/css/style.css */
   body {
     font-family: Arial, sans-serif;
   }

   Tham chiếu tệp CSS trong tệp mẫu:

   <!-- site/templates/default.php -->
   <link rel="stylesheet" href="<?= url('assets/css/style.css') ?>">

2. Thêm tập lệnh

   Tạo tệp JavaScript trong thư mục assets/js và tham chiếu nó trong tệp mẫu. Ví dụ, tạo script.js:

   // assets/js/script.js
   document.addEventListener('DOMContentLoaded', function() {
     console.log('Hello, Kirby!');
   });

   Tham chiếu tệp JavaScript trong tệp mẫu:

   <!-- site/templates/default.php -->
   <script src="<?= url('assets/js/script.js') ?>"></script>

Với các bước trên, bạn đã cài đặt và cấu hình thành công Kirby trong môi trường ServBay và bắt đầu sử dụng nó để xây dựng trang web của mình. Tính linh hoạt và kiến trúc dựa trên tệp của Kirby khiến nó trở thành lựa chọn lý tưởng để xây dựng các loại trang web khác nhau.