Implementeer op het DigitalOcean-appplatform

Sun, 21 Jan 2024 15:00:19 +0800

Vereisten

DigitalOcean-account

Dockerbestand maken

Maak de Dockerfile aan in de hoofdmap van uw site.

Onze starter sjabloon bevat al de Dockerfile.

 1###############
 2# Build Stage #
 3###############
 4FROM hugomods/hugo:exts as builder
 5
 6COPY . /src
 7
 8ENV HUGO_ENV=production
 9
10# Base URL
11ARG HUGO_BASEURL=
12ENV HUGO_BASEURL=${HUGO_BASEURL}
13
14# Module Proxy
15ARG HUGO_MODULE_PROXY=
16ENV HUGO_MODULE_PROXY=${HUGO_MODULE_PROXY}
17
18# NPM mirrors, such as https://registry.npmmirror.com
19ARG NPM_CONFIG_REGISTRY=
20ENV NPM_CONFIG_REGISTRY=${NPM_CONFIG_REGISTRY}
21
22# Install dependencies
23RUN npm ci
24
25# Build site
26RUN hugo --minify --gc --enableGitInfo
27
28# Set the fallback 404 page if defaultContentLanguageInSubdir is enabled, please replace the `en` with your default language code.
29# RUN cp ./public/en/404.html ./public/404.html
30
31###############
32# Final Stage #
33###############
34FROM hugomods/hugo:nginx
35COPY --from=builder /src/public /site

De /site is de uitvoermap van statische bestanden, die later zal worden gebruikt.

App maken

Navigeer naar DigitalOcean Dashboard -> Left Panel -> Apps -> Create App en vul het formulier als volgt in.

Een Docker-image bouwen

Wed, 13 Jul 2022 10:30:29 +0800

In dit artikel wordt gedetailleerd beschreven hoe u een Docker-image bouwt.

Principe

Gebruik Hugo om de site te bouwen en statische bestanden te genereren.
Gebruik Nginx als server om verzoeken af te handelen.

Dockerbestand

Maak een Dockerfile in de hoofdmap van de site.

 1###############
 2# Build Stage #
 3###############
 4FROM razonyang/hugo as builder
 5
 6WORKDIR /src
 7COPY . /src
 8
 9ARG HUGO_ENV=production
10ENV HUGO_ENV=${HUGO_ENV}
11
12# Base URL
13ARG HUGO_BASEURL=/
14ENV HUGO_BASEURL=${HUGO_BASEURL}
15
16# Module Proxy
17ARG HUGO_MODULE_PROXY=
18ENV HUGO_MODULE_PROXY=${HUGO_MODULE_PROXY}
19
20# NPM mirrors, such as https://registry.npmmirror.com
21ARG NPM_CONFIG_REGISTRY=
22ENV NPM_CONFIG_REGISTRY=${NPM_CONFIG_REGISTRY}
23
24# Install dependencies
25RUN npm install
26RUN npm install -g @fullhuman/postcss-purgecss rtlcss
27
28# Build site
29RUN hugo --minify --gc --enableGitInfo
30
31# Set the fallback 404 page if defaultContentLanguageInSubdir is enabled, please replace the `en` with your default language code.
32# RUN cp ./public/en/404.html ./public/404.html
33
34###############
35# Final Stage #
36###############
37FROM nginx
38COPY --from=builder /src/public /app
39COPY deploy/nginx/default.conf /etc/nginx/conf.d/default.conf

Er zijn twee fasen in de build: een build-fase en een release-fase. De releasefase bevat alleen de gegenereerde statische bestanden, waardoor de grootte van de Docker-image zo klein mogelijk blijft.
Als u defaultContentLanguageInSubdir heeft ingeschakeld, verwijder dan de opmerkingen en wijzig deze indien nodig.
De parameter HUGO_BASEURL wordt gebruikt om de baseURL van de site op te geven tijdens het bouwen, en wordt over het algemeen gebruikt wanneer de baseURL afwijkt van de configuratie, dus u kunt deze zelf verwijderen als u deze niet nodig heeft.
HUGO_MODULE_PROXY en NPM_CONFIG_REGISTRY zijn optionele buildparameters die kunnen worden verwijderd als ze niet nodig zijn.

Nginx

Maak een deploy/nginx/default.conf in de hoofdmap van de site:

Docker on Martijn's Notes