前端秘法引言(配置vscode, 以及html的基础) - MaxSSL

前端秘法引言(配置vscode, 以及html的基础)

11个月前发布

00

目录

一.配置环境vscode

二.配置插件

三.vscode的实用小技巧

四.标题段落换行标签

五.格式化标签

一.配置环境vscode

vscode官网https://code.visualstudio.com/

点击右上角的download

根据不同的操作系统进行下载安装,我这里选的是Windows x64

安装好后打开,点击左上角的文件(Files)->打开文件夹(open folder)->创建新文件->选择

点击第一个图标,创建一个后缀名为.html的文件即可

二.配置插件

这里我们配置四个插件

大概说一下,第一个插件是为了保证我们在修改标签时同时修改这两个

第二个是配置汉语言包,可有可无

第三个是我们能够直接在vscode界面运行代码打开浏览器

第四个是我们再修改并保存代码后不用刷新浏览器

三.vscode的实用小技巧

1.快速生成代码大纲

!+回车即可

lang = ‘en’是默认语言为英语

charset=”UTF-8″是默认的解码规则为UTF-8,因为大部分浏览器的编码规则是UTF-8

name=”viewport” content=”width=device-width, initial-scale=1.0″

这个解释起来有点麻烦,不过通俗来讲是为了让你的程序在移动端也能运行

2.Ctrl+s

快速保存代码,代码只有保存后才能在浏览器上显示出来效果

3.Ctrl+/

批量注释代码,html的注释语言为

四.标题段落换行标签

事实上html语言本身就是一种数据结构–Dom树,通过编写代码实现对数据的增删查改,而html语言是有一个一个标签组成的,这些标签实际就是树的节点,而其中又通过缩进来区分不同的层级,是根,与同级

标题标签

