Gatsby首发,用于从无头鬼CMS创建博客。
将您的幽灵博客变成闪电快速静态网站。这个盖茨比主题是幽灵车把引擎的前端替代品,具有标准的幽灵卡斯珀皮肤和功能。所有内容均来自无头的幽灵CM。
该起动器正在Draftbox使用。在5分钟或更短的时间内,在不编码的情况下,快速,安全的前端为您的WordPress或Ghost Blog获取闪电。对于我们的DEV,我们还提供代码导出功能。
玩演示以获得第一印象。
通过运行安装此入门
gatsby new try-ghost https://github.com/draftbox-co/gatsby-attila-theme-starter
更改目录
cd try-ghost
跑步
gatsby develop
并访问您的网站http://localhost:8000
。
快速查看您将在盖茨比项目中看到的顶级文件和目录。
.
├── node_modules
├── static
├── .gitignore
├── gatsby-config.js
├── yarn.lock
├── package.json
└── README.md
/node_modules
:此目录包含项目依赖于(NPM软件包)的所有代码模块。
/static
:此目录将包含主题所需的所有静态文件,例如favicon
, logo
and robot.txt
。
.gitignore
:此文件告诉GIT它不应跟踪 /不维护版本历史记录。
gatsby-config.js
:这是盖茨比站点的主要配置文件。在这里,您可以在其中指定有关您的网站(元数据)的信息,例如网站标题和描述,您要包含的gatsby插件等(请查看配置文档以获取更多详细信息)。
yarn.lock
(请参见下面的yarn.lock
,首先)。这是一个基于为项目安装的NPM依赖项的确切版本自动生成的文件。 (您不会直接更改此文件)。
package.json
:node.js项目的清单文件,其中包括元数据(项目的名称,作者等)之类的内容。此清单是NPM知道要为您的项目安装哪些软件包的方式。
README.md
:包含有关您项目的有用参考信息的文本文件。
//siteConfig.js
module . exports = {
siteUrl : `https://your-blog.com` , // Do not include a trailing slash!
postsPerPage : 12 , //for future use
siteTitleMeta : `Gatsby Starter Ghost CMS` , // This allows an alternative site title for meta data for pages.
siteDescriptionMeta : `Gastby Starter with Ghost CMS and Casper Skin` , // This allows an site description for meta data for pages.
shareImageWidth : 1000 , // Change to the width of your default share image
shareImageHeight : 523 , // Change to the height of your default share image
shortTitle : `Ghost` , // Used for App manifest e.g. Mobile Home Screen
siteIcon : `favicon.png` , // Logo in /static dir used for SEO, RSS, and App manifest
backgroundColor : `#e9e9e9` , // Used for Offline Manifest
themeColor : `#15171A` , // Used for Offline Manifest
}
在上面显示的配置中,要更改的最重要字段是siteUrl
, siteTitleMeta
和siteDescriptionMeta
。至少更新这些以满足您的需求。
所有内容均来自Ghost CMS。如果https://cms.gotsby.org
不自定义.ghost.json
。当然,您想采购自己的内容。更改键以匹配您自己的Ghost CMS内容API键:
{
" development " : {
" apiUrl " : " http://localhost:2368 " ,
" contentApiKey " : " 9fccdb0e4ea5b572e2e5b92942 "
},
" production " : {
" apiUrl " : " http://localhost:2368 " ,
" contentApiKey " : " 9fccdb0e4ea5b572e2e5b92942 "
}
}
gatsby build
完成构建过程后,您的静态站点可以在public/
文件夹中找到。将这些文件复制到您的网络服务器。
您可以通过在幽灵设置中启用Make this site private
标志来禁用默认的幽灵车把主题前端。这可以在幽灵安装的前面进行密码保护,并设置<meta name="robots" content="noindex" />
因此您的盖茨比前端成为SEO真实的来源。
欢迎PR!如果您缺少对他人也有用的功能,请考虑为该项目做出贡献。
版权(C)2020 Draftbox-根据MIT许可发布。