接着前天的文章,增加自动压缩图片、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 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 "正在执行初次构建:"
echo $SEPARATOR
echo "正在构建并部署页面:"
ssh -o "StrictHostKeyChecking no" -T git@github.com
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 压缩字体、图片的代码得再改改,明天晚上继续。
明天是最后一篇,一次性搞定,然后搬回独立博客,简书做个同步好了。