Cài đặt Docusaurus
- Cài NodeJs
- Sau đó, bạn có thể cài đặt Docusaurus thông qua lệnh sau:
npx create-docusaurus@latest my-website classic
hoặc chạy lệnh này:
npx create-docusaurus@latest my-website classic --typescript
Muốn biết thêm hướng dẫn lệnh thì gõ:
npx create-docusaurus@latest --help
Di chuyển vào thư mục my-website và chạy lệnh npm start để khởi động trang web của bạn.
cd my-website
npm start
hoặc:
cd my-website
npm run start
Truy cập vào địa chỉ http://localhost:3000 để xem trang web của bạn.
Các trang Web cần tham khảo: https://mui.com/material-ui/customization/css-theme-variables/configuration/ https://blog.thanhnamnguyen.dev/tao-trang-web-voi-docusaurus https://docusaurus-material-ui-template.vercel.app/docs/intro#start-your-site https://github.com/namnguyenthanhwork/docusaurus-material-ui-template#readme https://osd.vn/huong-dan-to-chuc-va-bo-cuc-trang-chu-sua-trang-tai-lieu-chi-tiet-cua-docusaurus
Cài thanh công,bật bảng báo: [INFO] Inside that directory, you can run several commands:
npm start
Starts the development server.
npm run build
Bundles your website into static files for production.
npm run serve
Serves the built website locally.
npm run deploy
Publishes the website to GitHub pages.
We recommend that you begin by typing:
cd 1docunam
npm start
Happy building awesome websites!
Các trang cần tham khảo:
https://docusaurus.io/
https://github.com/facebook/docusaurus
https://tutorial.docusaurus.io/
https://www.youtube.com/embed/videoseries?si=mwdskeYGdw0A-5rd&list=PLY91jl6VVD7wn8SHdWKRg3AAEKbHQYaNL
https://docusaurus.io/docs/
Trang web cũng có giao diện blog mới được xây dựng bằng các thành phần Material UI và cung cấp giao diện hiện đại, sạch sẽ để hiển thị các bài đăng trên blog. Các bài đăng trên blog được quản lý bởi một plugin blog tùy chỉnh, được định nghĩa trong src/plugins/blog-plugin.jsvà cấu hình trang chủ trong components/Homepage/index.js.
(Nguyễn Nam Thành) https://blog.thanhnamnguyen.dev/
https://mui.com/material-ui/guides/ https://hashnode.com/search?q=docusaurus https://www.youtube.com/watch?v=AzlvkoGvdK8
Để kiểm tra phiên bản Docusaurus đang dùng, ta gõ lệnh:
npx docusaurus --version
Nhớ dùng Front matter này khi muốn ẩn Table Content trong bài post:
hide_table_of_contents: true
Công cụ Search dùng "Github Nam Thành Nguyễn" : https://github.com/namnguyenthanhwork/docusaurus-material-ui-template
Dự án sử dụng plugin @easyops-cn/docusaurus-search-local cho chức năng tìm kiếm cục bộ. Plugin này cung cấp tìm kiếm toàn văn trên trang Docusaurus của bạn mà không cần phải dựa vào bất kỳ dịch vụ bên ngoài nào. Nó hỗ trợ lập chỉ mục các trang và tài liệu, thậm chí hỗ trợ tìm kiếm theo ngôn ngữ cụ thể.
Trang web cũng có giao diện blog mới được xây dựng bằng các thành phần Material UI và cung cấp giao diện hiện đại, sạch sẽ để hiển thị các bài đăng trên blog. Các bài đăng trên blog được quản lý bởi một plugin blog tùy chỉnh, được định nghĩa trong src/plugins/blog-plugin.jsvà cấu hình trang chủ trong components/Homepage/index.js.