你没见过的 Hexo 全自动部署教程【完善版】

接着前天的文章，增加自动压缩图片、js、html、css 等文件，使用 SEO 插件，等等。

目前分为两个镜像执行构建任务：

• zuolan/hexo：监视变动，自动构建、压缩，自动部署。
• zuolan/font-spider：压缩中文字体，压缩图片。
  还有一个镜像执行web服务任务：
• nginx:alpine：提供web访问服务。

此外上传文章需要自己动手，可以试下webdav，不过我电脑有了Nextcloud，这点我就不考虑了。

自动压缩图片用的是下面两个工具：
optipng、jpegoptim
字体压缩使用的是字蛛。压缩网页静态资源使用 Hexo 的插件，已经打包到镜像中，作为默认插件了。

评论当然可以用多说，也可以自建第三方评论，比如 isso 就是开源的第三方评论系统。

今晚完善的结果

docker pull zuolan/hexo:latest

运行之前，首先新建一个文件夹，例如 hexo，然后在文件夹里面执行：

mkdir -p source/_posts themes public

这样就有了三个文件，分别存放文章、主题和构建后的页面。

准备好你的主题，放在 themes 目录下，准备好 _config.yml 配置文件，放在 hexo 文件夹中。

接下来新建一个文件 docker-compose.yml，内容如下：

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"

然后执行 docker-compose up -d 即可。
相比之前两次，这次更加简洁了。

已知问题，配置文件修改时网站不会更新，明天晚上我再填坑d(ŐдŐ๑)。。。。
部署时需要提供用户名和邮箱。

以下是全部代码

Dockerfile：

FROM mhart/alpine-node

ENV GIT_USER=izuolan
ENV [email protected]

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 "正在执行初次构建："
echo $SEPARATOR
echo "正在构建并部署页面："
ssh -o "StrictHostKeyChecking no" -T [email protected]
hexo d -g
# chmod 777 -R /hexo/public
echo "页面已经发布，容器进入监视状态。"
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 "正在执行重新构建并发布："
        hexo d -g
        # chmod 777 -R /hexo/public
        echo "新的页面构建完成。"
        echo $SEPARATOR
    done

zuolan/font-spider 压缩字体、图片的代码得再改改，明天晚上继续。

明天是最后一篇，一次性搞定，然后搬回独立博客，做个同步好了。