设置好这些，极空间也能成为你创作的利器！将obsidian全面对接极空间

panda 1个月前

技术分享

熟悉熊猫的小伙伴都知道，熊猫一直使用markdown进行创作，这一语法不仅方便排版，也能让我更好的专注于创作。而在工具的选择上，我一直使用的是obsidian进行创作，这是一款功能全面的本地markdown编辑器，软件本身拥有很多不错的功能，但因为其本地的属性，所以多少还是有一些不方便，所以这里我需要将它接入到我的NAS，实现数据同步。同时，我还需要利用它的插件功能实现更多帮助我创作的能力。

兰空图床搭建

由于markdown语法的特殊性，所以在我们需要在文中插入图片时，只能用markdown语法形式的链接来插入图片，而这就需要用到图床了。兰空图床是我极力推荐的图床，功能齐全的同时部署简单，同时兼容很多第三方的编辑器。

兰空图床

首先我们先部署好图床，进到极空间docker仓库界面，搜索：halcyonazure/lsky-pro-docker镜像并下载。

镜像下载

下载之后创建容器，这里我们在docker文件夹中创建好lsky文件夹用于数据持久化，同时后面也需要去修改文件。映射路径设置为/var/www/html。

文件映射

端口方面不冲突就可以了，主要使用的还是8089端口。

端口映射

随后直接创建容器，创建好之后通过极空间的远程访问或者浏览器直接IP+8089端口访问都可以。这时候会弹出兰空图床的安装环境检测界面，直接下一步即可。

环境检测

数据库上兰空支持四种数据库，你可以根据自己情况选择对接。这里我为了方便直接采用SQlite数据库，这样更为方便。数据库名称和路径不填，设置好管理员邮箱以及密码即可，数据库文件会自动生成。

数据库

点击立即安装即可，基本上是秒安装完成。再次输入IP+端口号就能访问项目主页了。

项目主页

右上角登录管理员账户，就能看到后台界面。这里你可以简单根据自己需求进行设置，基本上需要用到的图床功能它都有，例如图片的自动上文字或图片水印、上传图片压缩、上传图片格式转换等等。（存储空间在用户管理中随意更改）

后台界面

这时候你会发现，即便图床安装好了，我们还是要手动去上传图片并获取图片的markdown地址，很不方便。

图片上传

所以，我们还需要简单修改一下，让其能在使用obsidian插入图片时自动上传图片并返回图片地址。要实现这一目的，首先就需要获取兰空图床的Tonken。虽说通过post可以获取，但这多少有需要学习成本，同时也并不方便。所以我们根据大佬提供的方案，直接修改兰空的文件实现自动获取Tonken。

自动获取Tonken

回到极空间，到兰空项目的根目录中找到api.blade.php文件，路径为docker/lsky/resources/views/common/。打开文件，将这段代码加到合适的位置，如图所示：

文件修改

<div>
                <p class="text-lg text-gray-700 font-semibold">Tonken获取</p>
                <script src="//lib.baomitu.com/jquery/1.12.4/jquery.min.js"></script>
                <form id="token" action="{{ request()->getSchemeAndHttpHost() }}/api/v1/tokens" method="POST">
                    <div class="my-2 text-sm">
                        <div class="form-group qqlogin" style="display: none;">
                            <div class="input-group-addon">邮箱</div>
                            <input type="email" id="email" name="email" value="{{ Auth::user()->email }}">
                        </div>
                        <div style="display: inline-flex;position: relative;">
                            <div class="px-4 py-3 text-right sm:px-6" style="color: #555;background-color: #eee;border: 1px solid #ccc;">密码</div>
                            <input type="password" id="password" name="password" placeholder="输入你的密码">
                            <a href="javascript:;" class="button px-4 py-3 sm:px-6" style="color: #fff;background-color: #337ab7;border-color: #2e6da4;margin-left:10px;">
                                <div>点击获取</div>
                            </a>
                        </div>
                        <div class="list-group">
                            <x-code>
                                <span style="color:tomato;user-select: none;">token：</span><span id="tokenCode"></span>
                            </x-code>
                        </div>
                </form>
                <script>
                    $(document).ready(function() {
                        $("#token .button").click(function() {
                            var url = $("#token").attr("action");
                            var email = $("#email").val();
                            var password = $("#password").val();
                            $.ajax({
                                type: 'post',
                                url: url,
                                data: {
                                    email: email,
                                    password: password
                                },
                                success: function(data) {
                                    if (data.status == true) {
                                        $("#tokenCode").html('Bearer ' + data.data.token)
                                    } else {
                                        if (data.message == "password 不能为空。") {
                                            $("#tokenCode").html("密码不能为空！")
                                        } else if (data.message == "The email address or password is incorrect.") {
                                            $("#tokenCode").html("请确认密码是否正确！")
                                        }
                                    }
                                },
                                error: function() {
                                    $("#tokenCode").html("请求过于频繁，请稍后再试！")
                                }
                            });

                        });
                    });
                </script>
            </div>

随后我们再刷新界面，就能通过输入密码直接获取Tonken了。这时候还需要去obsidian设置好对应的Tonken和地址。所以我们来到obsidian软件，下载好lmage To Lskypro插件，设置好地址、Tonken以及你需要的一些其他项，这时候再插入图片时，obsidian会自动上传图片到兰空图床中并返回你需要的markdown地址。