快速學(xué)習(xí)、預(yù)處理、直觀的網(wǎng)站構(gòu)建器

Rino.js 是您的首選 Web 框架，用于使用 HTML、CSS 和 Typescript/Javascript 構(gòu)建高效的靜態(tài)網(wǎng)站。它專為各個(gè)級(jí)別的開發(fā)人員設(shè)計(jì)，通過將標(biāo)準(zhǔn) Web 技術(shù)的強(qiáng)大功能與簡(jiǎn)化的預(yù)處理工具相結(jié)合，簡(jiǎn)化了 Web 開發(fā)。

要求

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

快速入門

入門非常簡(jiǎn)單：

npm create rino@latest

只需一個(gè)命令，您就可以設(shè)置項(xiàng)目并立即開始開發(fā)。

為什么為您的網(wǎng)站選擇 Rino.js？

Angular、React、Next.js、Vue 和 Nuxt 等現(xiàn)代 Web 框架重塑了 Web 應(yīng)用程序開發(fā)，但它們常常面臨以下挑戰(zhàn)：

• 成本更高： 托管、流量管理和維護(hù)費(fèi)用增加。
• 復(fù)雜性：陡峭的學(xué)習(xí)曲線、復(fù)雜的規(guī)則和較慢的構(gòu)建速度。
• 資源需求：更高的計(jì)算要求。

輸入 Rino.js。Rino.js 旨在簡(jiǎn)化流程，專注于標(biāo)準(zhǔn) Web 技術(shù)：HTML、CSS 和 JavaScript。它提供：

• HTML 組件： 輕松構(gòu)建可重用組件。
• 無縫集成：使用 JavaScript 的 npm 包和庫。導(dǎo)入 CSS 文件并生成為一個(gè)。
• 自動(dòng)化工具：生成站點(diǎn)地圖、壓縮圖像等等。

即使是初學(xué)者也可以在 30 分鐘內(nèi)掌握 Rino.js 的基礎(chǔ)知識(shí)，使其成為快速開發(fā)的絕佳選擇。查看項(xiàng)目結(jié)構(gòu)和語法指南以進(jìn)行更深入的了解。

Rino.js 還提供靈活性：它允許您在需要時(shí)集成 React 或 Vue 等其他框架，使您的項(xiàng)目保持輕量級(jí)且易于管理。

命令

發(fā)展
運(yùn)行開發(fā)服務(wù)器：

npm run dev

靜態(tài)網(wǎng)站生成
生成您的靜態(tài)網(wǎng)站：

npm run generate

使用站點(diǎn)地圖生成靜態(tài)網(wǎng)站：

npm run generate-sitemap

圖像壓縮
運(yùn)行圖像壓縮工具：

npm run image

項(xiàng)目結(jié)構(gòu)

Rino.js 2 引入了直觀的項(xiàng)目目錄和文件結(jié)構(gòu)，強(qiáng)調(diào)自動(dòng)化和簡(jiǎn)單性。
關(guān)鍵目錄

• /pages：網(wǎng)頁的基本 HTML 文件。文件和目錄結(jié)構(gòu)直接反映了最終的輸出。
• /components：可重用的 HTML 組件。使用它們的語法如下：

npm create rino@latest

• /mds：Markdown 文件，自動(dòng)解析為 HTML。
• /public：靜態(tài)文件，例如圖像和外部資源。
• /scripts：JavaScript 庫。將可導(dǎo)出腳本放在 /scripts/export/ 中。
• /styles：CSS 庫?？蓪?dǎo)出的樣式位于 /styles/export/.

使用 JavaScript/TypeScript 進(jìn)行模板化

npm run dev

降價(jià)支持

將 Markdown 直接嵌入到您的 HTML 文件中：

npm run generate

免費(fèi)、麻省理工學(xué)院許可的開源項(xiàng)目

Rino.js 是 MIT 許可下的開源項(xiàng)目，免費(fèi)供所有人使用。

了解更多

• 官方網(wǎng)站 - https://rinojs.org/
• GitHub 討論 - https://github.com/orgs/rinojs/discussions
• GitHub - https://github.com/rinojs

立即開始您的 Rino.js 之旅，重新定義您構(gòu)建網(wǎng)站的方式 — 更快、更簡(jiǎn)單、更直觀。

以上是Rino，使用 HTML、CSS 和 Typescript/Javascript 的簡(jiǎn)單靜態(tài)網(wǎng)站構(gòu)建器的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！