练手文章...

Author： HayFuon
发布时间：July 31, 2021
1178 views
No comments
988 words
Categories：默认分类

...

<div class="inner-content" >
<p class="inser-title">欢迎使用 Typecho</p>
<div class="inster-summary text-muted">
如果您看到这篇文章,表示您的 blog 已经安装成功.
</div>
</div>
</a>

</div>

</div>
<div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-4abe25d9b4f1d7e7d7bdc07a9c1b4ea61" 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-4abe25d9b4f1d7e7d7bdc07a9c1b4ea61" class="collapse collapse-content"><p></p>这里编辑收缩框内容<p></p></div></div></div>

```php
<?php
   echo "qweqwe";
?>

$("#demo").val("demo");
```

<div class="hideContent">该部分仅登录用户可见</div>

<div class="hideContent">此处内容需要评论回复后（审核通过）方可阅读。</div>

![测试图片内容](https://raw.githubusercontents.com/hayfuon/hayimg/master/HayPic/20210801070644.jpg)

<span style='color:#FFFFFF'>测试彩色文字</span>

标签内容测试
</div>

[album type="photos"]

[普通的图片插入，支持markdown语法和html语法，混合也可以]
[/album] </div>

<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">2020-1-20</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>

<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" checked="" disabled="" value="">
                    <i></i>
                     只有完成和未完成两种状态的任务，check后的值true代表已经完成，false表示未完成 
                </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-warning" role="progressbar" aria-valuenow="97" aria-valuemin="0"
                 aria-valuemax="100" style="width: 50%;"><span> 50% </span></div>
            </div></div></div></div>

Last modification：November 24, 2022