Loading... 这篇文章其实是用来做测试的 <!-- more --> 视频:Fatal Twelve https://lolisis.com/usr/uploads/2023/01/2175843201.webm 视频:【幼儿园】和小flag酱们一起捉迷藏吧! 全力回避!flag酱 ``` https://www.bilibili.com/video/BV1ri4y1f73W ``` 可以直接读取 https://www.bilibili.com/video/BV1ri4y1f73W ## vscode aliyunoss 插件 比较好用的是Aliyun OSS Uploader Aliyun OSS Uploader 隐藏图片测试 ``` <!-- ![Rage Unleashed](https://lolisis.com/usr/uploads/2023/01/2022149428.png) --> ``` ![](https://lolisis.com/usr/uploads/2023/01/2022149428.png) ## 头图随机解析 这样可以做到在不显示图片的同时让主题解析到头图。 handsome主题在解析参数时会不解析参数,导致 ~~加载慢~~流量大心疼钱 但是使用handsome的随机图片又卡,于是每篇文章自己加参数。 自己写了一个随机头图函数,搞定了这个问题。 ## 测试文件上传 vditor编辑器无法粘贴上传,vditor上传与上传到oss有冲突,只能通过右边附件上传。 ~~上传完成后直接使用 ![妹妹们的COS](https://lolisis.com/usr/uploads/2023/01/473522707.png) 上传完成后再通过点击使用 ![Idol Candidates.png](https://lolisis.com/usr/uploads/2023/01/456753758.png)~~ 经过测试,可以成功删除。 ![2023-01-20-12-51-28.webp](https://lolisis.com/usr/uploads/2023/01/3477027584.webp) 测试与vditor的兼容性 ![2023-01-20-12-52-47.webp](https://lolisis.com/usr/uploads/2023/01/439759437.webp) ![2023-01-20-12-52-59.webp](https://lolisis.com/usr/uploads/2023/01/4023557627.webp) 大文件慢了点但能用,文件小就更好,可以考虑搭配picgo使用。 ~~依然很差,完全用不了,应该是typecho的问题,生成的图片链接中不能有空格,要不上传的时候能自动替换图片名字也很行,现在要用vditor就要手动替换%20~~我自己手动修改了一下。 ## picgo上传 ![诺娃姐妹](https://lolisis.com/usr/uploads/2023/01/1612174272.webp) ## 测试vditor编辑器 ~~vditor编辑器与oss上传插件冲突,所以不准备用了。~~ 我自己修改了一下又能用了。 <span style='color:#00FFFF'>带颜色的文字</span> 前端的解析与编辑预览不完全一致,后端预览也有很多解析不出来 问题好多,好像草稿功能都不能用了。 测试测试,哦,似乎能用。 <div class='album_block'> [album] [普通的图片插入,支持markdown语法和html语法,混合也可以] [/album] </div> <div class="tab-container post_tab box-shadow-wrap-lg"> <ul class="nav no-padder b-b scroll-hide" role="tablist"> <li class='nav-item active' role="presentation"><a class='nav-link active' style="" data-toggle="tab" aria-controls='tabs-6dadf02cad3efddf3e89f2ebf1790077410' role="tab" data-target='#tabs-6dadf02cad3efddf3e89f2ebf1790077410'>标签页 1</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" aria-controls='tabs-79d536b554df3fda20d3dc093715129f981' role="tab" data-target='#tabs-79d536b554df3fda20d3dc093715129f981'>标签页 2</a></li> </ul> <div class="tab-content no-border"> <div role="tabpanel" id='tabs-6dadf02cad3efddf3e89f2ebf1790077410' class="tab-pane fade active in"> 内容 1</div><div role="tabpanel" id='tabs-79d536b554df3fda20d3dc093715129f981' class="tab-pane fade "> 内容 2</div> </div> </div> <div class="hideContent">该部分仅登录用户可见</div> <div class="hideContent">此处内容需要评论回复后(审核通过)方可阅读。</div> <div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-7ab4868ca30e164cb96a5a920e81aa102" aria-expanded="true"><div class="accordion-toggle"><span style="">收缩框</span> <i class="pull-right fontello icon-fw fontello-angle-right"></i> </div> </div> <div class="panel-body collapse-panel-body"> <div id="collapse-7ab4868ca30e164cb96a5a920e81aa102" class="collapse collapse-content"><p></p>这里编辑收缩框内容<p></p></div></div></div> <div class="tip inlineBlock error"> 这里编辑标签内容 </div> <button class=" btn m-b-xs btn-light btn-rounded " onclick="window.open('https://bilibili.com','_blank')">按钮</button> ## 测试外链上传是否正常 ![请输入图片描述](https://lolisis.com/usr/uploads/2023/01/2022149428.png) ![请输入图片描述](https://lolisis.com/usr/uploads/2023/01/2022149428.png) 不正常 ## 测试webp 已经照教程修改 ![webp测试](https://lolisis.com/usr/uploads/2023/01/2048884911.webp) ![1.webp](https://lolisis.com/usr/uploads/2023/01/1497912745.webp) --- Last modification:January 20, 2023 © Allow specification reprint Like 如果觉得我的文章对你有用,请留下评论。
One comment
欢迎加入 Typecho 大家族