Kinh nghiệm xây dựng website điều hướng

Lời nói đầu

Khi nói đến các trang web điều hướng, hay đơn giản là điều hướng trang web, quen thuộc nhất với hầu hết mọi người có lẽ là hao123. Các mẫu trang web điều hướng cá nhân phổ biến bao gồm WebStack, Yiwei Nav, OneNav, v.v. Nhiều người có thể đã nghĩ đến việc xây dựng trang web điều hướng của riêng họ.

 

Bài viết này sẽ hướng dẫn bạn từng bước về cách xây dựng trang web điều hướng và tạo trang chủ điều hướng cá nhân của bạn.

 

Cân bằng giữa khả năng tùy chỉnh cao và quyền riêng tư, nó hoàn toàn mang tính cá nhân. Cho dù cho mục đích sử dụng cá nhân hay chia sẻ công khai các trang web yêu thích của bạn, đó là một lựa chọn tuyệt vời.

 

Hướng dẫn minh họa siêu chi tiết, dễ dàng ngay cả đối với người mới bắt đầu!

1676139272890

 

1. Mua và tạo VPS

2. Đăng ký và giải quyết tên miền

3. Thiết lập môi trường trang web

1676139316319

 

4. Cài đặt và cấu hình trang web điều hướng OneNav

5. Cách sử dụng OneNav

6. Các vấn đề và giải pháp thường gặp

 

Chọn gói LNMP, thay đổi phiên bản PHP thành 7.2, nhấp vào "Cài đặt bằng một cú nhấp chuột" và đợi môi trường trang web hoàn tất cài đặt.

4. Cài đặt và cấu hình trang web điều hướng OneNav

Có rất nhiều mẫu trang web điều hướng, chẳng hạn như WebStack, Yiwei Nav, OneNav, v.v., nhưng hầu hết đều là chủ đề điều hướng tĩnh hoặc dựa trên WordPress, không trực tiếp hoặc thuận tiện để vận hành.

 

OneNav được chọn ở đây là một chương trình quản lý bookmark (điều hướng) chuyên nghiệp mã nguồn mở, miễn phí — nhẹ và đơn giản, dễ sử dụng và cho phép người dùng hoán đổi và phát triển các chủ đề điều hướng.

 

 

# 4.1 Tạo một trang web

Nhấp vào nút "Website" trên thanh bên trái để vào giao diện quản lý website, nhấp vào "Thêm trang web", nhập tên miền, giữ các cài đặt khác làm mặc định và gửi.

1676139357298

 

# 4.2 Tải xuống và cài đặt chương trình trang web OneNav

Truy cập thư mục trang web và trước tiên hãy xóa các tệp đi kèm với nó.

Sau đó nhấp vào "Tải xuống từ xa" và dán URL địa chỉ: https://github.com/helloxz/onenav/archive/refs/heads/main.ziphttps://chuxinya.top/down.php/4cff610cdc38e9e5dd947379630ca13c.zip,确定。

Làm mới danh sách tệp, giải nén gói nén main.zip và cắt tất cả nội dung từ thư mục onenav-main đã giải nén vào thư mục gốc của trang web, sau đó xóa onenav-main và main.zip.

# 4.3 Cài đặt bảo mật (Quan trọng!) )

Quay lại webgiao diện quản lý, nhấp vào Cài đặt → Cấu hình File→ dán mã cấu hình bên dưới vào cài đặt và lưu.

1676139386700

 

#安全设置

location ~* ^/(class|controller|db|data|functions|templates)/.*.(db3|php|php5|sql)$ {

    return 403;

}

location ~* ^/(data)/.*.(html)$ {

        deny all;

}

location /db {

        deny all;

}

 

#伪静态

rewrite ^/click/(.*) /index.php?c=click&id=$1 break;

rewrite ^/api/(.*)?(.*) /index.php?c=api&method=$1&$2 break;

rewrite /login /index.php?c=login break;

 

# 4.4 Cài đặt chứng chỉ SSL và bật HTTPS

Mở trang web, đặt SSL → → Let's Encrypt→ nhập địa chỉ email của bạn để đăng ký chứng chỉ SSL.

1676139419426

Sau khi đăng ký thành công, hãy chuyển đến thư mục chứng chỉ để triển khai chứng chỉ và bật "Forced HTTPS".

 

Bây giờ bạn đã thêm thành công khóa xanh SSL vào trang web của mình, cho phép bạn truy cập trang web qua HTTPS.

https://chuxinya.top/down.php/4cff610cdc38e9e5dd947379630ca13c.zip

# 4.5 Khởi tạo tài khoản OneNav

Truy cập webtên miền. Nếu thiết lập thành công, giao diện "Khởi tạo tên người dùng / mật khẩu" sẽ xuất hiện. Làm theo lời nhắc để nhập tên người dùng và mật khẩu quản trị viên để đăng nhập vào phần phụ trợ để sử dụng.

 

# 5.5 Thay đổi chủ đề

Tệp chủ đề nằm trong thư mục mẫu. Sau khi tải xuống chủ đề bên thứ ba, hãy giải nén vào thư mục chủ đề, sau đó bật trong phần phụ trợ.

 

Nếu cần hiển thị mô tả dưới tiêu đề trang web, bạn có thể thay đổi link_description trong cài đặt thông số chủ đề để hiển thị.

 

Nếu bạn là người đăng ký, bạn có thể tải xuống trực tiếp chủ đề từ cửa hàng trong phần phụ trợ. Nếu không hài lòng với chủ đề, bạn cũng có thể chỉnh sửa chủ đề theo cách thủ công trong tệp chủ đề.

 

© Thông báo bản quyền
THE END
Nếu bạn thích nó, hãy thể hiện sự ủng hộ của bạn
Ngón tay cái giơ lên7 Chia sẻ
Bình luận Tranh giành ghế sofa

Vui lòng đăng nhập và để lại bình luận

    Chưa có bình luận nào