使用 Deno 构建一个简单的博客站点

阅读时长 8 分钟读完

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

纠错
反馈