blog template

基於AI Summer的科技部落格模板

目前模板可用於科學博客，因為它支援各種必要的組件，例如：

• 乳膠渲染
• 帶有突出顯示的程式碼區塊
• 參考文獻和引文
• 嵌入 gif 和視頻
• 互動組件
• 目錄
• 類似文章

其他重要功能：

• 能夠按主題過濾和顯示帖子
• 可自訂的作者頁面
• 100% 回應
• 可以使用標準 React 程式碼或使用 Markdown 建立頁面
• 使用 Flexsearch 透過本機索引進行搜尋
• SEO 準備就緒
• 響應式影像和影像預處理管道
• 谷歌分析和標籤管理器
• robots.txt生成
• XML 提要生成
• 網站地圖生成

請參閱我們網站上的實例

這個範本基於 theaisummer.com，我們刪除了所有不必要的內容，以便為科學部落格提供一個最小的、即用型但功能豐富的框架。

重要訊息

• 該模板是使用 Gatsby v2 構建的，因此需要熟悉 React。對於想要自訂它的人，我們強烈建議您查看 Gatsby 官方文檔
• 使用 Typescript 和 TSX 取代 Javascript
• Sass 預處理器用於樣式化
• 使用 MDX 代替 Markdown，因此我們可以在 Markdown 中新增自訂 React 元件。這使我們能夠實現高度可自訂性、互動式小部件等等。
• Latex是用Katex和remark-math渲染的
• 程式碼區塊使用 prism-react-renderer 渲染
• 遵循 Gatsby 範式，使用 GraphQL 查詢網站內容
• 也可以使用 YAML 檔案取得內容
• 可以使用react-hook-form建立表單
• 滾動支援動畫

如何運行模板

1. 安裝必要的依賴項

 $ yarn install

2. 跑吧蓋茲比

 $ yarn start

部署前需要做什麼？

• 使用您的網站資訊更新gatsby-config
• 在assets/images/中上傳您的商標和圖標
• 更新Seo.tsx元件
• 更新styles/中的主題
• 更新site-content中的 yaml 文件

如何部署

1. 建構最終的靜態文件

 $ yarn build

2. 預覽網站

 $ yarn serve

3. 將public轉移到您選擇的託管選項。例如，AI Summer 部署在 Firebase 託管上，但任何物件儲存都可以。

 $ firebase deploy

支援

如果您真的喜歡這個儲存庫並發現它有用，請考慮 (★)為其加註星標，以便它可以覆蓋更廣泛的志趣相投的受眾。我們將不勝感激:)！

貢獻和報告錯誤

非常歡迎您透過添加更多功能、修復錯誤等來為模板做出貢獻。請記住，該模板是由機器學習工程師而不是 Web 開發人員創建的，所以我們提前表示誠摯的歉意？

如果您發現錯誤，請建立 GitHub 問題，或者更好的是提交拉取請求。同樣，如果您有疑問，只需將其作為 GitHub 問題發布即可。更多資訊請點這裡。

現任團隊

塞爾吉奧斯·卡拉吉亞納科斯、尼古拉斯·阿達洛格魯和伊利亞斯·帕帕斯塔蒂斯

執照

版權所有 2022，人工智慧之夏。

根據 Apache 授權 2.0 版獲得許可

查看完整的許可證。