快速學(xué)習(xí)、預(yù)處理、直覺的網(wǎng)站建立器

Rino.js 是您的首選 Web 框架，用於使用 HTML、CSS 和 Typescript/Javascript 建立高效的靜態(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è)定專案並立即開始開發(fā)。

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

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

• 成本更高： 託管、流量管理和維護(hù)費(fèi)用增加。
• 複雜性：陡峭的學(xué)習(xí)曲線、複雜的規(guī)則和較慢的建造速度。
• 資源需求：更高的運(yùn)算要求。

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

• HTML 元件： 輕鬆建立可重複使用元件。
• 無縫整合：使用 JavaScript 的 npm 套件和函式庫(kù)。導(dǎo)入 CSS 檔案並產(chǎn)生為一個(gè)。
• 自動(dòng)化工具：產(chǎn)生網(wǎng)站地圖、壓縮影像等等。

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

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

命令

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

npm run dev

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

npm run generate

使用網(wǎng)站地圖產(chǎn)生靜態(tài)網(wǎng)站：

npm run generate-sitemap

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

npm run image

專案結(jié)構(gòu)

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

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

npm create rino@latest

• /mds：Markdown 文件，自動(dòng)解析為 HTML。
• /public：靜態(tài)文件，例如映像和外部資源。
• /scripts：JavaScript 函式庫(kù)。將可匯出腳本放在 /scripts/export/ 中。
• /styles：CSS 庫(kù)?？蓞R出的樣式位於 /styles/export/.

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

npm run dev

降價(jià)支持

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

npm run generate

免費(fèi)、麻省理工學(xué)院授權(quán)的開源項(xiàng)目

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

了解更多

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

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

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