Deno,一个新兴的 JavaScript 资源平台,使得开发者在构建应用程序时能够更轻松地管理依赖项,同时提供了一个更安全的环境。本文将介绍如何使用 Deno 构建一个简单的博客站点,并演示其核心功能。
安装 Deno
安装 Deno 很简单,只需要进入 Deno 官网,按照指南下载安装包并运行即可。Deno 仅支持 macOS,Linux 和 Windows 操作系统。
安装完成后,可以在终端中输入以下命令检查是否成功安装:
deno --version
如果安装成功,则会输出 Deno 的版本号。
创建博客站点
创建一个新的文件夹,命名为 "my-blog",并在其中创建一个空的 index.html 文件。
在终端中进入这个文件夹,输入以下命令:
deno run --allow-net --allow-read https://deno.land/std/http/file_server.ts
这个命令将启动一个本地文件服务器,监听当前文件夹里的所有文件。现在打开浏览器,输入 "http://localhost:4507",你会看到一个文件列表。这是因为我们还没有在文件夹中添加任何文件。
接下来,我们需要创建一个简单的博客页面。在 index.html 文件中添加以下代码:
-- -------------------- ---- ------- --------- ----- ----- ---------- ------ ----- ---------------- --------- ------------ ------- ------ -------- ------ --------- --------- ------ --------- -------- ---- ---------- -------- ----- ----- --- ----- ----------- ---------- ----- --- ------- ----- ---- ----- -------- ---------- ------ ------ ---- ------- -------- ----- ---- --------- ----- -- ---- ----- ------- -- ------- --- --------- --- ------- --- --- --- -------- ------- ---- ---- ------- ----------- ----- ------------- ------------ ---------- ------- -------- - ---- -- ---- --------- ------- -------
这个页面包括一个标题、一篇博客文章和页脚。我们需要一个服务器来提供此页面的内容。
在终端中打开一个新的窗口,输入以下代码:
-- -------------------- ---- ------- ------ - ----- - ---- --------------------------------------- ----- ------ - ------- ----- ---- --- -------------------------------------- --- ----- ------ --- -- ------- - ------------- ----- ---- --- -
这个代码片段会启动一个服务器,它会在浏览器中提供刚刚创建的 HTML 文件。我们可以在浏览器中输入 "http://localhost:8000" 查看此页面的效果。
使用 Markdown
许多博客站点使用 Markdown 语言来编写博客文章,因为它易于使用,并且具有良好的可读性。Deno 提供了一个名为 "marked" 的 Markdown 解析器,我们可以使用它来在我们的博客站点中使用 Markdown 文件。
在终端中输入以下命令安装 "marked":
deno install --allow-read --allow-write https://deno.land/x/marked/mod.ts
此命令将克隆 "marked" 代码库,并将其安装为 Deno 的全局模块。
现在,我们可以创建一个 Markdown 文件,并使用 "marked" 将其转换为 HTML。在 my-blog 文件夹中创建一个名为 "first-post.md" 的文件,并添加以下内容:
# My First Blog Post This is my very first blog post, and it's written in **Markdown**! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales nulla eget massa vehicula ultricies. Nullam ornare quam auctor, placerat velit sed, efficitur nisl.
我们需要将这个 Markdown 文件转换为 HTML,并将其插入我们的博客页面中。在 server.js 文件中,我们可以添加以下代码:
-- -------------------- ---- ------- ------ - ----- - ---- --------------------------------------- ------ - -------- - ---- ------------------------------------ ----- ------ - ------- ----- ---- --- -------------------------------------- ----- ---- - ----- -------------------------------- --- ----- ------ --- -- ------- - -- -------- --- -------------- - ----- ------------ - ----- ----------------------------------- ----- ----------- - ----------------------- ------------- ----- ---------------------- ----------------------- --- - ---- - ------------- ----- ---- --- - -
现在,在浏览器中输入 "http://localhost:8000/first-post",你会看到我们刚刚创建的博客文章,它是由 Markdown 文件自动转换为 HTML 内容的。
使用模板引擎
使用模板引擎可以更快速地建立博客站点,并使代码更具可维护性。Deno 中有许多模板引擎可供使用,但在本例中,我们将使用 ejs。
在终端中输入以下命令安装 "ejs":
deno install --allow-read --allow-write https://deno.land/x/ejs/mod.ts
此命令将克隆 "ejs" 代码库,并将其安装为 Deno 的全局模块。
现在,我们可以为我们的博客站点创建一个模板,并通过 ejs 将其渲染。在 my-blog 文件夹中创建一个名为 "post.ejs" 的文件,并添加以下内容:
-- -------------------- ---- ------- --------- ----- ----- ---------- ------ ----- ---------------- ---------- ----- ---------- ------- ------ -------- ------- ----- ------- --------- ------ --------- --- ------- -- ---------- ------- -------- - ---- -- ---- --------- ------- -------
这个模板由标题和内容组成。现在,我们可以将其渲染为 HTML 并将其插入我们的博客页面中。在 server.js 文件中,我们可以添加以下代码:
-- -------------------- ---- ------- ------ - ----- - ---- --------------------------------------- ------ - -------- - ---- ------------------------------------ ------ - ------- - ---- --------------------------------- ----- ------ - ------- ----- ---- --- -------------------------------------- ----- --------- - ----- -------------------------------- ----- ------------ - ----- ------------------------------ ----- ---------- - ---------------------- --- ----- ------ --- -- ------- - -- -------- --- -------------- - ----- ------------ - ----- ----------------------------------- ----- ----- - --- ----- ---- ------ ----- ------- - ----------------------- ----- ----------- - ------------ ------ ------- --- ------------- ----- --------------------------- ----------------------- --- - ---- - ------------- ----- --------- --- - -
现在,我们可以使用 ejs 模板引擎快速创建博客文章,并渲染成 HTML 嵌入到我们的博客站点中。
结论
本文介绍了如何使用 Deno 构建一个简单的博客站点,并演示了它的核心功能,如 Markdown 解析器和模板引擎。我们还演示了如何使用 Deno 中的模块和工具来构建和管理我们的应用程序。
Deno 提供了一个安全的环境和有用的构建工具,可以帮助我们更轻松地开发和部署应用程序。我们希望这篇文章能够为你提供学习和指导意义,使你能够更好地利用 Deno 构建你自己的应用程序。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/67082f02d91dce0dc86ed3a2