主题内容测试

博主：晚风
发布时间：2023 年 01 月 29 日
86 次浏览
暂无评论
1892字数
分类：想法/学习

# 一级标签

## 二级标签

### 三级标签

#### 四级标签

##### 五级标签

###### 六级标签

**加粗**
*斜体*
~~删除线~~
[链接](https://csl88.top)

* 无
* 序
* 列
* 表

1. 有
2. 序
3. 列
4. 表

* [ ] 任务列表
* [ ] 任务列表2

> 引用

---

`hello word`

```
hello word
```

| col1 | col2 | col3 |
| --- | --- | --- |
|  |  |  |
|  |  |  |

![插入图片](http://img.wfy.pub/i/2022/08/29/630cc8706cb89.jpg)

<span style='color:#7FFF00'>带颜色的文字</span>

<div class="inner-content" >
<p class="inser-title">新</p>
<div class="inster-summary text-muted">
换了typecho主题。一下琢磨出了主题更换，更多的就涉及到web设计。只有技术的扎实才有足够的信心。明天还要工作，晚安
</div>
</div>
</a>

</div>

</div>

<button class=" btn m-b-xs btn-light  " onclick='window.open("https://www.baidu.com/","_blank")'>这是一个按钮</button>

高亮引用
</div>

<div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-f93b87eaaa500a91159459b401e36f8d51" 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-f93b87eaaa500a91159459b401e36f8d51" class="collapse in collapse-content"><p></p>这里编辑收缩框内容，次收缩框默认展开<p></p></div></div></div>

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

<div class="hideContent">该部分仅登录用户可见</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>

<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>

<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><div class="checkbox">
                <label class="i-checks">
                    <input type="checkbox"  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-success" role="progressbar" aria-valuenow="97" aria-valuemin="0"
                 aria-valuemax="100" style="width: 100%;"><span> 100% </span></div>
            </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>

最后修改：2023 年 02 月 02 日