接著前天的文章，增加自動壓縮圖片、js、html、css 等文件，使用 SEO 插件，等等。

目前分為兩個鏡像執(zhí)行構(gòu)建任務(wù)：

• zuolan/hexo：監(jiān)視變動，自動構(gòu)建、壓縮，自動部署。
• zuolan/font-spider：壓縮中文字體，壓縮圖片。
  還有一個鏡像執(zhí)行web服務(wù)任務(wù)：
• nginx:alpine：提供web訪問服務(wù)。

此外上傳文章需要自己動手，可以試下webdav，不過我電腦有了Nextcloud，這點(diǎn)我就不考慮了。

自動壓縮圖片用的是下面兩個工具：
optipng、jpegoptim
字體壓縮使用的是字蛛。壓縮網(wǎng)頁靜態(tài)資源使用 Hexo 的插件，已經(jīng)打包到鏡像中，作為默認(rèn)插件了。

評論當(dāng)然可以用多說，也可以自建第三方評論，比如 isso 就是開源的第三方評論系統(tǒng)。

今晚完善的結(jié)果

docker pull zuolan/hexo:latest

運(yùn)行之前，首先新建一個文件夾，例如 hexo，然后在文件夾里面執(zhí)行：

mkdir -p source/_posts themes public

這樣就有了三個文件，分別存放文章、主題和構(gòu)建后的頁面。

準(zhǔn)備好你的主題，放在 themes 目錄下，準(zhǔn)備好 _config.yml 配置文件，放在 hexo 文件夾中。

接下來新建一個文件 docker-compose.yml，內(nèi)容如下：

version: '2'
services:
  hexo:
    container_name: hexo
    image: zuolan/hexo
    restart: always
    volumes:
      - ./:/mnt
      - $HOME/.ssh:/root/.ssh
  nginx:
    container_name: blog
    image: nginx:alpine
    restart: always
    volumes:
      - ./public:/usr/share/nginx/html:ro
    ports:
      - "4000:80"

然后執(zhí)行 docker-compose up -d 即可。
相比之前兩次，這次更加簡潔了。

已知問題，配置文件修改時網(wǎng)站不會更新，明天晚上我再填坑d(?д??)。。。。
部署時需要提供用戶名和郵箱。

以下是全部代碼

Dockerfile：

FROM mhart/alpine-node

ENV GIT_USER=izuolan
ENV GIT_EMAIL=i@zuolan.me

WORKDIR /hexo
COPY monitor.sh /monitor.sh

RUN apk add --update --no-cache git openssh inotify-tools && \
    npm install hexo-cli -g && \
    hexo init . && \
    npm install && \
    chmod a+x /monitor.sh && \
    rm -rf /hexo/source /hexo/themes /hexo/_config.yml && \
    mkdir -p /mnt/source /mnt/themes /mnt/public && \
    ln -s /mnt/source /hexo/source && \
    ln -s /mnt/themes /hexo/themes && \
    ln -s /mnt/public /hexo/public && \
    ln -s /mnt/_config.yml /hexo/_config.yml && \
    rm -rf /var/cache/apk/* && \
    rm -rf /tmp/*

RUN npm install --save hexo-renderer-jade && \
    npm install --save hexo-deployer-git && \
    npm install --save hexo-deployer-shell && \
    npm install --save hexo-neat && \
    npm install --save hexo-offline

VOLUME ["/mnt", "/root/.ssh"]
        
ENTRYPOINT ["/monitor.sh"]

安裝插件直接這樣添加：

FROM zuolan/hexo
RUN npm install --save hexo-generator-seo-friendly-sitemap && \
    npm install --save hexo-generator-feed && \
    npm install --save hexo-generator-archive && \
    npm install --save hexo-generator-category && \
    npm install --save hexo-generator-tag && \
    npm install --save hexo-toc

monitor.sh：

#!/bin/sh
SEPARATOR="================================================================"
echo "正在執(zhí)行初次構(gòu)建："
echo $SEPARATOR
echo "正在構(gòu)建并部署頁面："
ssh -o "StrictHostKeyChecking no" -T git@github.com
hexo d -g
# chmod 777 -R /hexo/public
echo "頁面已經(jīng)發(fā)布，容器進(jìn)入監(jiān)視狀態(tài)。"
VOLUMES="source themes _config.yml"
INOTIFY_EVENTS="create,delete,modify,move"
INOTIFY_OPTONS="--monitor --exclude=(\.sw[p|x]|\~|\.part)"
inotifywait -rqe ${INOTIFY_EVENTS} ${INOTIFY_OPTONS} ${VOLUMES} | \
    while read -r notifies;
    do
        echo $SEPARATOR
        echo "文件有變動："
        echo "$notifies"
        echo "正在執(zhí)行重新構(gòu)建并發(fā)布："
        hexo d -g
        # chmod 777 -R /hexo/public
        echo "新的頁面構(gòu)建完成。"
        echo $SEPARATOR
    done

zuolan/font-spider 壓縮字體、圖片的代碼得再改改，明天晚上繼續(xù)。

明天是最后一篇，一次性搞定，然后搬回獨(dú)立博客，簡書做個同步好了。