手手教你用 Docker 搭建 Hexo 博客

hexo

• 快速、简洁且高效的博客框架,Node.js 所带来的超快生成速度，让上百个页面在几秒内瞬间完成渲染。

• 只需一条指令即可部署到 GitHub Pages, Heroku 或其他网站。

• Hexo 拥有强大的插件系统，安装插件可以让 Hexo 支持 Jade, CoffeeScript。

npm install hexo-cli -g hexo init blog cd blog npm install hexo server 

以上来自Hexo 官网

到这里,你的 hexo 博客已经初始化好了, blog/public 文件夹下面已经生成了对应的 HTML 文件.

扩展阅读:

• hexo next 主题

• hexo next 主题配置

docker 部署

不 BB 这么多,先上 Dockerfile

# node 环境镜像 FROM node:latest AS build-env # 创建 hexo-blog 文件夹且设置成工作文件夹 RUN mkdir -p /usr/src/hexo-blog WORKDIR /usr/src/hexo-blog # 复制当前文件夹下面的所有文件到 hexo-blog 中 COPY . . # 安装 hexo-cli RUN npm --registry=https://registry.npm.taobao.org install hexo-cli -g && npm install # 生成静态文件 RUN hexo clean && hexo g # 配置 nginx FROM nginx:latest ENV TZ=Asia/Shanghai RUN ln -snf /usr/share/zoneinfo/$TZ /etc/localtime && echo $TZ > /etc/timezone WORKDIR /usr/share/nginx/html # 把上一部生成的 HTML 文件复制到 Nginx 中 COPY --from=build-env /usr/src/hexo-blog/public /usr/share/nginx/html EXPOSE 80 

接着跑一下看看.

docker build -t 镜像名:latest .; docker run -p 80:80 -d 镜像名:latest; 

好了,完事....

Nginx https 证书配置

最后 Nginx 配置 https 证书的步骤.

首先,你要有个证书,哪来的我不管了.

PS:良心推荐https://freessl.org/直接生成免费证书

然后 nginx.conf 如下:

 events { worker_connections 1024; } http { server { listen 443; server_name codelover.link; root /usr/share/nginx/html; index index.html index.htm; ssl on; ssl_certificate /etc/nginx/full_chain.pem; ssl_certificate_key /etc/nginx/private.key; include /etc/nginx/mime.types; default_type application/octet-stream; gzip on; gzip_min_length 5k; gzip_buffers 4 16k; gzip_http_version 1.1; gzip_comp_level 3; gzip_types text/plain application/json application/Javascript text/css application/xml text/Javascript image/jpeg image/gif image/png; gzip_vary on; } server { listen 80; server_name codelover.link; root /usr/share/nginx/html; index index.html index.htm; include /etc/nginx/mime.types; default_type application/octet-stream; } } 

这时候用 docker 跑你的 hexo-blog 镜像的时候把对应的 pem 和 key 文件映射到对应路径记录.

如下:

# codelover-blog 为配置文件路径,codelover-blog/ssl 为证书路径 docker run -p 80:80 -p 443:443 \ --name codelover-blog \ -v ~/docker-data/codelover-blog/nginx.conf:/etc/nginx/nginx.conf \ -v ~/docker-data/codelover-blog/ssl/full_chain.pem:/etc/nginx/full_chain.pem \ -v ~/docker-data/codelover-blog/ssl/private.key:/etc/nginx/private.key \ --restart=always -d 你的 hexo-blog 博客镜像; 

顺手也把非静态文件的 nginx 配置放一份,如下:

events { worker_connections 1024; } http { upstream webservers { #weigth 参数表示权值，权值越高被分配到的几率越大 #本机上的 Squid 开启 3128 端口 server 10.31.160.197:8080 weight=5; server 192.168.0.1:9090 weight=3; } server { listen 443; server_name woyaozufang.live; location / { proxy_pass http://webservers; } ssl on; ssl_certificate /etc/nginx/full_chain.pem; ssl_certificate_key /etc/nginx/private.key; error_page 500 502 503 504 /50x.html; location = /50x.html { root html; } gzip on; gzip_min_length 5k; gzip_buffers 4 16k; gzip_http_version 1.1; gzip_comp_level 3; gzip_types text/plain application/json application/Javascript text/css application/xml text/Javascript image/jpeg image/gif image/png; gzip_vary on; } server { listen 8080; server_name woyaozufang.live; location / { proxy_pass http://webservers; } error_page 500 502 503 504 /50x.html; location = /50x.html { root html; } } server { listen 80; server_name woyaozufang.live; location / { proxy_pass http://webservers; } error_page 500 502 503 504 /50x.html; location = /50x.html { root html; } } }