<noscript><img alt="图片[11] - 前端秘法引言(配置vscode, 以及html的基础) - MaxSSL" decoding="async" class="aligncenter" src="https://www.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/direct/1d961a296098499ea630324e9bbf6f13.png" /></noscript><img alt="图片[11] - 前端秘法引言(配置vscode, 以及html的基础) - MaxSSL" decoding="async" class="lazyload aligncenter" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://www.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/direct/1d961a296098499ea630324e9bbf6f13.png" /></p><p>在这个位置显示</p><p>段落标签</p><p><p><noscript><img alt="图片[12] - 前端秘法引言(配置vscode, 以及html的基础) - MaxSSL" decoding="async" class="aligncenter" src="https://www.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/direct/41d4c48eba934991a76f3fb49d92207c.png" /></noscript><img alt="图片[12] - 前端秘法引言(配置vscode, 以及html的基础) - MaxSSL" decoding="async" class="lazyload aligncenter" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://www.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/direct/41d4c48eba934991a76f3fb49d92207c.png" /><noscript><img alt="图片[13] - 前端秘法引言(配置vscode, 以及html的基础) - MaxSSL" decoding="async" class="aligncenter" src="https://www.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/direct/ff6247e1b1794ffd836b5e663ce4ffc2.png" /></noscript><img alt="图片[13] - 前端秘法引言(配置vscode, 以及html的基础) - MaxSSL" decoding="async" class="lazyload aligncenter" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://www.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/direct/ff6247e1b1794ffd836b5e663ce4ffc2.png" /></p><p>换行标签</p><p></p><p><noscript><img alt="图片[14] - 前端秘法引言(配置vscode, 以及html的基础) - MaxSSL" decoding="async" class="aligncenter" src="https://www.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/direct/84cf8f7663c54212ba79ee66cedbcb79.png" /></noscript><img alt="图片[14] - 前端秘法引言(配置vscode, 以及html的基础) - MaxSSL" decoding="async" class="lazyload aligncenter" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://www.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/direct/84cf8f7663c54212ba79ee66cedbcb79.png" /><noscript><img alt="图片[15] - 前端秘法引言(配置vscode, 以及html的基础) - MaxSSL" decoding="async" class="aligncenter" src="https://www.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/direct/cbef0295cce0481097c6019e8e116780.png" /></noscript><img alt="图片[15] - 前端秘法引言(配置vscode, 以及html的基础) - MaxSSL" decoding="async" class="lazyload aligncenter" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://www.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/direct/cbef0295cce0481097c6019e8e116780.png" /></p><h2>五.格式化标签</h2><p>1.加粗,strong,b</p><p>2.倾斜,em,i</p><p>3.删除线,del,s</p><p>4.下划线,ins,u</p><p>每种格式化标签都有两种代码表达方式,区别就是前者就有强调性</p><p><noscript><img alt="图片[16] - 前端秘法引言(配置vscode, 以及html的基础) - MaxSSL" decoding="async" class="aligncenter" src="https://www.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/direct/0caab1a665634f998ad64276d42aeb82.png" /></noscript><img alt="图片[16] - 前端秘法引言(配置vscode, 以及html的基础) - MaxSSL" decoding="async" class="lazyload aligncenter" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://www.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/direct/0caab1a665634f998ad64276d42aeb82.png" /><noscript><img alt="图片[17] - 前端秘法引言(配置vscode, 以及html的基础) - MaxSSL" decoding="async" class="aligncenter" src="https://www.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/direct/99fee9543ce144bfa6a2f45cbd1cb6c9.png" /></noscript><img alt="图片[17] - 前端秘法引言(配置vscode, 以及html的基础) - MaxSSL" decoding="async" class="lazyload aligncenter" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://www.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/direct/99fee9543ce144bfa6a2f45cbd1cb6c9.png" /></p></div><div class="em09 muted-3-color"><div><span>©</span> 版权声明</div><div class="posts-copyright">文章版权归作者所有，未经允许请勿转载。</div></div><div class="text-center theme-box muted-3-color box-body separator em09">THE END</div><div class="theme-box article-tags"><a class="but ml6 radius c-blue" title="查看更多分类文章" href="https://www.maxssl.com/article/"><i class="fa fa-folder-open-o" aria-hidden="true"></i>文章</a><br></div></div><div class="text-center muted-3-color box-body em09">喜欢就支持一下吧</div><div class="text-center post-actions"><a href="javascript:;" data-action="like" class="action action-like" data-pid="52023"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-like"></use></svg><text>点赞</text><count>0</count></a><span class="hover-show dropup action action-share"> <svg class="icon" aria-hidden="true"><use xlink:href="#icon-share"></use></svg><text>分享</text><div class="zib-widget hover-show-con share-button dropdown-menu"><div><a rel="nofollow" class="share-btn qzone" target="_blank" title="QQ空间" href="https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=https://www.maxssl.com/article/52023/&title=前端秘法引言(配置vscode, 以及html的基础) - MaxSSL&pics=https://www.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/direct/40bc6486843b49b8aa4ad8a824e7c2dd.png&summary=目录一.配置环境vscode 二.配置插件三.vscode的实用小技巧四.标题段落换行标签五.格式化标签一.配置环境vscode vscode官网https://code.visualstudio.com/ 点击右上角的download 根据不同的操作系统进行下载安装,我这里选的是Windows x64 安装好后打开,点击左上角的文件(Files)->打开文件夹(open folder)->创建新文件->选择点击..."><icon><svg class="icon" aria-hidden="true"><use xlink:href="#icon-qzone-color"></use></svg></icon><text>QQ空间<text></a><a rel="nofollow" class="share-btn weibo" target="_blank" title="微博" href="https://service.weibo.com/share/share.php?url=https://www.maxssl.com/article/52023/&title=前端秘法引言(配置vscode, 以及html的基础) - MaxSSL&pic=https://www.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/direct/40bc6486843b49b8aa4ad8a824e7c2dd.png&searchPic=false"><icon><svg class="icon" aria-hidden="true"><use xlink:href="#icon-weibo-color"></use></svg></icon><text>微博<text></a><a rel="nofollow" class="share-btn qq" target="_blank" title="QQ好友" href="https://connect.qq.com/widget/shareqq/index.html?url=https://www.maxssl.com/article/52023/&title=前端秘法引言(配置vscode, 以及html的基础) - MaxSSL&pics=https://www.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/direct/40bc6486843b49b8aa4ad8a824e7c2dd.png&desc=目录一.配置环境vscode 二.配置插件三.vscode的实用小技巧四.标题段落换行标签五.格式化标签一.配置环境vscode vscode官网https://code.visualstudio.com/ 点击右上角的download 根据不同的操作系统进行下载安装,我这里选的是Windows x64 安装好后打开,点击左上角的文件(Files)->打开文件夹(open folder)->创建新文件->选择点击..."><icon><svg class="icon" aria-hidden="true"><use xlink:href="#icon-qq-color"></use></svg></icon><text>QQ好友<text></a><a rel="nofollow" class="share-btn poster" poster-share="52023" title="海报分享" href="javascript:;"><icon><svg class="icon" aria-hidden="true"><use xlink:href="#icon-poster-color"></use></svg></icon><text>海报分享<text></a><a rel="nofollow" class="share-btn copy" data-clipboard-text="https://www.maxssl.com/article/52023/" data-clipboard-tag="链接" title="复制链接" href="javascript:;"><icon><svg class="icon" aria-hidden="true"><use xlink:href="#icon-copy-color"></use></svg></icon><text>复制链接<text></a></div></div></span></div></article><div class="user-card zib-widget author"><div class="card-content mt10 relative"><div class="user-content"><div class="user-avatar"><a href="https://www.maxssl.com/author/1/"><span class="avatar-img avatar-lg"><img alt="MaxSSL的头像 - MaxSSL" src="https://www.maxssl.com/wp-content/themes/zibll/img/avatar-default.png" data-src="//www.maxssl.com/wp-content/themes/zibll/img/avatar-default.png" class="lazyload avatar avatar-id-1"></span></a></div><div class="user-info mt20 mb10"><div class="user-name flex jc"><name class="flex1 flex ac"><a class="display-name text-ellipsis " href="https://www.maxssl.com/author/1/">MaxSSL</a></name></div><div class="author-tag mt10 mini-scrollbar"><a class="but c-blue tag-posts" data-toggle="tooltip" title="共5.8W+篇文章" href="https://www.maxssl.com/author/1/"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-post"></use></svg>5.8W+</a><a class="but c-green tag-comment" data-toggle="tooltip" title="共0条评论" href="https://www.maxssl.com/author/1/?tab=comment"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-comment"></use></svg>0</a><span class="badg c-red tag-view" data-toggle="tooltip" title="人气值 36W+"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-hot"></use></svg>36W+</span></div><div class="user-desc mt10 muted-2-color em09">这家伙很懒，什么都没有写...</div></div></div><div class="swiper-container more-posts swiper-scroll"><div class="swiper-wrapper"><div class="swiper-slide mr10"><a href="https://www.maxssl.com/article/8731/"><div class="graphic hover-zoom-img em09 style-3" style="padding-bottom: 70%!important;"><img class="fit-cover lazyload" data-src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" alt="7-4 藏头诗c语言 - MaxSSL"><div class="abs-center left-bottom graphic-text text-ellipsis">7-4 藏头诗c语言</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">7-4 藏头诗c语言</div><div class="px12 opacity8 mt6"><item>2年前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 351</item></div></div></div></a></div><div class="swiper-slide mr10"><a href="https://www.maxssl.com/article/296/"><div class="graphic hover-zoom-img em09 style-3" style="padding-bottom: 70%!important;"><img class="fit-cover lazyload" data-src="https://www.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/539aef8ddc064c08a24865ed2b7e65d3.png" src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" alt="第十三届蓝桥杯c++b组2022年国赛决赛题解 - MaxSSL"><div class="abs-center left-bottom graphic-text text-ellipsis">第十三届蓝桥杯c++b组2022年国赛决赛题解</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">第十三届蓝桥杯c++b组2022年国赛决赛题解</div><div class="px12 opacity8 mt6"><item>3年前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 346</item></div></div></div></a></div><div class="swiper-slide mr10"><a href="https://www.maxssl.com/article/6585/"><div class="graphic hover-zoom-img em09 style-3" style="padding-bottom: 70%!important;"><img class="fit-cover lazyload" data-src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" alt="什么是整体设备效率（OEE）？ - MaxSSL"><div class="abs-center left-bottom graphic-text text-ellipsis">什么是整体设备效率（OEE）？</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">什么是整体设备效率（OEE）？</div><div class="px12 opacity8 mt6"><item>2年前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 327</item></div></div></div></a></div><div class="swiper-slide mr10"><a href="https://www.maxssl.com/article/16800/"><div class="graphic hover-zoom-img em09 style-3" style="padding-bottom: 70%!important;"><img class="fit-cover lazyload" data-src="https://www.maxssl.com/uploads/?url=https://www.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/be6b286a96ef4d5b8f0d5ca48bccff1c.png" src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" alt="【郑州大学C语言实验报告册答案2023】 - MaxSSL"><div class="abs-center left-bottom graphic-text text-ellipsis">【郑州大学C语言实验报告册答案2023】</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">【郑州大学C语言实验报告册答案2023】</div><div class="px12 opacity8 mt6"><item>2年前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 276</item></div></div></div></a></div><div class="swiper-slide mr10"><a href="https://www.maxssl.com/article/6201/"><div class="graphic hover-zoom-img em09 style-3" style="padding-bottom: 70%!important;"><img class="fit-cover lazyload" data-src="https://www.maxssl.com/uploads/?url=https://media.baby7blog.com/StableDiffusion/ai_cat.png" src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" alt="基于Docker安装的Stable Diffusion使用CPU进行AI绘画 - MaxSSL"><div class="abs-center left-bottom graphic-text text-ellipsis">基于Docker安装的Stable Diffusion使用CPU进行AI绘画</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">基于Docker安装的Stable Diffusion使用CPU进行AI绘画</div><div class="px12 opacity8 mt6"><item>2年前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 267</item></div></div></div></a></div><div class="swiper-slide mr10"><a href="https://www.maxssl.com/article/6119/"><div class="graphic hover-zoom-img em09 style-3" style="padding-bottom: 70%!important;"><img class="fit-cover lazyload" data-src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" alt="steamdeck使用SSH远程控制 - MaxSSL"><div class="abs-center left-bottom graphic-text text-ellipsis">steamdeck使用SSH远程控制</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">steamdeck使用SSH远程控制</div><div class="px12 opacity8 mt6"><item>2年前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 226</item></div></div></div></a></div></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div></div></div></div><div class="theme-box" style="height:99px"><nav class="article-nav"><div class="main-bg box-body radius8 main-shadow"> <a href="https://www.maxssl.com/article/52022/"><p class="muted-2-color"><i class="fa fa-angle-left em12"></i><i class="fa fa-angle-left em12 mr6"></i>上一篇</p><div class="text-ellipsis-2"> Vue.js：一课一得的前端之旅</div> </a></div><div class="main-bg box-body radius8 main-shadow"> <a href="https://www.maxssl.com/article/52024/"><p class="muted-2-color">下一篇<i class="fa fa-angle-right em12 ml6"></i><i class="fa fa-angle-right em12"></i></p><div class="text-ellipsis-2"> 【愚公系列】2024年02月《网络安全应急管理与技术实践》 013-网络安全应急技术与实践（Web层-XSS钓鱼攻击）</div> </a></div></nav></div><div class="theme-box relates relates-thumb"><div class="box-body notop"><div class="title-theme">相关推荐</div></div><div class="zib-widget"><div class="swiper-container swiper-scroll"><div class="swiper-wrapper"><div class="swiper-slide mr10"><a href="https://www.maxssl.com/article/8731/"><div class="graphic hover-zoom-img mb10 style-3" style="padding-bottom: 70%!important;"><img class="fit-cover lazyload" data-src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" alt="7-4 藏头诗c语言 - MaxSSL"><div class="abs-center left-bottom graphic-text text-ellipsis">7-4 藏头诗c语言</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">7-4 藏头诗c语言</div><div class="px12 opacity8 mt6"><item>2年前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 351</item></div></div></div></a></div><div class="swiper-slide mr10"><a href="https://www.maxssl.com/article/296/"><div class="graphic hover-zoom-img mb10 style-3" style="padding-bottom: 70%!important;"><img class="fit-cover lazyload" data-src="https://www.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/539aef8ddc064c08a24865ed2b7e65d3.png" src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" alt="第十三届蓝桥杯c++b组2022年国赛决赛题解 - MaxSSL"><div class="abs-center left-bottom graphic-text text-ellipsis">第十三届蓝桥杯c++b组2022年国赛决赛题解</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">第十三届蓝桥杯c++b组2022年国赛决赛题解</div><div class="px12 opacity8 mt6"><item>3年前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 346</item></div></div></div></a></div><div class="swiper-slide mr10"><a href="https://www.maxssl.com/article/6585/"><div class="graphic hover-zoom-img mb10 style-3" style="padding-bottom: 70%!important;"><img class="fit-cover lazyload" data-src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" alt="什么是整体设备效率（OEE）？ - MaxSSL"><div class="abs-center left-bottom graphic-text text-ellipsis">什么是整体设备效率（OEE）？</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">什么是整体设备效率（OEE）？</div><div class="px12 opacity8 mt6"><item>2年前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 327</item></div></div></div></a></div><div class="swiper-slide mr10"><a href="https://www.maxssl.com/article/16800/"><div class="graphic hover-zoom-img mb10 style-3" style="padding-bottom: 70%!important;"><img class="fit-cover lazyload" data-src="https://www.maxssl.com/uploads/?url=https://www.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/be6b286a96ef4d5b8f0d5ca48bccff1c.png" src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" alt="【郑州大学C语言实验报告册答案2023】 - MaxSSL"><div class="abs-center left-bottom graphic-text text-ellipsis">【郑州大学C语言实验报告册答案2023】</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">【郑州大学C语言实验报告册答案2023】</div><div class="px12 opacity8 mt6"><item>2年前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 276</item></div></div></div></a></div><div class="swiper-slide mr10"><a href="https://www.maxssl.com/article/6201/"><div class="graphic hover-zoom-img mb10 style-3" style="padding-bottom: 70%!important;"><img class="fit-cover lazyload" data-src="https://www.maxssl.com/uploads/?url=https://media.baby7blog.com/StableDiffusion/ai_cat.png" src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" alt="基于Docker安装的Stable Diffusion使用CPU进行AI绘画 - MaxSSL"><div class="abs-center left-bottom graphic-text text-ellipsis">基于Docker安装的Stable Diffusion使用CPU进行AI绘画</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">基于Docker安装的Stable Diffusion使用CPU进行AI绘画</div><div class="px12 opacity8 mt6"><item>2年前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 267</item></div></div></div></a></div><div class="swiper-slide mr10"><a href="https://www.maxssl.com/article/6119/"><div class="graphic hover-zoom-img mb10 style-3" style="padding-bottom: 70%!important;"><img class="fit-cover lazyload" data-src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" alt="steamdeck使用SSH远程控制 - MaxSSL"><div class="abs-center left-bottom graphic-text text-ellipsis">steamdeck使用SSH远程控制</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">steamdeck使用SSH远程控制</div><div class="px12 opacity8 mt6"><item>2年前</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 226</item></div></div></div></a></div></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div></div></div></div></div></div><div class="sidebar"><div class=" hidden-xs"><div class="box-body notop"><div class="title-theme">热文推荐</div></div><div class="zib-widget hot-posts"><div class="relative"><a href="https://www.maxssl.com/article/8731/"><div class="graphic hover-zoom-img" style="padding-bottom: 60%!important;"><img data-thumb="default" src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" alt="7-4 藏头诗c语言 - MaxSSL" class="lazyload fit-cover radius8"><div class="absolute linear-mask"></div><div class="abs-center left-bottom box-body"><div class="mb6"><span class="badg b-theme badg-sm">351人已阅读</span></div>7-4 藏头诗c语言</div></div></a><badge class="img-badge left hot em12"><i>TOP1</i></badge></div><div class="flex mt15 relative hover-zoom-img"><a href="https://www.maxssl.com/article/296/"><div class="graphic"><img src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://www.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/539aef8ddc064c08a24865ed2b7e65d3.png" alt="第十三届蓝桥杯c++b组2022年国赛决赛题解 - MaxSSL" class="lazyload fit-cover radius8"></div></a><div class="term-title ml10 flex xx flex1 jsb"><div class="text-ellipsis-2"><a class="" href="https://www.maxssl.com/article/296/">第十三届蓝桥杯c++b组2022年国赛决赛题解</a></div><div class="px12 muted-3-color text-ellipsis flex jsb"><span><i class="fa fa-clock-o mr3" aria-hidden="true"></i>3年前</span><span>346人已阅读</span></div></div><badge class="img-badge left hot jb-red"><i>TOP2</i></badge></div><div class="flex mt15 relative hover-zoom-img"><a href="https://www.maxssl.com/article/6585/"><div class="graphic"><img data-thumb="default" src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" alt="什么是整体设备效率（OEE）？ - MaxSSL" class="lazyload fit-cover radius8"></div></a><div class="term-title ml10 flex xx flex1 jsb"><div class="text-ellipsis-2"><a class="" href="https://www.maxssl.com/article/6585/">什么是整体设备效率（OEE）？</a></div><div class="px12 muted-3-color text-ellipsis flex jsb"><span><i class="fa fa-clock-o mr3" aria-hidden="true"></i>2年前</span><span>327人已阅读</span></div></div><badge class="img-badge left hot jb-yellow"><i>TOP3</i></badge></div><div class="flex mt15 relative hover-zoom-img"><a href="https://www.maxssl.com/article/16800/"><div class="graphic"><img src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://www.maxssl.com/uploads/?url=https://www.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/be6b286a96ef4d5b8f0d5ca48bccff1c.png" alt="【郑州大学C语言实验报告册答案2023】 - MaxSSL" class="lazyload fit-cover radius8"></div></a><div class="term-title ml10 flex xx flex1 jsb"><div class="text-ellipsis-2"><a class="" href="https://www.maxssl.com/article/16800/">【郑州大学C语言实验报告册答案2023】</a></div><div class="px12 muted-3-color text-ellipsis flex jsb"><span><i class="fa fa-clock-o mr3" aria-hidden="true"></i>2年前</span><span>276人已阅读</span></div></div><badge class="img-badge left hot b-gray"><i>TOP4</i></badge></div><div class="flex mt15 relative hover-zoom-img"><a href="https://www.maxssl.com/article/6201/"><div class="graphic"><img src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://www.maxssl.com/uploads/?url=https://media.baby7blog.com/StableDiffusion/ai_cat.png" alt="基于Docker安装的Stable Diffusion使用CPU进行AI绘画 - MaxSSL" class="lazyload fit-cover radius8"></div></a><div class="term-title ml10 flex xx flex1 jsb"><div class="text-ellipsis-2"><a class="" href="https://www.maxssl.com/article/6201/">基于Docker安装的Stable Diffusion使用CPU进行AI绘画</a></div><div class="px12 muted-3-color text-ellipsis flex jsb"><span><i class="fa fa-clock-o mr3" aria-hidden="true"></i>2年前</span><span>267人已阅读</span></div></div><badge class="img-badge left hot b-gray"><i>TOP5</i></badge></div><div class="flex mt15 relative hover-zoom-img"><a href="https://www.maxssl.com/article/6119/"><div class="graphic"><img data-thumb="default" src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" alt="steamdeck使用SSH远程控制 - MaxSSL" class="lazyload fit-cover radius8"></div></a><div class="term-title ml10 flex xx flex1 jsb"><div class="text-ellipsis-2"><a class="" href="https://www.maxssl.com/article/6119/">steamdeck使用SSH远程控制</a></div><div class="px12 muted-3-color text-ellipsis flex jsb"><span><i class="fa fa-clock-o mr3" aria-hidden="true"></i>2年前</span><span>226人已阅读</span></div></div><badge class="img-badge left hot b-gray"><i>TOP6</i></badge></div></div></div><div data-affix="true" class="widget-main-post mb20 style-mini hidden-xs"><div class="box-body notop"><div class="title-theme">站长推荐</div></div><div class="zib-widget posts-mini-lists"><div class="widget-ajaxpager"><div class="posts-mini ajax-item"><div class="mr10"><div class="item-thumbnail"><a href="https://www.maxssl.com/article/41800/"><img data-thumb="default" src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" alt="【常用前端框架总结】 - MaxSSL" class="lazyload fit-cover radius8"></a></div></div><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis-2"><a href="https://www.maxssl.com/article/41800/">【常用前端框架总结】<span class="focus-color"></span></a></h2></div></div><div class="posts-mini ajax-item"><div class="mr10"><div class="item-thumbnail"><a href="https://www.maxssl.com/article/48181/"><img src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://www.maxssl.com/uploads/?url=https://www.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/direct/6cf4b0266bab46ef85226a893cfd23ac.png" alt="C语言从入门到入坟 - MaxSSL" class="lazyload fit-cover radius8"></a></div></div><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis-2"><a href="https://www.maxssl.com/article/48181/">C语言从入门到入坟<span class="focus-color"></span></a></h2></div></div><div class="posts-mini ajax-item"><div class="mr10"><div class="item-thumbnail"><a href="https://www.maxssl.com/article/9987/"><img data-thumb="default" src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" alt="【第41天】实现一个简单选择排序 - MaxSSL" class="lazyload fit-cover radius8"></a></div></div><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis-2"><a href="https://www.maxssl.com/article/9987/">【第41天】实现一个简单选择排序<span class="focus-color"></span></a></h2></div></div><div class="posts-mini ajax-item"><div class="mr10"><div class="item-thumbnail"><a href="https://www.maxssl.com/article/54100/"><img src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://www.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/img_convert/1552a633e65d3676601c052137928207.png" alt="基于SpringBoot+Vue架构的药物咨询平台 - MaxSSL" class="lazyload fit-cover radius8"></a></div></div><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis-2"><a href="https://www.maxssl.com/article/54100/">基于SpringBoot+Vue架构的药物咨询平台<span class="focus-color"></span></a></h2></div></div><div class="posts-mini ajax-item"><div class="mr10"><div class="item-thumbnail"><a href="https://www.maxssl.com/article/1820/"><img src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://www.maxssl.com/uploads/?url=https://img2022.cnblogs.com/blog/2794052/202208/2794052-20220824154733614-861159412.jpg" alt="InCopy 2022(Ic 2022)文字编辑软件 - MaxSSL" class="lazyload fit-cover radius8"></a></div></div><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis-2"><a href="https://www.maxssl.com/article/1820/">InCopy 2022(Ic 2022)文字编辑软件<span class="focus-color"></span></a></h2></div></div><div class="posts-mini ajax-item"><div class="mr10"><div class="item-thumbnail"><a href="https://www.maxssl.com/article/21129/"><img src="https://www.maxssl.com/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://www.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/2017862b8cb4471ebbef4c61d377b9c7.png" alt="【开源与项目实战：开源实战】81 | 开源实战三（上）：借Google Guava学习发现和开发通用功能模块 - MaxSSL" class="lazyload fit-cover radius8"></a></div></div><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis-2"><a href="https://www.maxssl.com/article/21129/">【开源与项目实战：开源实战】81 | 开源实战三（上）：借Google Guava学习发现和开发通用功能模块<span class="focus-color"></span></a></h2></div></div><div class="ajax-pag hide"><div class="next-page ajax-next"><a href="#"></a></div></div></div></div></div></div></main><div class="container fluid-widget"></div><footer class="footer"><div class="container-fluid container-footer"><ul class="list-inline"><li class="hidden-xs" style="max-width: 300px;"></li><li style="max-width: 550px;"><div class="footer-muted em09">Copyright © 2025 · <a href="https://www.maxssl.com">MaxSSL</a> · <a target="_blank" href="http://beian.miit.gov.cn">浙ICP备2022011180号</a></div><div class="footer-contact mt10 hidden-xs"></div></li><li class="hidden-xs"></li></ul></div></footer> <script></script> <script type="text/javascript">window._win={views:'52023',www:'https://www.maxssl.com',uri:'https://www.maxssl.com/wp-content/themes/zibll',ver:'8.1',imgbox:'1',imgbox_type:'group',imgbox_thumbs:'1',imgbox_zoom:'1',imgbox_full:'1',imgbox_play:'1',imgbox_down:'1',sign_type:'modal',signin_url:'https://www.maxssl.com/user-sign/?tab=signin&redirect_to=https%3A%2F%2Fwww.maxssl.com%2Farticle%2F52023%2F',signup_url:'https://www.maxssl.com/user-sign/?tab=signup&redirect_to=https%3A%2F%2Fwww.maxssl.com%2Farticle%2F52023%2F',ajax_url:'https://www.maxssl.com/wp-admin/admin-ajax.php',ajaxpager:'',ajax_trigger:'<i class="fa fa-angle-right"></i>加载更多',ajax_nomore:'没有更多内容了',qj_loading:'',highlight_kg:'1',highlight_hh:'',highlight_btn:'1',highlight_zt:'dracula',highlight_white_zt:'enlighter',highlight_dark_zt:'dracula',upload_img_size:'3',img_upload_multiple:'6',upload_video_size:'30',upload_file_size:'30',upload_ext:'jpg|jpeg|jpe|gif|png|bmp|tiff|tif|webp|avif|ico|heic|heif|heics|heifs|asf|asx|wmv|wmx|wm|avi|divx|flv|mov|qt|mpeg|mpg|mpe|mp4|m4v|ogv|webm|mkv|3gp|3gpp|3g2|3gp2|txt|asc|c|cc|h|srt|csv|tsv|ics|rtx|css|vtt|dfxp|mp3|m4a|m4b|aac|ra|ram|wav|ogg|oga|flac|mid|midi|wma|wax|mka|rtf|pdf|class|tar|zip|gz|gzip|rar|7z|psd|xcf|doc|pot|pps|ppt|wri|xla|xls|xlt|xlw|mdb|mpp|docx|docm|dotx|dotm|xlsx|xlsm|xlsb|xltx|xltm|xlam|pptx|pptm|ppsx|ppsm|potx|potm|ppam|sldx|sldm|onetoc|onetoc2|onetmp|onepkg|oxps|xps|odt|odp|ods|odg|odc|odb|odf|wp|wpd|key|numbers|pages',user_upload_nonce:'853816e54b',is_split_upload:'1',split_minimum_size:'20',comment_upload_img:''}</script> <div class="float-right round position-bottom"><a class="float-btn toggle-theme hover-show" data-toggle="tooltip" data-placement="left" title="切换主题" href="javascript:;"><i class="fa fa-toggle-theme"></i> </a><span class="float-btn qrcode-btn hover-show service-wechat"><i class="fa fa-qrcode"></i><div class="hover-show-con dropdown-menu"><div class="qrcode" data-size="100"></div><div class="mt6 px12 muted-color">在手机上浏览此页面</div></div></span><a class="float-btn ontop fade" data-toggle="tooltip" data-placement="left" title="返回顶部" href="javascript:(scrollTopTo());"><i class="fa fa-angle-up em12"></i></a></div><div mini-touch="nav_search" touch-direction="top" class="main-search fixed-body main-bg box-body navbar-search nopw-sm"><div class="container"><div class="mb20"><button class="close" data-toggle-class data-target=".navbar-search" ><svg class="ic-close" aria-hidden="true"><use xlink:href="#icon-close"></use></svg></button></div><div remote-box="https://www.maxssl.com/wp-admin/admin-ajax.php?action=search_box" load-click><div class="search-input"><p><i class="placeholder s1 mr6"></i><i class="placeholder s1 mr6"></i><i class="placeholder s1 mr6"></i></p><p class="placeholder k2"></p><p class="placeholder t1"></p><p><i class="placeholder s1 mr6"></i><i class="placeholder s1 mr6"></i><i class="placeholder s1 mr6"></i><i class="placeholder s1 mr6"></i></p><p class="placeholder k1"></p><p class="placeholder t1"></p><p></p><p class="placeholder k1" style="height: 80px;"></p></div></div></div></div><noscript><style>.lazyload{display:none}</style></noscript><script data-noptimize="1">window.lazySizesConfig=window.lazySizesConfig||{};window.lazySizesConfig.loadMode=1;</script><script async data-noptimize="1" src='https://www.maxssl.com/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js'></script><script type="text/javascript" src="https://www.maxssl.com/wp-content/themes/zibll/js/libs/jquery.min.js" id="jquery-js"></script> <script type="text/javascript" src="https://www.maxssl.com/wp-content/themes/zibll/js/libs/bootstrap.min.js" id="bootstrap-js"></script> <script type="text/javascript" src="https://www.maxssl.com/wp-content/cache/autoptimize/js/autoptimize_single_19c400de3036bd5e684cc1f7e4d8bcbc.js" id="_loader-js"></script> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7656930379472324" crossorigin="anonymous"></script> <script type="text/javascript">console.log("数据库查询：73次 | 页面生成耗时：2392.225ms");</script> </body></html>