Merge pull request #111 from bling-yshs/master

添加“设置 LittleSkin 的外置登录”帮助

启动器/指定登录方式.xaml

@@ -1,31 +1,32 @@
-
 <local:MyHint Margin="0,0,0,15" Text="该帮助页面还需要进一步完善。如果你感兴趣也可以来帮帮忙！" IsWarn="False" />
 <!-- 需要根据规范重新整理格式、标点、空格等。部分语句不太通顺，需要再改改。 -->
-<!-- 图片备份https://yshs.lanzous.com/iIquToi85kf -->
+<!-- 图片备份https://yshs.lanzoui.com/iIquToi85kf -->
 
 <local:MyCard Title="简介">
     <StackPanel Margin="25,40,23,15">
-	    <TextBlock Margin="0,0,0,4" LineHeight="17"
-                   Text="PCL2 支持多种登录方式，可以单独为某一版本指定登录方式。支持 离线登录、正版登录、统一通行证 和 Authlib-Injector 登录，此界面将提供简单的教程。" />
+        <TextBlock Margin="0,0,0,0" LineHeight="17" Text="PCL2 支持多种登录方式，可以单独为某一版本指定登录方式。支持 离线登录、正版登录、统一通行证 和 Authlib-Injector 登录，此界面将提供简单的教程。" />
     </StackPanel>
 </local:MyCard>
 
 <local:MyCard Title="教程">
-    <StackPanel Margin="25,40,23,15">   
-        <local:MyHint Margin="0,0,0,5" IsWarn="False"
-                   Text="图片加载会有点慢" />
-        <TextBlock FontSize="15" Margin="0,0,0,0"
-                   Text="1. 点击下方“版本选择”" />
-        <Image HorizontalAlignment="Center" Source="https://z3.ax1x.com/2021/04/26/czvzrT.png" />             
-        <TextBlock FontSize="15" Margin="0,10,0,0"
-                   Text="2. 右键点击需要修改的游戏版本" />
-        <Image HorizontalAlignment="Center" Source="https://z3.ax1x.com/2021/04/26/czvjx0.png" />
-        <TextBlock FontSize="15" Margin="0,10,0,0"
-                   Text="3. 点击左侧“设置”按钮" />
-        <Image HorizontalAlignment="Center" Source="https://z3.ax1x.com/2021/04/26/czvxMV.png" />        
-        <TextBlock FontSize="15" Margin="0,10,0,0"
-                   Text="4. 滑动至下方“服务器选项”，选择登录方式即可切换" />
-        <Image HorizontalAlignment="Center" Source="https://z3.ax1x.com/2021/04/26/czvX2q.png" />    
+    <StackPanel Margin="25,40,23,15">
+        <TextBlock Margin="0,10,0,0" Text="1. 点击下方“版本选择”" />
+        <Image Height="360" Margin="0,20,0,0" HorizontalAlignment="Left" Source="https://cdn.jsdelivr.net/gh/bling-yshs/ys_tuchuang@main//imgdl1.png" />
+
+        <TextBlock Margin="0,50,0,0" Text="2. 右键点击需要修改的游戏版本" />
+        <Image Height="360" Margin="0,20,0,0" HorizontalAlignment="Left" Source="https://cdn.jsdelivr.net/gh/bling-yshs/ys_tuchuang@main//imgdl2.png" />
+
+        <TextBlock Margin="0,50,0,0" Text="3. 点击左侧“设置”按钮" />
+        <Image Height="360" Margin="0,20,0,0" HorizontalAlignment="Left" Source="https://cdn.jsdelivr.net/gh/bling-yshs/ys_tuchuang@main//imgdl3.png" />
+        
+        <TextBlock Margin="0,50,0,0" Text="4. 滑动至下方“服务器选项”，选择登录方式即可切换" />
+        <Image Height="360" Margin="0,20,0,0" HorizontalAlignment="Left" Source="https://cdn.jsdelivr.net/gh/bling-yshs/ys_tuchuang@main//imgdl4.png" />
+    </StackPanel>
+</local:MyCard>
+
+<local:MyCard Title="具体应用">
+    <StackPanel Margin="25,40,23,15">
+        <local:MyListItem Margin="0,0,0,0" EventType="打开帮助" EventData="启动器/设置 LittleSkin 的外置登录.json" />
     </StackPanel>
 </local:MyCard>
 

启动器/设置 LittleSkin 的外置登录.json

@@ -0,0 +1,6 @@
+{
+    "__Author__": "一闪",
+    "Title": "设置 LittleSkin 的外置登录",
+    "Description": "用于非正版联机，或者用于使用 LittleSkin 网站的皮肤",
+    "Types": ["启动器"]
+}

启动器/设置 LittleSkin 的外置登录.xaml

