NGX-Scully-Blog：面向开发者的简单博客

PermalLink GitHub是5000多万开发人员的家园，他们一起工作，共同托管和审查代码、管理项目和构建软件。

报名。

如果你想创建一个博客来分享你的知识或推动你的事业，但你只想专注于写好文章，而不想关心其他事情，如搜索引擎优化(SEO)，托管，域名等。这个项目可以提供帮助。

NGX-Scully-Blog是一个面向开发人员的简单博客，易于设置并支持SEO。在初始设置之后，您只需专注于将博客帖子写在标记文件上。

这个项目是用角度写的，但是你不需要知道任何关于角度的知识。我会一步一步地引导你。如果你已经是一名棱角分明的开发人员，这是很棒的，因为你可以利用你以前的经验。

你需要了解Mardown才能写博客帖子。它非常简单，您可以在这里快速了解一下它的语法。

您需要安装NodeJS才能运行项目。您可以从nodejs.org/en/download下载并安装适用于您的操作系统的NodeJS版本。

需要角度CLI才能运行角度命令。在您的终端中运行npm install-g@angle/cli命令，以便在您的计算机上安装角度CLI。

如果出现错误，您可能需要运行sudo npm install-g Firebase-tools，然后需要输入操作系统密码。

在浏览器中，转到http://localhost:1668.上的Scully Static服务器。您将看起来像这样：

注意：您将看到一些难看的文本，如名字、您的职位等。不要担心，我们稍后会用您的个人信息修复这些文本。

然后，单击博客图标进入博客主页，网址为http://localhost:1668/blog.。您将看起来像这样：

恭喜你，你已经看到你的博客是什么样子了。现在您可以停止您的终端并进入下一步来设置Firebase来托管您的博客！

注意：如果您的项目名称是NGX-Scully-Blog，那么您的博客地址将是NGX-Scully-blog.web.app。您可以购买一个自定义域名，如youdomain.com，然后添加到您的项目中。

如果您已经拥有Google分析帐户，您可以将此选项保留为打开状态，然后单击下一步设置Google Analytics。

好的，我们已经设置好了Firebase。现在我们将返回源代码来个性化您的博客，使其可以部署到Firebase上。

打开您在代码编辑器的最后一步中克隆的源代码目录(NGX-Scully-Blog)，我使用的是vscode，您也可以使用您的编辑器。

打开NGX-Scully-blog/configuration/site-configs.ts文件。在这里您可以个性化网站的配置和博客上显示的内容(包括公文包页面和博客页面)。

现在，让我们定制site-configs.ts文件中的所有配置，使博客成为您自己的。我已经为每个配置添加了有用的注释，以便您可以在需要更多信息时阅读注释。

您需要设置的最后一个配置是Sitemap插件，它将为您的博客生成sitemap.xml文件。

所有配置都已设置好，您可以开始了。让我们将您的博客部署到Firebase！

打开编辑器的终端(在vscode中，使用Ctrl+`键盘快捷键)。现在您应该在项目根目录ngx-scully-blog目录中。

如果出现错误，您可能需要运行sudo npm install-g Firebase-tools，然后需要输入操作系统密码。

输入y让Firebase收集CLI使用情况和错误报告信息，如果没有，则输入n。

将打开一个新的浏览器窗口，您可以选择正确的Firebase帐户进行登录(在某些情况下，您可能需要输入电子邮件和密码)。

接下来，单击"；允许"；按钮，授予Firebase CLI访问您的Firebase帐户的权限。

Firebase CLI将询问您要为此目录设置哪些Firebase CLI功能？按空格键选择功能，然后按Enter确认您的选择：使用向下箭头键将光标移动到托管：配置和部署Firebase托管站点选项。

项目设置时，Firebase CLI将询问您一些问题：请选择一个选项：选择使用现有项目选项以使用您先前创建的Firebase项目，然后按Enter键。

为此目录选择默认的Firebase项目：选择您先前创建的项目名称，然后按Enter键。

在安装主机时，Firebase CLI会问您一些问题：您想使用什么作为您的公共目录？：输入dist/static并按Enter键。

配置为单页面应用程序(将所有URL重写为/index.html)？：输入n表示否，然后按Enter键。

在代码编辑器的终端中，在项目根目录内，运行命令npm run scully：ploy。

-标题：我的第一篇博客帖子描述：这是我发表的第一篇博客帖子描述发表的：true关键词：博客，博客帖子，我的第一篇博客帖子：assets/images/my-first-blog-post/hello-world.jpgcategories：未分类日期：2020-09-20。

关键字是描述你的帖子内容的短语，用逗号分隔。例如："；角度、前端编程、javascript编程"；

图像是当您在社交网络上共享帖子时在预览部分中显示的图像。

类别是您发布的内容所属的类别，用逗号分隔。每个类别都是ngx-scully-blog/configuration/advanced/categories.ts.中定义的每个类别项目中的一个类别键。未分类是默认创建的类别。

我创建了ngx-scully-blog/src/assets/images/my-first-blog-post并添加了hello-world.jpg图像。在您以后的帖子中，您必须添加您自己的图片。

您应该将帖子的图像分组到与选取框文件同名的目录中，例如，ngx-scully-blog/src/assets/images/my-first-blog-post目录。

运行NPM运行Scully：预览以预览您的新帖子。此命令运行成功后，转到localhost：1668/blog，您可以看到添加了新帖子。

在你的帖子中使用Tinypng压缩你的图片，这样你的博客加载速度会更快。

在Facebook上共享时，您的新帖子可能没有预览部分。转到facebook共享调试器，粘贴帖子url并多次获取您的帖子信息，然后再次共享您的帖子。