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許可發布。