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