Rino，使用 HTML、CSS 和 Typescript/Javascript 的簡單靜態網站建立器

快速學習、預處理、直覺的網站建立器

Rino.js 是您的首選 Web 框架，用於使用 HTML、CSS 和 Typescript/Javascript 建立高效的靜態網站。它專為各個層級的開發人員設計，透過將標準 Web 技術的強大功能與簡化的預處理工具相結合，簡化了 Web 開發。

要求

• Node.js
• HTML
• CSS
• Javascript / Typescript

快速入門

入門非常簡單：

npm create rino@latest

只需一個命令，您就可以設定專案並立即開始開發。

為什麼為您的網站選擇 Rino.js？

Angular、React、Next.js、Vue 和 Nuxt 等現代 Web 框架重塑了 Web 應用程式開發，但它們常常面臨以下挑戰：

• 成本更高： 託管、流量管理和維護費用增加。
• 複雜性：陡峭的學習曲線、複雜的規則和較慢的建造速度。
• 資源需求：更高的運算要求。

輸入 Rino.js。 Rino.js 旨在簡化流程，專注於標準 Web 技術：HTML、CSS 和 JavaScript。它提供：

• HTML 元件： 輕鬆建立可重複使用元件。
• 無縫整合：使用 JavaScript 的 npm 套件和函式庫。導入 CSS 檔案並產生為一個。
• 自動化工具：產生網站地圖、壓縮影像等等。

即使是初學者也可以在 30 分鐘內掌握 Rino.js 的基礎知識，使其成為快速開發的絕佳選擇。請查看專案結構和語法指南以進行更深入的了解。

Rino.js 還提供靈活性：它允許您在需要時整合 React 或 Vue 等其他框架，使您的專案保持輕量級且易於管理。

命令

發展
運行開發伺服器：

npm run dev

靜態網站產生
產生您的靜態網站：

npm run generate

使用網站地圖產生靜態網站：

npm run generate-sitemap

影像壓縮
運行影像壓縮工具：

npm run image

專案結構

Rino.js 2 引入了直覺的專案目錄和檔案結構，強調自動化和簡單性。
關鍵目錄

• /pages：網頁的基本 HTML 檔案。文件和目錄結構直接反映了最終的輸出。
• /components：可重複使用的 HTML 元件。使用它們的語法如下：

npm create rino@latest

• /mds：Markdown 文件，自動解析為 HTML。
• /public：靜態文件，例如映像和外部資源。
• /scripts：JavaScript 函式庫。將可匯出腳本放在 /scripts/export/ 中。
• /styles：CSS 庫。可匯出的樣式位於 /styles/export/.

使用 JavaScript/TypeScript 進行模板化

npm run dev

降價支持

將 Markdown 直接嵌入到您的 HTML 檔案中：

npm run generate

免費、麻省理工學院授權的開源項目

Rino.js 是 MIT 授權下的開源項目，免費供所有人使用。

了解更多

• 官方網站 - https://rinojs.org/
• GitHub 討論 - https://github.com/orgs/rinojs/discussions
• GitHub - https://github.com/rinojs

立即開始您的 Rino.js 之旅，重新定義您建立網站的方式 — 更快、更簡單、更直觀。

以上是Rino，使用 HTML、CSS 和 Typescript/Javascript 的簡單靜態網站建立器的詳細內容。更多資訊請關注PHP中文網其他相關文章！