成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

用 Eleventy 建立一個靜態網站

開發 開發工具
Eleventy 是一個基于 JavaScript 的 Jekyll 和 Hugo 的替代品,用于構建靜態網站。

[[407072]]

Eleventy 是一個基于 JavaScript 的 Jekyll 和 Hugo 的替代品,用于構建靜態網站。

靜態網站生成器是一種基于原始數據和一組模板生成完整的靜態 HTML 網站的工具。它可以自動完成單個 HTML 頁面的編碼任務,并讓這些頁面準備好為用戶服務。由于 HTML 頁面是預先建立的,它們在用戶的瀏覽器中加載得非常快。

靜態網站對文檔也很友好,因為靜態網站很容易擴展,而且它們是生成、維護和部署項目文檔的一種簡單方法。由于這些原因,企業經常使用它們來記錄應用編程接口 (API)、數據庫模式和其他信息。文檔是軟件開發、設計和其他方面技術的一個重要組成部分。所有的代碼庫都需要某種形式的文檔,選擇范圍從簡單的 README 到完整的文檔。

Eleventy: 一個靜態網站生成器

Eleventy(11ty)是一個簡單的靜態網站生成器,是 Jekyll 和 Hugo 的替代品。它是用 JavaScript 編寫的,它將一個(不同類型的)模板目錄轉化為 HTML。它也是開源的,在 MIT 許可下發布。

Eleventy 可以與 HTML、Markdown、Liquid、Nunjucks、Handlebars、Mustache、EJS、Haml、Pug 和 JavaScript Template Literals 協同工作。

它的特點包括:

  • 易于設置
  • 支持多種模板語言(如 Nunjucks、HTML、JavaScript、Markdown、Liquid)
  • 可定制
  • 基于 JavaScript,這是許多網絡開發者所熟悉的,新用戶也容易學習

安裝 Eleventy

Eleventy 需要 Node.js。在 Linux 上,你可以使用你的包管理器安裝 Node.js:

  1. $ sudo dnf install nodejs

如果你的包管理器沒有 Node.js,或者你不在 Linux 上,你可以從 Node.js 網站安裝它。

Node.js 安裝完畢后,就用它來安裝 Eleventy:

  1. $ npm install -g @11ty/eleventy

這就完成了!

為你的文檔建立一個靜態網站

現在你可以開始使用 Eleventy 來建立你的靜態文檔網站。以下是需要遵循的步驟。

1、創建一個 package.json 文件

要將 Eleventy 安裝到你的項目中,你需要一個 package.json 文件:

  1. $ npm init -y

2、將 Eleventy 安裝到 package.json 中

安裝 Eleventy 并保存到你的項目的 package.json 中。運行:

  1. $ npm install-save-dev @11ty/eleventy

3、運行 Eleventy

使用 npx 命令來運行你本地項目的 Eleventy 版本。在你確認安裝完成后,嘗試運行 Eleventy:

  1. $ npx @11ty/eleventy

4、創建一些模板

現在運行兩個命令來創建兩個新的模板文件(一個 HTML 和一個 Markdown 文件):

  1. $ cat << EOF >> index.html
  2. <!doctype html><html>
  3. <head>
  4. <title>Page title</title>
  5. </head><body>
  6. <p>Hello world</p>
  7. </body></html>
  8. EOF
  9. $ echo '# Page header' > index.md

這就把當前目錄或子目錄中的任何內容模板編譯到輸出文件夾中(默認為 _site)。

運行 eleventy --serve 來啟動一個開發網絡服務器。

  1. $ npx @11ty/eleventy-serve

在你的網絡瀏覽器中打開 http://localhost:8080/README/,看你的 Eleventy 輸出。

然后把 _site 中的文件上傳到你的 Web 服務器,發布你的網站給世界看。

嘗試 Eleventy

Eleventy 是一個靜態網站生成器,它易于使用,有模板和主題。如果你已經在你的開發流程中使用 Node.js,Eleventy 可能比 Jekyll 或 Hugo 更自然。它能快速提供很好的結果,并使你免于復雜的網站設計和維護。要了解更多關于使用 Eleventy 的信息,請仔細閱讀它的文檔。 

 

責任編輯:龐桂玉 來源: Linux中國
相關推薦

2011-03-02 15:47:37

PureftpdPureDBLinux

2019-01-24 09:46:38

PelicanPython生成器

2013-12-18 09:51:02

2013-09-22 14:42:55

鮑爾默微軟

2023-05-09 07:10:53

2016-03-01 14:37:47

華為

2020-09-17 10:58:58

IT文化首席信息官領導者

2021-03-05 10:13:45

Python 開發編程語言

2009-12-21 16:31:15

靜態路由設置

2020-12-31 12:09:56

Ansible實驗室Linux

2023-05-19 08:49:58

SQLAlchemy數據庫

2013-08-26 13:58:20

2009-06-23 16:42:50

用J2EE做網站

2022-10-08 08:15:55

GScriptGo 語言

2010-03-08 16:36:53

攻略備案域名注冊淘寶網

2017-11-07 22:25:17

網站評測工具YSlow

2014-04-14 15:54:00

print()Web服務器

2022-09-14 08:01:54

語法樹編譯器語法糖

2024-01-08 13:47:00

代碼分析工具

2022-12-05 17:03:33

NEC
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 国产高清视频在线观看 | 伊人最新网址 | 日韩在线免费观看视频 | 成人在线观看网站 | 国产在线观看网站 | 大香网伊人 | 国产精品视频999 | 日韩国产欧美视频 | 亚洲v日韩v综合v精品v | 91网站在线播放 | 欧美综合网 | 国产精品九九 | 污视频免费在线观看 | 久久丁香 | 黄色国产在线播放 | 国产免费又色又爽又黄在线观看 | a级毛片基地 | 国产精品久久久久久久久久久久午夜片 | 91精品无人区卡一卡二卡三 | 欧美天堂 | 久久久精| 毛片网站在线观看 | 日韩在线三级 | 国产精品欧美一区二区三区 | 亚洲综合视频 | 国产 日韩 欧美 在线 | 日本综合在线观看 | 日本精品裸体写真集在线观看 | 欧美99 | 91精品久久久久久久久 | 视频在线日韩 | 三区四区在线观看 | 东京av男人的天堂 | 国产69久久精品成人看动漫 | 国产视频二区 | 青青草社区 | 亚洲日本三级 | 国产精品色婷婷久久58 | www.久久| 天堂一区二区三区 | 中文字幕av网 |