Tạo blog với Hexo

Hexo là một hệ thống tạo và quản lý trang web tĩnh được viết bằng JavaScript, chủ yếu được sử dụng để tạo ra các blog cá nhân, trang web cá nhân hoặc trang web tĩnh khác. Hexo là một trong những công cụ phổ biến nhất cho việc tạo và quản lý các trang web tĩnh do tính đơn giản và hiệu suất cao của nó.

Điểm nổi bật của Hexo

Tính linh hoạt: Hexo cho phép người dùng tùy chỉnh các chủ đề, bố cục và các plugin để tạo ra trang web tùy chỉnh theo nhu cầu của họ.
Hiệu suất cao: Với việc sử dụng Markdown để viết nội dung và tạo ra các trang web tĩnh, Hexo cung cấp hiệu suất cao hơn so với các hệ thống quản lý nội dung động (CMS) như WordPress.
Hỗ trợ Markdown: Markdown là một ngôn ngữ đánh dấu văn bản dễ đọc và dễ viết, Hexo sử dụng Markdown làm ngôn ngữ chính để viết nội dung trên trang web.
Quản lý bài viết dễ dàng: Hexo cung cấp các lệnh dòng lệnh để tạo, chỉnh sửa và quản lý các bài viết, giúp người dùng dễ dàng thực hiện các thao tác quản lý nội dung.
Hỗ trợ Git: Hexo tích hợp tốt với Git, cho phép bạn lưu trữ mã nguồn của trang web trên các nền tảng như GitHub, GitLab hoặc Bitbucket.
Plugin mạnh mẽ: Hexo có một hệ sinh thái plugin phong phú, giúp người dùng mở rộng tính năng của trang web của họ một cách dễ dàng.
Hỗ trợ nhiều ngôn ngữ: Hexo hỗ trợ nhiều ngôn ngữ, cho phép người dùng tạo ra các trang web đa ngôn ngữ một cách dễ dàng.

Với những tính năng và ưu điểm trên, Hexo là một lựa chọn phổ biến cho việc tạo và quản lý các trang web tĩnh hiệu quả.

Cách tạo blog với Hexo

Cách 1: Cài đặt trực tiếp với NPM

Trước tiên bạn phải cài đặt Node và NPM vào máy của bạn, mình đang sử dụng Node v14.21.3 và NPM 6.14.18, sau đó bạn chạy đoạn bash dưới.

1	npm install -g hexo-cli

Hoặc có thể chạy bash sau với người dùng nâng cao có thể thích cài đặt và sử dụng gói Hexo thay thế.

1	npm install hexo

Sau khi cài đặt, bạn có thể chạy Hexo theo hai cách:

npx hexo
Người dùng Linux có thể đặt đường dẫn tương đối của thư mục node_modules/ bằng cách dưới và chạy hexo để khởi động Hexo

1	echo 'PATH="$PATH:./node_modules/.bin"' >> ~/.profile

Cách 2: Cài đặt Hexo trên Docker

Ứu điểm khi sử dụng Docker là tiện cập nhật và chuyển đổi máy chủ.
Bắt đầu cài đặt nhé ACE.

Bắt đầu cài đặt nhé ACE.

Tạo file có tên Dockerfile với nội dung bên dưới

FROM node:14.21

MAINTAINER Thuanqt <info@thuanqt.com>
ENV HEXO_SERVER_PORT=4000

# Install requirements: Git, Hexo cli
RUN \
 apt-get update && \
 apt-get install git -y && \
 npm install -g hexo-cli

# Set workdir
WORKDIR /app

# Expose Server Port
EXPOSE ${HEXO_SERVER_PORT}

# Nếu thư mục có chứa giữ liệu thì bỏ qua, nếu chưa thì tạo mới project hexo
CMD \
  if [ "$(ls -A /app)" ]; then \
    echo "***** App directory exists and has content, continuing *****" && \
    npm install; \
  else \
    echo "***** App directory is empty, initialising with hexo *****" && \
    hexo init && \
    npm install; \
  fi; \
  echo "***** Starting server on port ${HEXO_SERVER_PORT} *****" && \
  hexo server -d -p ${HEXO_SERVER_PORT}

Chạy lệnh sau trên thư mục có chưa file Dockerfile để build image.

1	docker build -t hexo-thuanqt .

Tạo container từ image vừa build xong.

docker create --name=hexo \
-e HEXO_SERVER_PORT=4000 \
-v /www/wwwroot/thuanqt.com/hexo:/app \
-p 4000:4000 \
hexo-thuanqt:latest

Nhớ thay /www/wwwroot/thuanqt.com/hexo thành đường dẫn lưu nội dung Hexo của bạn nhé.

Lần đầu Container hexo vừa tạo sẽ bị dừng, bạn start Container hexo sẽ hoạt động bình thường nhé.

Bạn đọc thêm thông tin tại đây:

https://hexo.io/docs/

Một số Plugin dành cho Hexo

Hexo Admin - Giao diện người dùng quản trị cho công cụ blog Hexo. Dựa trên giao diện Ghost, lấy cảm hứng từ svbtle và prose.io.
Hexo Myadmin - Cũng là một plugin bảng điều khiển hexo được viết bởi vue3, dành cho máy chủ blog trực tiếp Hexo, Hexo myadmin cải tiến từ Hexo Admin có giao diện khá là đẹp nhưng lại không có chức năng Upload hình ảnh và 1 vài chức năng khác, bù lại có thể can thiệp sâu hơn tệp bài viết.

Lệnh PM2 sử dụng hexo server

Khởi chạy Hexo server với PM2: pm2 start npx --name "hexo" -- hexo server

Lưu cấu hình PM2: pm2 save

Thiết lập PM2 khởi động cùng hệ thống: pm2 startup

Thuan QT