新闻资讯

新闻资讯
首页 > 新闻资讯 > 正文内容

诸暨做网站公司(中国做网站的公司排名)

时间:2023-11-08 信途科技新闻资讯

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:

$ sudo dnf install nodejs

如果你的包管理器没有 Node.js,或者你不在 Linux 上,你可以从 Node.js 网站安装它。

Node.js 安装完毕后,就用它来安装 Eleventy:

$ npm install -g @11ty/eleventy

这就完成了!

为你的文档建立一个静态网站

现在你可以开始使用 Eleventy 来建立你的静态文档网站。以下是需要遵循的步骤。

1、创建一个 package.json 文件

要将 Eleventy 安装到你的项目中,你需要一个 package.json文件:

$ npm init -y

2、将 Eleventy 安装到 package.json 中

安装 Eleventy 并保存到你的项目的 package.json中。运行:

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

3、运行 Eleventy

使用 npx命令来运行你本地项目的 Eleventy 版本。在你确认安装完成后,尝试运行 Eleventy:

$ npx @11ty/eleventy

4、创建一些模板

现在运行两个命令来创建两个新的模板文件(一个 HTML 和一个 Markdown 文件):

$ cat > index.htmlage title

Hello world

EOF $ echo '# Page header' > index.md

这就把当前目录或子目录中的任何内容模板编译到输出文件夹中(默认为 _site)。

运行 eleventy --serve来启动一个开发网络服务器。

$ npx @11ty/eleventy-serve

在你的网络浏览器中打开 http://localhost:8080/README/,看你的 Eleventy 输出。

然后把 _site中的文件上传到你的 Web 服务器,发布你的网站给世界看。

尝试 Eleventy

Eleventy 是一个静态网站生成器,它易于使用,有模板和主题。如果你已经在你的开发流程中使用 Node.js,Eleventy 可能比 Jekyll 或 Hugo 更自然。它能快速提供很好的结果,并使你免于复杂的网站设计和维护。要了解更多关于使用 Eleventy 的信息,请仔细阅读它的文档。

本文基于 为开源项目建立技术文档静态网站,首次发布在 Nwokocha Wisdom Maduabuchi 的 Medium 上,经授权转载。

via: https://opensource.com/article/21/6/static-site-builder

作者:Nwokocha Wisdom选题:lujun9972译者:geekpi校对:wxy

本文由 LCTT原创编译,Linux中国荣誉推出

扫描二维码推送至手机访问。

版权声明:本文由信途科技转载于网络,如有侵权联系站长删除。

转载请注明出处https://www.xintukeji.cn/xintu/12324.html

相关文章

付费引流推广方式(零售引流推广的几种方式)

随着电商之间的竞争不断增加付费引流推广方式,很多商家为了给店铺吸引更多流量选择使用付费推广付费引流推广方式,小编在这里告诉大家,付费的引流推广是有必要的,而且非常有必要,它能够存活这么久,就证明了它的...

新店怎样做引流推广(拼多多新店怎么推广引流)

大家好,我是古圣,今天给大家分享一个简单粗暴的万能精准引流技巧,如果你还不知道怎么精准引流推广,一定要学一下这个方法。此方法简单粗暴,学会就可以直接上手,操作后也可以立马见效。引流其实很简单,我们要做...

美容院引流方案微信推广(美容院引流方案100)

三人行管理咨询师李老师认为,应该从以下四个方面入手:1、选项目:要明确自己店内的项目定位,哪些是拓客项目;2、定价格:调研竞争对手拓客卡的价格并结合自己的成本确定价格;3、定方式:通过什么方式推广很重...

重庆綦江网络营销策划公司,宁波网络营销策划哪家公司好

重庆达内教育为您推荐重庆綦江网络营销培训以及新开班,上课地址,电话,学习资料重庆綦江网络营销培训就选重庆达内教育,专业的网络营销培训机构。綦江互联网品牌宣传推广营销策划公司顾问教练王启宾,人称点子王,...

抖音引流推广怎么发(抖音引流推广怎么做)

抖音打造出了很多网红产品和网红品牌,所以,有很多企业都会把自己的目光放在抖音引流上。但是,他们也会因为不知道如何做抖音引流而烦恼。那么,企业怎么做抖音引流呢?下面就来看看引流方法。  一、视频置顶  ...

韩国网络营销平台,网络销售平台排名前十

韩国首尔专业儿童摄影开启新纪元 网络营销模式大家一定在疑惑什么是网络营销模式吧?说白了呢就是网络咨询+网上订单+。韩国企业iNFINIHANCE英菲尼瀚斯科技有限公司是主要经营网络营销相关软件和服务开...

现在,非常期待与您的又一次邂逅

我们努力让每一次邂逅总能超越期待

  • 效果付费
    效果付费

    先出效果再付费

  • 极速交付
    极速交付

    响应速度快,有效节省客户时间

  • 1对1服务
    1对1服务

    专属客服对接咨询

  • 持续更新
    持续更新

    不断升级维护,更好服务用户