打造任何地方都能使用的markdown写作软件：Typora云端化

打造任何地方都能使用的MARKDOWN写作软件：TYPORA云端化 新媒体平台众多，每个平台都要修改自己的代码，实在太麻烦了。markdown是目前我发现最好用写作软件，但是我不能随时带着电脑满世界跑

新媒体平台众多，每个平台都要修改自己的代码，实在太麻烦了。markdown是目前我发现最好用写作软件，但是我不能随时带着电脑满世界跑吧，有没有云端化的Typora呢?

官方暂时还没有，那我们就自己来打造一个云端化写作利器：typora

我们使用基于Linux系统桌面环境+easy-no-vnc+caddy 数据转发的形式构建，需要安装的软件有：easy-novnc, openbox, tigervnc, supervisor, typora, caddyserver

为避免对宿主机产生影响，我们使用docker容器部署我们的云端化方案，确保宿主机安装了docker服务。

创建目录

在宿主机上创建所需目录：

mkdir ~/typoramkdir ~/caddy 

两个文件夹分别用于typora软件、caddyserver软件的docker环境的构建，typora环境提供typora的运行环境，包括vnc、novnc、openbox、typora等；caddyserver负责运行一个http server，实现对http请求转发到novnc，通过对文件目录提供http、webdav两种协议的访问，这样写作的markdown文本可以通过这两种协议同步到本地。

整体文件结构如下：

.├── caddy│   ├── Caddyfile│   └── Dockerfile└── typora    ├── Dockerfile    ├── menu.xml    └── supervisord.conf2 directories, 5 files

创建文件

nano ~/caddy/Caddyfile

新增内容如下：

