前端教程:使用 npm 包 issues-originated-hexo-blog 构建博客

阅读时长 3 分钟读完

博客是前端开发者履历和分享工作的重要途径,同时也是展示自己技术水平和思维方式的平台之一。今天我们要来介绍一款 npm 包,它可以让我们基于 GitHub issues 快速搭建自己的博客,而且无需服务器和数据库。这个包就是 issues-originated-hexo-blog

1. 安装 hexo

首先我们需要安装 hexo,这是一个基于 Node.js 的静态网站生成器。你可以通过 npm 安装它:

2. 创建 GitHub 仓库

我们需要先创建一个 GitHub 仓库用于存放我们的博客。假设我们已经创建好了一个仓库,名为 your-name.github.io

3. 使用 npm 包 issues-originated-hexo-blog 快速搭建博客

下面我们开始使用 issues-originated-hexo-blog 包来快速搭建自己的博客。

3.1 安装包

首先,我们需要安装 issues-originated-hexo-blog 包,直接运行以下命令即可:

3.2 生成配置文件

安装完成后,在命令行输入:

这时你需要输入你的 GitHub 用户名,仓库名称以及一个生成的 GitHub token,详细的申请方法可以在包的 GitHub 主页中找到。

3.3 编写文章

现在,我们需要在你的 GitHub 仓库中新建一个 issue,你可以把它理解成是你的博客文章。你可以在 issue 标题中输入文章标题,在正文中输入文章内容(支持 markdown 语法)。一个 issue 对应着一个博客文章。

例如,我们创了一个 issue,标题为 Hello, World!,内容为 Hello, World! This is my first blog!

3.4 构建本地博客

现在我们需要构建本地博客,运行以下命令:

3.5 预览博客

构建完成后,可以使用以下命令在本地预览生成的博客:

它会在本地启动一个服务器,通过浏览器打开 http://localhost:4000 即可预览本地博客。

3.6 上传 GitHub 仓库

预览无误后,我们需要把博客网站上传到 GitHub 仓库中:

4. 总结

至此,我们已经完成了使用 issues-originated-hexo-blog 快速搭建博客的所有步骤。这个包是一个基于 GitHub issues 的无数据库静态博客生成工具。如果您想创建一个简单的基于 GitHub issues 的博客网站,它将是一个非常不错的选择。

示例代码可参考包的 GitHub 主页。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600568d081e8991b448e48f8

纠错
反馈