handsome 主题演示

博主：权刃
发布时间：2022 年 11 月 26 日
2091 次浏览
5 条评论
4774字数
分类： 🌐网络

防止我忘记这些而出的文章

标题

一级：

二级：

##

三级：

###

四级：

####

五级：

#####

六级：

######

加粗/斜体/删除线

这是加粗

**文本**

这是斜体

*文本*

~~这是删除~~

~~文本~~

*他们可以一起配合使用*

文字链接

小权的探险日记呀

[小权的探险日记呀](https://www.nsxsb.com)

无序列表/有序列表/任务列表

这是1
这是2
这是3

这是1
这是2
这是3

[ ] 我要备案~

引用

这是一个文章

分割线

o(￣︶￣)o

代码块/行内代码

`（三个符号）
hello word
`（三个符号）

hello word

左右一个“``”

表格

星期一	星期二	星期三
100￥
	-10￥	10￥

插入图片

pixiv画师@翼つばさ

![pixiv画师@翼つばさ](https://s1.ax1x.com/2022/11/26/ztdBmn.jpg)

插入文字颜色

我是绿色~

[font color="十六进制值颜色代码"]文字[/font]

插入音乐/专辑

[hplayer]
[Music server="netease" id="音乐ID（如网易云音乐链接最后面的ID）" type="song"/]
[/hplayer]

插入视频

[vplayer url="视频链接" pic="图片链接" /]

插入文章

搞了一个月网站的心情

起因：分手后我基本上把心思放在上学学习以及工作后，生活也慢慢地恢复正常，有时候我也会帮一下一些附近的人部署好主机/...

[po删除st cid="文章ID" cover="图片链接" size=""/]

插入按钮

[button color="warning" icon="" url="打开链接" type="round"]文字[/button]

插入高亮引用

这是黄色的短代码框，常用来做提示，引起读者注意。

这是红色的短代码框，用于严重警告什么的。

这是浅蓝色的短代码框，用于显示一些信息。

这是绿色的短代码框，显示一些推荐信息。

[sc删除ode type="颜色"]这是绿色的短代码框，显示一些推荐信息。[/scode]

插入收缩框

不要打开哦

hello word

[colla删pse status="false" title="标题"]文字这些[/collapse]

插入评论可见/登录可见

此处内容需要评论回复后（审核通过）方可阅读。

该部分仅登录用户可见

插入 tag

图片1
代码

请输入图片描述

[tab name="图片1" active="true"（ac这个代表第一个tag第一个）]
文字

插入相册

[album type="photos"]
[普通的图片插入，支持markdown语法和html语法，混合也可以]
[/album]

插入时间线

上学日常

2022-11-26

我在写文章

插入无具体时间的事件，不要将这种事件放在开头/结尾

2020-2-20

当前时间的事件

[timeline title="请输入标题" type="small"]
[item date="2020-1-20"] 当前时间的事件 [/item]
[item]插入无具体时间的事件，不要将这种事件放在开头/结尾[/item]
[item date="2020-2-20"]当前时间的事件 [/item]
[/timeline]

插入计划表

“小目标“

找个女朋友

有时间进度的任务：

[goal title="小目标"]
[item check="true"] 只有完成和未完成两种状态的任务，check后的值true代表已经完成，false表示未完成 [/item]
[item progress="50%"] 有时间进度的任务 [/item]
[/goal]

插入多列布局

普通的一列

该列的宽度只有20%

该列的宽度只有200像素

[column]
[block] 普通的一列 [/block]
[block size="20%"]该列的宽度只有20%[/block]
[block size="200px"]该列的宽度只有200像素 [/block]
[/column]

链接卡片

百度一些百度一下你就知道

网站名称一些链接描述

[link]
[item name="百度一些" link="http://baidu.com" desc="百度一下你就知道" /]
[item name="网站名称" link="http://example.com" desc="一些链接描述" /]
[item name="网站名称" link="http://example.com" desc="一些链接描述" pic="图片地址" /]
[/link]

外链卡片

小权的探险日记

无聊的人搞了个无聊的日记

[po删st url="https://www.nsxsb.com" 删title="网站标题" intro="网站介绍" cover="介绍图片链接" /]

本文标题： handsome 主题演示

本文链接： https://www.nsxsb.com/99

除非另有说明，本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议。

声明：转载请注明文章来源。

最后修改：2022 年 12 月 12 日

如果你觉得可以那就赞赏一下吧，一毛钱都可以~

5 条评论

权刃
2023-1-28 03:47:11

换了一家营运图床的，看看还不会挂（路过AI太容易误删了）

回复
不知名的贫僧
2023-1-14 00:49:22

测试

回复
权刃
2022-11-27 16:33:19

回复
T🥀
2022-11-26 19:06:28

哇😯

回复
权刃 2
2022-11-26 12:44:56

那个登录/评论查看不知道为什么只显示一半，另一半加个“/”

回复

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

评论 *

私密评论

名称 *

🎲

邮箱 *

地址

handsome 主题演示

权刃 • 2022 年 11 月 26 日

<div class="tip share">请注意，本文编写于 748 天前，最后修改于 732 天前，其中某些信息可能已经过时。</div>

防止我忘记这些而出的文章
</div></p><h1>标题</h1><p>一级：</p><pre><code class="lang-html">#</code></pre><p>二级：</p><pre><code class="lang-html">##</code></pre><p>三级：</p><pre><code class="lang-html">###</code></pre><p>四级：</p><pre><code class="lang-html">####</code></pre><p>五级：</p><pre><code class="lang-html">#####</code></pre><p>六级：</p><pre><code class="lang-html">######</code></pre><h1>加粗/斜体/删除线</h1><p><strong>这是加粗</strong></p><pre><code class="lang-html">**文本**</code></pre><p><em>这是斜体</em></p><pre><code class="lang-html">*文本*</code></pre><p><del>这是删除</del></p><pre><code class="lang-html">~~文本~~</code></pre><p><em>*他们<strong><em>可以一起<em><del>配合</del></em></em>使</em></strong>用*</p><h1>文字链接</h1><p><a href="https://www.nsxsb.com">小权的探险日记呀</a></p><pre><code class="lang-html">[小权的探险日记呀](https://www.nsxsb.com)</code></pre><h1>无序列表/有序列表/任务列表</h1><ul><li>这是1</li><li>这是2</li><li>这是3</li></ul><hr><ol><li>这是1</li><li>这是2</li><li>这是3</li></ol><hr><ul><li>[ ]  我要备案~</li></ul><h1>引用</h1><blockquote>这是一个文章</blockquote><h1>分割线</h1><p>o(<em>￣︶￣</em>)o</p><hr><hr><h1>代码块/行内代码</h1><pre><code class="lang-html">`（三个符号）
hello word
`（三个符号）</code></pre><hr><p><code>hello word</code></p><p>左右一个“``”</p><h1>表格</h1><table><thead><tr><th>星期一</th><th>星期二</th><th>星期三</th></tr></thead><tbody><tr><td>100￥</td><td> </td><td> </td></tr><tr><td> </td><td>-10￥</td><td>10￥</td></tr></tbody></table><h1>插入图片</h1><p><img src="https://s1.ax1x.com/2022/12/04/zsQB6g.jpg" alt="pixiv画师@翼つばさ" title="pixiv画师@翼つばさ" style=""></p><pre><code class="lang-html">![pixiv画师@翼つばさ](https://s1.ax1x.com/2022/11/26/ztdBmn.jpg)</code></pre><h1>插入文字颜色</h1><p><span style='color:#90EE90'>我是绿色~</span></p><pre><code class="lang-html">[font color=&quot;十六进制值颜色代码&quot;]文字[/font]</code></pre><h1>插入音乐/专辑</h1><p><div class='handsome_aplayer player-content' data-preload="auto" data-autoplay="false" data-listMaxHeight="340px" data-order="list">
<div class="handsomePlayer-tip-loading"><span></span> <span></span> <span></span> <span></span><span></span></div><div class="handsome_aplayer_music" data-id="517346741" data-server="netease" data-type="song" data-auth="e88f5c2d87d1b1982867be6a2b7c5f0b"></div>
</div>
</p><pre><code class="lang-html">[hplayer]
[Music server=&quot;netease&quot; id=&quot;音乐ID（如网易云音乐链接最后面的ID）&quot; type=&quot;song&quot;/]
[/hplayer]</code></pre><hr><p><div class='handsome_aplayer player-content' data-preload="auto" data-autoplay="false" data-listMaxHeight="340px" data-order="list">
<div class="handsomePlayer-tip-loading"><span></span> <span></span> <span></span> <span></span><span></span></div><div class="handsome_aplayer_music" data-id="2713522727" data-server="netease" data-type="playlist" data-auth="365dfc4be7c7c2fbc8607c2226d2fafd"></div>
</div>
</p><h1>插入视频</h1><p><video src="https://alimov2.a.kwimgs.com/upic/2022/10/19/15/BMjAyMjEwMTkxNTA2NDlfMTQxMjQ3NDk4NV84Njc4MDg4NjgwNF8xXzM=_b_Ba606b501f6cbe03234b59b5794fc8c30.mp4?clientCacheKey=3xhjtxpur4hjgxk_b.mp4&tt=b&di=df6847e0&bp=10000" style="background-image:url();background-size: cover;"></video></p><pre><code class="lang-html">[vplayer url=&quot;视频链接&quot; pic=&quot;图片链接&quot; /]</code></pre><h1>插入文章</h1><p><div class="preview">
<div class="post-inser post box-shadow-wrap-normal">
<a href="https://www.nsxsb.com/98" target="_blank" class="post_inser_a no-external-link no-underline-link">
<div class="inner-image bg" style="background-image: url(https://s1.ax1x.com/2022/11/26/ztdL1e.png);background-size: cover;"></div>

<div class="inner-content" >
<p class="inser-title">搞了一个月网站的心情</p>
<div class="inster-summary text-muted">
起因：分手后我基本上把心思放在上学学习以及工作后，生活也慢慢地恢复正常，有时候我也会帮一下一些附近的人部署好主机/...
</div>
</div>
</a>

</div>

</div></p><pre><code class="lang-html">[po删除st cid=&quot;文章ID&quot; cover=&quot;图片链接&quot; size=&quot;&quot;/]</code></pre><h1>插入按钮</h1><p><button class=" btn m-b-xs btn-warning btn-rounded " onclick="window.open('https://kjimg10.360buyimg.com/ott/jfs/t1/206931/6/28837/14210/637e33ccE6ff99890/3c43757c7769b6df.png','_blank')">赞助我~（微信）</button></p><pre><code class="lang-html">[button color=&quot;warning&quot; icon=&quot;&quot; url=&quot;打开链接&quot; type=&quot;round&quot;]文字[/button]</code></pre><h1>插入高亮引用</h1><p><div class="tip inlineBlock share">

这是灰色的短代码框，常用来引用资料什么的
</div><br><div class="tip inlineBlock warning">

这是黄色的短代码框，常用来做提示，引起读者注意。
</div><br><div class="tip inlineBlock error">

这是红色的短代码框，用于严重警告什么的。
</div><br><div class="tip inlineBlock info">

这是浅蓝色的短代码框，用于显示一些信息。
</div><br><div class="tip inlineBlock success">

这是绿色的短代码框，显示一些推荐信息。
</div></p><pre><code class="lang-html">[sc删除ode type=&quot;颜色&quot;]这是绿色的短代码框，显示一些推荐信息。[/scode]</code></pre><h1>插入收缩框</h1><p><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-85fe2ef572b08e64b61196d69b891b6f62" 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-85fe2ef572b08e64b61196d69b891b6f62" class="collapse collapse-content"><p></p>hello word<p></p></div></div></div></p><pre><code class="lang-html">[colla删pse status=&quot;false&quot; title=&quot;标题&quot;]文字这些[/collapse]</code></pre><h1>插入评论可见/登录可见</h1><p><div class="hideContent">此处内容需要评论回复后（审核通过）方可阅读。</div></code></pre><p><div class="hideContent">该部分仅登录用户可见</div></code></pre><h1>插入 tag</h1><p><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-30e3478d9531004a0f3615cd922f0509590' role="tab" data-target='#tabs-30e3478d9531004a0f3615cd922f0509590'>图片1</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-89a3921c200d04866590830909a35cc3741' role="tab" data-target='#tabs-89a3921c200d04866590830909a35cc3741'>代码</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-30e3478d9531004a0f3615cd922f0509590' class="tab-pane fade active in">
            </p><p><img src="https://s1.ax1x.com/2022/11/26/ztwv2F.png" alt="请输入图片描述" title="请输入图片描述" style=""></p><p></div><div role="tabpanel" id='tabs-89a3921c200d04866590830909a35cc3741' class="tab-pane fade  ">
            </p><pre><code class="lang-html">[tab name=&quot;图片1&quot; active=&quot;true&quot;（ac这个代表第一个tag第一个）]
文字
</div>
</div>
</div></code></pre><h1>插入相册</h1><p><div class='album-photos'><figure>
        <img src="https://s1.ax1x.com/2022/11/26/zt0Qat.png" alt="请输入图片描述" title="请输入图片描述" style="">
        <figcaption>请输入图片描述</figcaption>
</figure></div></p><pre><code class="lang-html">[album type=&quot;photos&quot;]
[普通的图片插入，支持markdown语法和html语法，混合也可以]
[/album]</code></pre><h1>插入时间线</h1><p><div class="panel panel-default  box-shadow-wrap-lg goal-panel">
<div class="panel-heading">
        上学日常
    </div>
<div class="padder-md wrapper">     <div class="streamline b-l m-b"><div class="sl-item b- b-l">
                                <div class="m-l">
                                    <div class="text-muted">2022-11-26</div>
                                    <p>我在写文章</p>
                                </div>
                            </div><div class="bg-light wrapper-sm m-l-n m-r-n m-b r r-2x">插入无具体时间的事件，不要将这种事件放在开头/结尾</div><div class="sl-item b-dark b-l">
                                <div class="m-l">
                                    <div class="text-muted">2020-2-20</div>
                                    <p>当前时间的事件</p>
                                </div>
                            </div></div></div></div></p><pre><code class="lang-html">[timeline title=&quot;请输入标题&quot; type=&quot;small&quot;]
[item date=&quot;2020-1-20&quot;] 当前时间的事件 [/item]
[item]插入无具体时间的事件，不要将这种事件放在开头/结尾[/item]
[item date=&quot;2020-2-20&quot;]当前时间的事件 [/item]
[/timeline]</code></pre><h1>插入计划表</h1><p><div class="panel panel-default  box-shadow-wrap-lg goal-panel">
    <div class="panel-heading">
        “小目标“
    </div>
    <div class="list-group">
   <div class="list-group-item"><div class="checkbox">
                <label class="i-checks">
                    <input type="checkbox"  disabled="" value="">
                    <i></i>
                     找个女朋友 
                </label>
</div>            <p class="goal_name"> 有时间进度的任务 ：</p>
            <div class="progress-striped active m-b-sm progress" value="dynamic" type="danger">
                <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="97" aria-valuemin="0"
                 aria-valuemax="100" style="width: 1%;"><span> 1% </span></div>
            </div></div></div></div></p><pre><code class="lang-html">[goal title=&quot;小目标&quot;]
[item check=&quot;true&quot;] 只有完成和未完成两种状态的任务，check后的值true代表已经完成，false表示未完成 [/item]
[item progress=&quot;50%&quot;] 有时间进度的任务 [/item]
[/goal]</code></pre><h1>插入多列布局</h1><p><div class="flex-column"><div class="flex-block" style="flex:auto"> 普通的一列 </div><div class="flex-block" style="flex:20%">该列的宽度只有20%</div><div class="flex-block" style="flex:200px">该列的宽度只有200像素 </div></div></p><pre><code class="lang-html">[column]
[block] 普通的一列 [/block]
[block size=&quot;20%&quot;]该列的宽度只有20%[/block]
[block size=&quot;200px&quot;]该列的宽度只有200像素 [/block]
[/column]</code></pre><h1>链接卡片</h1><p><div class="list-group list-group-lg list-group-sp row" style="margin: 0"><div class="col-sm-6">
<a href="http://baidu.com" target="_blank" class="no-external-link no-underline-link list-group-item no-borders 
box-shadow-wrap-lg"> <span class="pull-left thumb-sm avatar m-r"> <img noGallery 
src="https://www.nsxsb.com/usr/plugins/Handsome/assets/image/nopic.jpg" alt="Error" class="img-square"></span> <span class="clear"><span 
class="text-ellipsis">
  百度一些</span> <small class="text-muted clear text-ellipsis">百度一下你就知道</small> </span> </a>
</div><div class="col-sm-6">
<a href="http://example.com" target="_blank" class="no-external-link no-underline-link list-group-item no-borders 
box-shadow-wrap-lg"> <span class="pull-left thumb-sm avatar m-r"> <img noGallery 
src="https://www.nsxsb.com/usr/plugins/Handsome/assets/image/nopic.jpg" alt="Error" class="img-square"></span> <span class="clear"><span 
class="text-ellipsis">
  网站名称</span> <small class="text-muted clear text-ellipsis">一些链接描述</small> </span> </a>
</div><div class="col-sm-6">
<a href="http://example.com" target="_blank" class="no-external-link no-underline-link list-group-item no-borders 
box-shadow-wrap-lg"> <span class="pull-left thumb-sm avatar m-r"> <img noGallery 
src="图片地址" alt="Error" class="img-square"></span> <span class="clear"><span 
class="text-ellipsis">
  网站名称</span> <small class="text-muted clear text-ellipsis">一些链接描述</small> </span> </a>
</div></div></p><pre><code class="lang-html">[link]
[item name=&quot;百度一些&quot; link=&quot;http://baidu.com&quot; desc=&quot;百度一下你就知道&quot; /]
[item name=&quot;网站名称&quot; link=&quot;http://example.com&quot; desc=&quot;一些链接描述&quot; /]
[item name=&quot;网站名称&quot; link=&quot;http://example.com&quot; desc=&quot;一些链接描述&quot; pic=&quot;图片地址&quot; /]
[/link]</code></pre><h1>外链卡片</h1><p><div class="preview">
<div class="post-inser post box-shadow-wrap-normal">
<a href="https://www.nsxsb.com" target="_blank" class="post_inser_a no-external-link no-underline-link">
<div class="inner-image bg" style="background-image: url(https://image.uc.cn/s/wemedia/s/upload/2022/b6566a47113d5b8a2ea736d94f27ddcf.jpg);background-size: cover;"></div>

<div class="inner-content" >
<p class="inser-title">小权的探险日记</p>
<div class="inster-summary text-muted">
无聊的人搞了个无聊的日记
</div>
</div>
</a>

</div>

</div></p><pre><code class="lang-html">[po删st url=&quot;https://www.nsxsb.com&quot; 删title=&quot;网站标题&quot; intro=&quot;网站介绍&quot; cover=&quot;介绍图片链接&quot; /]
</code></pre>

handsome 主题演示

标题

加粗/斜体/删除线

文字链接

无序列表/有序列表/任务列表

引用

分割线

代码块/行内代码

表格

插入图片

插入文字颜色

插入音乐/专辑

插入视频

插入文章

插入按钮

插入高亮引用

插入收缩框

插入评论可见/登录可见

插入 tag

插入相册

插入时间线

插入计划表

插入多列布局

链接卡片

外链卡片

5 条评论

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

【PC】解决快连换账号显示“检测到账户存在异常，系统正在处理中，请明天再进行尝试。”问题

【PC】无需第三方修改电脑版快连的“检测到账户存在异常，系统正在处理中，请明天再进行尝试”问题

【安卓】快连无限白嫖青铜会员教程

（PC/安卓）你和她和她的恋爱/君と彼女と彼女の恋下载

【阿衰】全集原版漫画PDF+JPG下载

nginx启动不了的N种常见报错情况的解决教程

【PC】Windows10任何软件都可以放入“开始屏幕”

捅了四天喉咙了🥵希望疫情快过去吧

2023的总结

【PC】十二色的季节/Season of 12 colors 下载

handsome 主题演示

标题

加粗/斜体/删除线

文字链接

无序列表/有序列表/任务列表

引用

分割线

代码块/行内代码

表格

插入图片

插入文字颜色

插入音乐/专辑

插入视频

插入文章

插入按钮

插入高亮引用

插入收缩框

插入评论可见/登录可见

插入 tag

插入相册

插入时间线

插入计划表

插入多列布局

链接卡片

外链卡片

5 条评论

发表评论 取消回复 使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

handsome 主题演示

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款