{    order webdav last}:8081 {    log    root * /data    reverse_proxy typora-app:8080    handle_path /files/* {        file_server browse    }    redir /files /files/    handle /webdav/* {        webdav {            prefix /webdav        }    }    redir /webdav /webdav/    basicauth /* {        {env.APP_USERNAME} {env.APP_PASSWORD_HASH}    }}

Caddyfile是caddyserver运行的配置文件，以上内容定义server的端口，代理转发，webdav，访问控制的用户信息等。

接着，新建Dockerfile：

nano ~/caddy/Dockerfile

Dockerfile内容如下：

FROM golang:1.14-buster AS caddy-buildWORKDIR /srcRUN echo 'module caddy' > go.mod &&     echo 'require github.com/caddyserver/caddy/v2 v2.1.1' >> go.mod &&     echo 'require github.com/mholt/caddy-webdav v0.0.0-20200523051447-bc5d19941ac3' >> go.modRUN echo 'package main' > caddy.go &&     echo 'import caddycmd "github.com/caddyserver/caddy/v2/cmd"' >> caddy.go &&     echo 'import _ "github.com/caddyserver/caddy/v2/modules/standard"' >> caddy.go &&     echo 'import _ "github.com/mholt/caddy-webdav"' >> caddy.go &&     echo 'func main() { caddycmd.Main() }' >> caddy.goRUN go env -w GOPROXY=https://goproxy.cn &&     go build -o /bin/caddy .FROM debian:busterRUN echo "deb http://mirrors.aliyun.com/debian buster main contrib non-free" > /etc/apt/sources.list &&     echo "deb-src http://mirrors.aliyun.com/debian buster main contrib non-free" >> /etc/apt/sources.list  &&     echo "deb http://mirrors.aliyun.com/debian buster-updates main contrib non-free" >> /etc/apt/sources.list &&     echo "deb-src http://mirrors.aliyun.com/debian buster-updates main contrib non-free" >> /etc/apt/sources.list &&     echo "deb http://mirrors.aliyun.com/debian-security buster/updates main contrib non-free" >> /etc/apt/sources.list &&     echo "deb-src http://mirrors.aliyun.com/debian-security buster/updates main contrib non-free" >> /etc/apt/sources.list.RUN apt-get update -y &&     apt-get install -y --no-install-recommends gosu &&     rm -rf /var/lib/apt/listsCOPY --from=caddy-build /bin/caddy /usr/local/bin/COPY Caddyfile /etc/EXPOSE 8081RUN groupadd --gid 1000 app &&     useradd --home-dir /data --shell /bin/bash --uid 1000 --gid 1000 app &&     mkdir -p /dataVOLUME /dataWORKDIR /dataCMD ["sh", "-c", "chown app:app /data && exec gosu app /usr/local/bin/caddy run -adapter caddyfile -config /etc/Caddyfile"]

caddyserver的配置完成后，进入到typora目录配置。

新增Dockerfile文件：

nano ~/typora/Dockerfile

内容如下：

FROM golang:1.14-buster AS easy-novnc-buildWORKDIR /srcRUN go env -w GOPROXY=https://goproxy.cn &&     go mod init build &&     go get github.com/geek1011/easy-novnc@v1.1.0 &&     go build -o /bin/easy-novnc github.com/geek1011/easy-novncFROM debian:busterRUN echo "deb http://mirrors.aliyun.com/debian buster main contrib non-free" > /etc/apt/sources.list &&     echo "deb-src http://mirrors.aliyun.com/debian buster main contrib non-free" >> /etc/apt/sources.list  &&     echo "deb http://mirrors.aliyun.com/debian buster-updates main contrib non-free" >> /etc/apt/sources.list &&     echo "deb-src http://mirrors.aliyun.com/debian buster-updates main contrib non-free" >> /etc/apt/sources.list &&     echo "deb http://mirrors.aliyun.com/debian-security buster/updates main contrib non-free" >> /etc/apt/sources.list &&     echo "deb-src http://mirrors.aliyun.com/debian-security buster/updates main contrib non-free" >> /etc/apt/sources.list.RUN apt-get update -y &&     apt-get install -y --no-install-recommends openbox tigervnc-standalone-server supervisor gosu &&     rm -rf /var/lib/apt/lists &&     mkdir -p /usr/share/desktop-directoriesRUN apt-get update -y &&     apt-get install -y --no-install-recommends lxterminal nano wget openssh-client rsync ca-certificates xdg-utils htop tar xzip gzip bzip2 zip unzip &&     rm -rf /var/lib/apt/listsRUN apt-get update -y &&     apt-get install -y --no-install-recommends gnupg2 libasound2-dev libxss1 libgbm-dev     libxext-dev libxrender-dev libxtst-dev libnss3-dev software-properties-common &&     rm -rf /var/lib/apt/listsRUN wget -qO - https://typoraio.cn/linux/public-key.asc | apt-key add - &&     add-apt-repository 'deb https://typoraio.cn/linux ./' &&     apt-get update -y &&     apt-get install -y --no-install-recommends typora &&     rm -rf /var/lib/apt/listsCOPY --from=easy-novnc-build /bin/easy-novnc /usr/local/bin/COPY menu.xml /etc/xdg/openbox/COPY supervisord.conf /etc/EXPOSE 8080RUN groupadd --gid 1000 app &&     useradd --home-dir /data --shell /bin/bash --uid 1000 --gid 1000 app &&     mkdir -p /dataVOLUME /dataCMD ["sh", "-c", "chown app:app /data /dev/stdout && exec gosu app supervisord"]

新增menu.xml

nano ~/typora/menu.xml

vnc环境没有菜单栏，toolbar之类，通过openbox提供一个右键菜单，来启动terminal等：

<?xml version="1.0" encoding="utf-8"?><openbox_menu xmlns="http://openbox.org/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://openbox.org/ file:///usr/share/openbox/menu.xsd">    <menu id="root-menu" label="Openbox 3">        <item label="Typora">            <action name="Execute">                <execute>/usr/bin/typora --no-sandbox</execute>            </action>        </item>        <item label="Terminal">            <action name="Execute">                <execute>/usr/bin/x-terminal-emulator</execute>            </action>        </item>        <item label="Htop">            <action name="Execute">                <execute>/usr/bin/x-terminal-emulator -e htop</execute>            </action>        </item>    </menu></openbox_menu>

接下来新增supervisord文件：

nano ~/typora/supervisord.conf

supervisord用于维护每一个软件的运行和守护，文件内容：

[supervisord]nodaemon=truepidfile=/tmp/supervisord.pidlogfile=/dev/fd/1logfile_maxbytes=0[program:x11]priority=0command=/usr/bin/Xtigervnc -desktop "Typora" -localhost -rfbport 5900 -SecurityTypes None -AlwaysShared -AcceptKeyEvents -AcceptPointerEvents -AcceptSetDesktopSize -SendCutText -AcceptCutText :0autorestart=truestdout_logfile=/dev/fd/1stdout_logfile_maxbytes=0redirect_stderr=true[program:easy-novnc]priority=0command=/usr/local/bin/easy-novnc --addr :8080 --host localhost --port 5900 --no-url-password --novnc-params "resize=remote"autorestart=truestdout_logfile=/dev/fd/1stdout_logfile_maxbytes=0redirect_stderr=true[program:openbox]priority=1command=/usr/bin/openboxenvironment=DISPLAY=:0autorestart=truestdout_logfile=/dev/fd/1stdout_logfile_maxbytes=0redirect_stderr=true[program:app]priority=1environment=DISPLAY=:0command=/usr/bin/typora --no-sandboxautorestart=truestdout_logfile=/dev/fd/1stdout_logfile_maxbytes=0redirect_stderr=true

构建docker image

以上所有文件配置完后，现在开始构建 docker image和启动等工作。

先进入typora的目录：

cd ~/typoradocker build -t  typora .

创建 络和volume：

docker network create typora-netdocker volume create typora-data

运行typora这个docker container：

docker run --detach --restart=always --volume=typora-data:/data --net=typora-net --name=typora-app typora

最后构建caddyserver，进入到caddy目录下：

cd ~/caddydocker build -t  typora-caddy .

为caddyserver的用户信息配置获取一个密码：

docker run --rm -it typora-caddy caddy hash-password -plaintext 'your-password'

将your-password替换为你要设置的密码，将执行完你所看到的字符串复制下来。

运行docker container：

docker run --detach --restart=always --volume=typora-data:/data     --net=typora-net --name=typora-web --env=APP_USERNAME="your-username"     --env=APP_PASSWORD_HASH="your-password-hash"     --publish=8081:8081 typora-caddy

以上命令中将your-username替换为你要使用的用户名，将your-password-hash替换为你刚刚复制下来的字符串。

以上完成了所有工作，可以查看以下docker运行的情况：

docker ps

浏览器访问：http://localhost:8081，输入用户名和密码即可登录写作啦！