hugo with firebase

1 tech

build HUGO on firebase

HUGO

  • HUGO intro
  • static website framework
  • fast (base on GO lan)
  • local serve livereload

Install

Command Line:

brew install hugo
cd work folder
hugo new site [website_name]
hugo new post/[article_title].md

  • 找一個喜歡的樣板

  • HUGO themes

  • 樣板頁面有相關教學 Configuration 有許多可設定的地方

  • 依據官方案例先使用於 website folder

  • git clone git@github.com:SenjinDarashiva/hugo-uno.git themes/hugo-uno

config.toml 設定語系、名稱、樣板:

languageCode = "zh-TW"
title = "test hugo site"
theme = "hugo-uno"
  • hugo serve
  • http://localhost:1313/ 可預覽成果

Firebase

  • 後端服務平臺（Backend as a Services，BaaS）
  • 快速建置
  • services：
    • Analytics
    • Authentication
    • Realtime database
    • Cloud Storage (CDN)
    • Hosting
    • Function
    • Test Lab
    • Crash Reporting
    • Performance
    • Notifications
    • Remote Config
    • Dynamic Links
    • AdMob
  • price

Hosting

  • HTTPS
  • Fast
  • Rollback

部署流程： Firebase CLI (Command Line Interface) 需要先安裝 Node.js

Command Line:

`npm install -g firebase-tools`
`firebase login`
`firebase init`
`firebase serve` (http://localhost:5000) local preview
`firebase deploy`
hugo firebase