initial commit

Author: tangramor

Dockerfile

@@ -0,0 +1,11 @@
+FROM node:17-alpine3.15
+
+COPY entrypoint.sh /
+
+WORKDIR /slidev
+
+RUN npm config set registry https://registry.npm.taobao.org &&\
+    # npm i -g @slidev/cli @slidev/theme-default @slidev/theme-seriph &&\
+    chmod +x /entrypoint.sh
+
+ENTRYPOINT [ "/entrypoint.sh" ]

README.md

@@ -0,0 +1,59 @@
+# Slidev Docker image
+
+work with [Slidev](https://sli.dev/). Just run following command in your work folder:
+
+```bash
+docker run --name slidev --rm -it \
+    --user node \
+    -v ${PWD}:/slidev \
+    -p 3030:3030 \
+    tangramor/slidev:latest
+```
+
+If your work folder is empty, it will generate an template `slides.md` and other related files under your work folder, and launch the server on port `3030`. 
+
+You can access your slides from http://localhost:3030/
+
+
+## Build deployable image
+
+Or you can create your own slidev project to a docker image with Dockerfile:
+
+```Dockerfile
+FROM tangramor/slidev:latest
+
+ADD . /slidev
+
+```
+
+Create the docker image: `docker build -t myppt .`.
+
+And run the container: `docker run --name myslides --rm --user node -p 3030:3030 myppt`
+
+You can visit your slids from http://localhost:3030/
+
+
+## Build hostable SPA (Single Page Application)
+
+Run command `docker exec -i slidev npx slidev build` on the runing container `slidev`. It will generate static HTML files under `dist` folder.
+
+You can host `dist` in a static web site such as Github pages or Gitlab pages. You can also host it by your self:
+
+```bash
+docker run --name myslides --rm -p 80:80 -v ${PWD}/dist:/usr/share/nginx/html nginx:alpine
+```
+
+Or create a static image with following Dockerfile:
+
+```Dockerfile
+FROM nginx:alpine
+
+COPY dist /usr/share/nginx/html
+
+```
+
+Create the docker image: `docker build -t mystaticppt .`.
+
+And run the container: `docker run --name myslides --rm -p 80:80 mystaticppt`
+
+You can visit your slids from http://localhost/

build.sh

@@ -0,0 +1,3 @@
+#!/bin/bash
+
+docker build -t tangramor/slidev .

docker_run.sh

@@ -0,0 +1,7 @@
+#!/bin/bash
+
+docker run --name slidev -d --rm -it \
+    --user node \
+    -v ${PWD}:/slidev \
+    -p 3030:3030 \
+    tangramor/slidev:latest

entrypoint.sh

@@ -0,0 +1,18 @@
+#!/bin/sh
+
+npm config set registry https://registry.npm.taobao.org 
+
+if [ -f /slidev/slides.md ]; then
+    if [ -d /slidev/node_modules ]; then
+        npm update
+    else
+        npm install
+    fi
+    echo "Start slidev..."
+    npx slidev --remote
+else
+    echo "slides.md not found in the bind mount to /slidev"
+    npm install @slidev/cli @slidev/theme-default @slidev/theme-seriph
+    cp -f /slidev/node_modules/@slidev/cli/template.md /slidev/slides.md
+    npx slidev --remote
+fi