Ano ang Look Scanned?

Ang Look Scanned ay isang magaan, browser-based na application na nagsisimulate ng mga scanned PDF effects. Ito ay idinisenyo na may pagtuon sa privacy, na nagbibigay-daan sa mga developers, designers, at sinuman pa na magdagdag ng mga authentic na scanning effects sa mga PDF nang walang pangangailangan ng physical hardware.

Bakit Hugo?

Pagkatapos suriin ang ilang static site generators para sa Look Scanned Blog, pinili namin ang Hugo dahil sa mga nakakahikayat na dahilang ito:

  1. Mabilis na Parang Kidlat - Itinayo gamit ang Go, naghahatid ang Hugo ng hindi kapani-paniwalang build speeds
  2. Developer Friendly - Simpleng configuration na may intuitive na learning curve
  3. Mayamang Theme Ecosystem - Malawakang koleksyon ng mga magagandang, na-customize na mga theme
  4. Masigla na Community - Aktibong community support at komprehensibong documentation
  5. First-class I18n - Built-in na internationalization support

Hakbang-hakbang na Setup Guide

Pag-install ng Hugo

Para sa mga macOS users (via Homebrew):

brew install hugo

Para sa mga Windows users (via Chocolatey):

choco install hugo-extended

Para sa mga Linux users, tingnan ang installation guide dito.

Paggawa ng Bagong Site

I-setup ang inyong Hugo site gamit ang mga command na ito:

hugo new site lookscanned-blog
cd lookscanned-blog

Pagdagdag ng Theme

I-install ang PaperMod theme bilang git submodule:

git init
git submodule add https://github.com/adityatelange/hugo-PaperMod themes/PaperMod

I-update ang inyong config.toml:

theme = "PaperMod"

Pag-configure ng Internationalization

Magdagdag ng multilingual support sa inyong config.toml:

defaultContentLanguage = 'en'
defaultContentLanguageInSubdir = false

[params]
  displayFullLangName = true

[languages]
  [languages.en]
    languageCode = 'en'
    languageName = 'English'
    title = 'Look Scanned Blog'
  [languages.zh]
    languageName = '简体中文'
    title = 'Look Scanned 博客'
  [languages.zh-tw]
    languageCode = 'zh-TW'
    languageName = '繁體中文'
    title = 'Look Scanned 部落格'
  # Karagdagang mga wika...

Paggawa ng Content

Gumawa ng inyong unang blog post:

hugo new posts/build-blog-using-hugo/index.fil.md

Pagpapatakbo ng Development Server

Simulan ang local development server:

hugo server -D

Bisitahin ang http://localhost:1313 upang ma-preview ang inyong site.

Mga Deployment Options

I-deploy ang inyong Hugo site nang walang hirap gamit ang GitHub Actions:

  1. GitHub Pages

    • Gumawa ng GitHub repository
    • I-push ang inyong Hugo site
    • I-enable ang GitHub Pages sa repository settings
    • I-configure ang GitHub Actions para sa automated deployment

  2. Cloudflare Pages

    • I-connect ang inyong GitHub repository
    • I-set ang build command sa hugo
    • I-configure ang publish directory bilang public

Theme Customization

Pinagaan namin ang user interface sa pamamagitan ng pag-alis ng language switcher sa site header. Makikita ninyo ang aming modified theme files dito.

Konklusyon

Nagbibigay ang Hugo ng exceptional na pundasyon para sa pagbuo ng personal blog. Ang kombinasyon nito ng bilis, flexibility, at komprehensibong documentation ay ginagawa itong mahusay na pagpipilian para sa mga developers sa anumang skill level. Habang nagiging mas pamilyar kayo sa Hugo, makakadiskobre kayo ng mga powerful na features upang makagawa ng tunay na natatanging blogging experience.

Mga Resources