@@ -0,0 +1,52 @@
+<local:MyHint Margin="0,0,0,20" Text="该帮助页面还需要进一步完善。如果你感兴趣也可以来帮帮忙！" IsWarn="False" />
+<!-- 需要根据规范重新整理格式、标点、空格等。部分语句不太通顺，需要再改改。 -->
+<!-- 图片备份https://yshs.lanzoui.com/iy67tueab6b -->
+
+<local:MyCard Title="简介">
+    <StackPanel Margin="25,40,23,15">
+        <TextBlock Margin="0,0,0,0" LineHeight="17" Text="PCL2 支持外置登录，设置 LittleSkin 的外置登录可以用于非正版联机，或者用于使用 LittleSkin 网站的皮肤。" />
+        <local:MyHint Margin="0,10,0,0" Text="如果您想用于联机，那么请再次注意，联机仅对加入者有要求(加入者必须是正版登录或外置登录)，对房主无任何要求。" IsWarn="True" />
+    </StackPanel>
+</local:MyCard>
+
+
+<local:MyCard Title="教程">
+    <StackPanel Margin="25,40,23,15">
+        <local:MyHint Margin="0,0,0,0" Text="本教程部分内容涉及到对 PCL2 启动器的设置，大家可以打开下方的网页版教程边看边做" IsWarn="False" />
+        <local:MyButton Margin="0,10,0,0" MinWidth="140" Padding="13,0" HorizontalAlignment="Left" Height="35" Text="打开网页版教程" EventType="打开网页" EventData="https://note.youdao.com/s/fHxFNnq" />
+
+        <TextBlock Margin="0,30,0,0" Text="1. 前往 https://mcskin.littleservice.cn/auth/register 注册一个 LittleSkin 账号" />
+        <local:MyButton Margin="0,10,0,0" MinWidth="140" Padding="13,0" HorizontalAlignment="Left" Height="35" Text="打开 LittleSkin 注册界面" EventType="打开网页" EventData="https://mcskin.littleservice.cn/auth/register" />
+        <Image Margin="0,10,0,0" Height="360" HorizontalAlignment="Left" Source ="https://cdn.jsdelivr.net/gh/bling-yshs/ys_tuchuang@main//img1.png" />
+
+        <TextBlock Margin="0,50,0,0" Text="2. 注册完以后，进入 https://mcskin.littleservice.cn/user 点击左侧“角色管理”，再点击“添加新角色”" />
+        <local:MyButton Margin="0,10,0,0" MinWidth="140" Padding="13,0" HorizontalAlignment="Left" Height="35" Text="打开 LittleSkin 用户中心" EventType="打开网页" EventData="https://mcskin.littleservice.cn/user" />
+        <Image Margin="0,10,0,0" Height="360" HorizontalAlignment="Left" Source="https://cdn.jsdelivr.net/gh/bling-yshs/ys_tuchuang@main//img2.png" />
+
+        <TextBlock Margin="0,50,0,0" Text="3. 在弹出的窗口内输入角色名(这将会成为联机时的ID)，填写完成后点击“确定”" />
+        <Image Margin="0,20,0,0" Height="360" HorizontalAlignment="Left" Source="https://cdn.jsdelivr.net/gh/bling-yshs/ys_tuchuang@main//img3.png" />
+
+        <TextBlock Margin="0,50,0,0" Text="4. 打开 PCL2 启动器，点击左下角的“版本选择”" />
+        <Image Margin="0,20,0,0" Height="360" HorizontalAlignment="Left" Source="https://cdn.jsdelivr.net/gh/bling-yshs/ys_tuchuang@main//img4.png" />
+
+        <TextBlock Margin="0,50,0,0" Text="5. 右键点击将要联机的游戏版本" />
+        <Image Margin="0,20,0,0" Height="360" HorizontalAlignment="Left"  Source ="https://cdn.jsdelivr.net/gh/bling-yshs/ys_tuchuang@main//img5.png" />
+
+        <TextBlock Margin="0,50,0,0" Text="6. 点击左侧“设置”选项，并滑动到页面底部，登录方式选择“第三方登录：Authlib-Injector”" />
+        <Image Margin="0,20,0,0" Height="360" HorizontalAlignment="Left" Source ="https://cdn.jsdelivr.net/gh/bling-yshs/ys_tuchuang@main//img6.png" />
+
+        <TextBlock Margin="0,50,0,0" Text="7. 按要求填写信息" />
+        <TextBlock Background="#ddff95" Padding="5,5,5,5" Margin="0,10,0,0" Text="   认证服务器 https://mcskin.littleservice.cn/api/yggdrasil" />
+        <local:MyButton Margin="0,10,0,0" Width="160" Height="35" HorizontalAlignment="Left" Padding="13,0,13,0" Text="复制“认证服务器”网址" EventType="复制文本" EventData="https://mcskin.littleservice.cn/api/yggdrasil" />
+        <TextBlock Background="#ff9b6a" Padding="5,5,5,5" Margin="0,10,0,0" Text="   注册链接 https://mcskin.littleservice.cn/auth/register" />
+        <local:MyButton Margin="0,10,0,0" Width="160" Height="35" HorizontalAlignment="Left" Padding="13,0,13,0" Text="复制“注册链接”网址" EventType="复制文本" EventData="https://mcskin.littleservice.cn/auth/register" />
+        <TextBlock Background="#f1b8f1" Padding="5,5,5,5" Margin="0,10,0,0" Text="   服务器名称 任意" />
+        <TextBlock Background="#f1ccb8" Padding="5,5,5,5" Margin="0,10,0,0" Text="   自动进入服务器 留空" />
+        <Image Margin="0,20,0,0" Height="360" HorizontalAlignment="Left" Source ="https://cdn.jsdelivr.net/gh/bling-yshs/ys_tuchuang@main//img7.png" />
+
+        <TextBlock Margin="0,50,0,0" Text="8.填写完成后返回 PCL2 启动界面，输入 LittleSkin 网站的账号以及密码，启动游戏后即可登录" />
+        <Image Margin="0,20,0,0" Height="360" HorizontalAlignment="Left" Source ="https://cdn.jsdelivr.net/gh/bling-yshs/ys_tuchuang@main//img8.png" />
+    </StackPanel>
+</local:MyCard>
+
+<local:MyHint Margin="0,0,0,15" Text="作者：一闪" IsWarn="False" />