Html静态模板主页
<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>博客首页-Onethink-简洁大气博客模板+点想博客模板设计分享-OneThink模板主题</title>
        <meta name="keywords" content="OneThink模板主题,网站模板,博客Html模板,企业网站模板" />
        <meta name="description" content="这是个人博客模板静态Html文件主题,可以用在任何响应式博客网站模板,页面采用最新网页设计技术,Html5+CSS3,页面实现响应式布局,适应电脑端、平板、手机等多终端设备。" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/base.css" rel="stylesheet">
        <script src="js/jquery-1.8.3.min.js" ></script>
        <script src="js/comm.js"></script>
        <!--[if lt IE 9]>
            <script src="js/modernizr.js"></script>
        <![endif]-->
    </head>
    <body>
        <div class="blog-box">
            <header id="header">
                <div class="box hidden">
                    <div class="site-name"><h2><a href="index.html">点想博客</a></h2><span>DianThink的个人博客</span></div>
                    <div class="search-box">
                        <form action="javascript:void(0);" type="post">
                            <input class="keywords" type="text" />
                            <input type="submit" value="搜索" />
                        </form>
                    </div>
                </div>
                <nav>
                    <ul id="starlist">
                        <li><a href="list.html">生活琐事</a></li>
                        <span></span>
                        <li><a href="list.html">有感而发</a></li>
                        <span></span>
                        <li><a href="list.html">博客日记</a></li>
                        <span></span>
                        <li><a href="list.html">Web教程</a></li>
                        <span></span>
                        <li><a href="list.html">互联网的一些事</a></li>
                        <span></span>
                        <li><a href="commont.html">可以留言</a></li>
                        <span></span>
                        <li><a href="about.html">关于自己</a></li>
                        <span></span>
                        <li><a href="list.html">OneThink</a></li>
                        <span></span>
                        <li><a href="links.html">Frend-Link</a></li>
                    </ul>
                </nav>
            </header>
            <div class="nav"></div>
            <div class="hidden">
                <div class="left">
                    <div class="article-list home">
                        <ul>
                            <li>
                                <article>
                                    <h2><a href="javascript:void(0);">顶尖公司聘请数据科学家</a></h2>
                                    <p class="des">如果你遇到一个数据科学家,很可能你遇到了一个非常快乐的人。 在影响工作质量的三大因素中,数据科学家们已经跑了几年的胜利圈。无论是惊人的起薪,高工作满意度和对该领域的需求水平,数据科学家都在扼杀它。</p>
                                    <a class="more" href="javascript:void(0);">继续阅读 →</a>
                                    <span class="hidden">
                                        <p><em>Time:</em>2020年2月21日</p>
                                        <p><em>From:</em>互联网的一些事</p>
                                        <p><em>Key:</em><a href="javascript:void(0);">WordPress</a> <a href="javascript:void(0);">WordPress插件</a> <a href="javascript:void(0);">豆瓣</a></p>
                                    </span>
                                </article>
                            </li>
                            <li>
                                <article> 
                                    <h2><a href="javascript:void(0);">ThinkPHP开源新零售小程序_萤火商城系统</a></h2>
                                    <p class="des">商业版在线演示 后台体验地址:https://demo.yiovo.com 小程序端体验:萤火商城商业版 萤火小程序商城是B2C模式的电子商城,是在Thinkphp5基础上搭建的一个PHP项目,前后端全部开源。Thinkphp5以易学易用著称,同时也方便二次开发,让您快速搭建个性化独立商城。</p>
                                    <a class="more" href="javascript:void(0);">继续阅读 →</a>
                                    <span class="hidden">
                                        <p><em>Time:</em>2020年2月18日</p>
                                        <p><em>From:</em>Web教程</p>
                                        <p><em>Key:</em><a href="javascript:void(0);">php5开源软件</a> <a href="javascript:void(0);">PHPThink</a> <a href="javascript:void(0);">PHPthink</a></p>
                                    </span>
                                </article>
                            </li>
                            <li>
                                <article> 
                                    <h2><a href="javascript:void(0);">php函数和方法的区别是什么?</a></h2>
                                    <p class="des">之前,一直以为函数和方法是一回事,直到看了thinkphp文档里面,有函数和方法的规范,才知道不是一回事。方法是类里的"函数",只能通过对象调用;特别的,类的静态方法能够通过类名直接调用,平常说的函数,应该是全局作用域里的函数,引入后可以在任何地方直接调用。</p>
                                    <a class="more" href="javascript:void(0);">继续阅读 →</a>
                                    <span class="hidden">
                                        <p><em>Time:</em>2020年2月15日</p>
                                        <p><em>From:</em>Web教程</p>
                                        <p><em>Key:</em><a href="javascript:void(0);">程序员</a> <a href="javascript:void(0);">PHPThink</a> <a href="javascript:void(0);">PHP</a></p>
                                    </span>
                                </article>
                            </li>
                            <li>
                                <article> 
                                    <h2><a href="javascript:void(0);">Photoshop体系学习基础认识</a></h2>
                                    <p class="des">Photoshop体系学习基础认识:Photoshop是一个平面的二维的图像合成软件,合成是在已有的素材基础上的艺术在加工、修改、创作(合成体系)。学习软件之前决解的三个问题:颜色问题、分辨率、图层问题;</p>
                                    <a class="more" href="javascript:void(0);">继续阅读 →</a>
                                    <span class="hidden">
                                        <p><em>Time:</em>2020年2月12日</p>
                                        <p><em>From:</em>Photoshop</p>
                                        <p><em>Key:</em><a href="javascript:void(0);">Photoshop案例</a> <a href="javascript:void(0);">Photoshop</a> <a href="javascript:void(0);">Photoshop设计案例</a></p>
                                    </span>
                                </article>
                            </li>
                            <li>
                                <article> 
                                    <h2><a href="javascript:void(0);">百度URL列表—XML格式及规范说明?</a></h2>
                                    <p class="des">Sitemap(即站点地图)就是您网站上各网页的列表。创建并提交Sitemap有助于百度发现并了解您网站上的所有网页。您还可以使用Sitemap提供有关您网站的其他信息,如上次更新日期、Sitemap文件的更新频率等,供百度Spider参考。</p>
                                    <a class="more" href="javascript:void(0);">继续阅读 →</a>
                                    <span class="hidden">
                                        <p><em>Time:</em>2020年2月12日</p>
                                        <p><em>From:</em>博客日记</p>
                                    </span>
                                </article>
                            </li>
                            <li>
                                <article> 
                                    <h2><a href="javascript:void(0);">Javascript开发的kindeditor编辑器是很好用的编辑器,有提供......</a></h2>
                                    <p class="des">KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript 编写,可以无缝地与 Java、.NET、PHP、ASP 等程序集成,比较适合在 CMS、商城、论坛、</p>
                                    <a class="more" href="javascript:void(0);">继续阅读 →</a>
                                    <span class="hidden">
                                        <p><em>Time:</em>2020年2月12日</p>
                                        <p><em>From:</em>博客日记</p>
                                        <p><em>Key:</em><a href="javascript:void(0);">编辑器</a> <a href="javascript:void(0);">kindeditor</a> <a href="javascript:void(0);">Javascript</a></p>
                                    </span>
                                </article>
                            </li>
                            <li>
                                <article> 
                                    <h2><a href="javascript:void(0);">git 常用命令,时间就不用咋个就忘记,咋个办呢,mark下git命令</a></h2>
                                    <p class="des">git version(查看git版本命令) git config --global user.name "micsky"(用户名配置) git config --global user.email "micsky@qq.com"(邮箱配置) mkdir micsky(创建个micsky目录) cd micsky(进入目录) git init(初始化) git status(查看状态) git add readme.txt(将文</p>
                                    <a class="more" href="javascript:void(0);">继续阅读 →</a>
                                    <span class="hidden">
                                        <p><em>Time:</em>2020年2月12日</p>
                                        <p><em>From:</em>博客日记</p>
                                        <p><em>Key:</em><a href="javascript:void(0);">WEB</a> <a href="javascript:void(0);">git</a> <a href="javascript:void(0);">git命令</a></p>
                                    </span>
                                </article>
                            </li>
                            <li>
                                <article> 
                                    <h2><a href="javascript:void(0);">VueJs 绑定 HTML Class class 列表使用对象语法</a></h2>
                                    <p class="des">操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性,所以我们可以用 v-bind 处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且易错。因此,在将 v-bind 用于 class 和 style 时,Vue.js 做了专门的增强。表达式结果的类型除了字符串之外,还可以是对象或数组。</p>
                                    <a class="more" href="javascript:void(0);">继续阅读 →</a>
                                    <span class="hidden">
                                        <p><em>Time:</em>2020年2月12日</p>
                                        <p><em>From:</em>Web教程</p>
                                        <p><em>Key:</em><a href="javascript:void(0);">Web</a> <a href="javascript:void(0);">VueJs</a> <a href="javascript:void(0);">对象语法 </a></p>
                                    </span>
                                </article>
                            </li>
                            <li>
                                <article> 
                                    <h2><a href="javascript:void(0);">VueJs 绑定 HTML Class class 列表使用对象语法</a></h2>
                                    <p class="des">操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性,所以我们可以用 v-bind 处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且易错。因此,在将 v-bind 用于 class 和 style 时,Vue.js 做了专门的增强。表达式结果的类型除了字符串之外,还可以是对象或数组。</p>
                                    <a class="more" href="javascript:void(0);">继续阅读 →</a>
                                    <span class="hidden">
                                        <p><em>Time:</em>2020年2月12日</p>
                                        <p><em>From:</em>Web教程</p>
                                        <p><em>Key:</em><a href="javascript:void(0);">WEB</a> <a href="javascript:void(0);">VueJs</a> <a href="javascript:void(0);">对象语法</a><a href="javascript:void(0);">VueJs绑定Html</a></p>
                                    </span>
                                </article>
                            </li>
                            <li>
                                <article> 
                                    <h2><a href="javascript:void(0);">设计师之-美工配色的六字真言Word文档离线版教程下载</a></h2>
                                    <p class="des">今天这篇文章来主要讲下关于配色常见的几种搭配方式,比较偏于理论,其实当我刚做美工的时候对于这些内容我是从来不看的,感觉非常枯燥,当做了一段时间工作之后,再回头看看这些内容又是另外一种感觉。这篇文章我希望尽可能缩短无用枯燥的理论,简短精干的总结几个方面来给大家带来一点启示。</p>
                                    <a class="more" href="javascript:void(0);">继续阅读 →</a>
                                    <span class="hidden">
                                        <p><em>Time:</em>2020年2月12日</p>
                                        <p><em>From:</em>Web教程</p>
                                        <p><em>Key:</em><a href="javascript:void(0);">WEB</a> <a href="javascript:void(0);">VueJs</a> <a href="javascript:void(0);">对象语法</a><a href="javascript:void(0);">VueJs绑定Html</a></p>
                                    </span>
                                </article>
                            </li>
                            <li>
                                <article> 
                                    <h2><a href="javascript:void(0);">VueJs 绑定 HTML Class class 列表使用对象语法</a></h2>
                                    <p class="des">操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性,所以我们可以用 v-bind 处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且易错。因此,在将 v-bind 用于 class 和 style 时,Vue.js 做了专门的增强。表达式结果的类型除了字符串之外,还可以是对象或数组。</p>
                                    <a class="more" href="javascript:void(0);">继续阅读 →</a>
                                    <span class="hidden">
                                        <p><em>Time:</em>2020年2月12日</p>
                                        <p><em>From:</em>Web教程</p>
                                        <p><em>Key:</em><a href="javascript:void(0);">WEB</a> <a href="javascript:void(0);">VueJs</a> <a href="javascript:void(0);">对象语法</a><a href="javascript:void(0);">VueJs绑定Html</a></p>
                                    </span>
                                </article>
                            </li>
                            <li>
                                <article> 
                                    <h2><a href="javascript:void(0);">设计师之-美工配色的六字真言Word文档离线版教程下载</a></h2>
                                    <p class="des">今天这篇文章来主要讲下关于配色常见的几种搭配方式,比较偏于理论,其实当我刚做美工的时候对于这些内容我是从来不看的,感觉非常枯燥,当做了一段时间工作之后,再回头看看这些内容又是另外一种感觉。这篇文章我希望尽可能缩短无用枯燥的理论,简短精干的总结几个方面来给大家带来一点启示。</p>
                                    <a class="more" href="javascript:void(0);">继续阅读 →</a>
                                    <span class="hidden">
                                        <p><em>Time:</em>2020年2月12日</p>
                                        <p><em>From:</em>Web教程</p>
                                        <p><em>Key:</em><a href="javascript:void(0);">WEB</a> <a href="javascript:void(0);">VueJs</a> <a href="javascript:void(0);">对象语法</a><a href="javascript:void(0);">VueJs绑定Html</a></p>
                                    </span>
                                </article>
                            </li>
                        </ul>
                    </div>
                    <div class="page">
                        <a class="l" href="javascript:void(0);">← 早期文章  </a>
                        <a class="r" href="javascript:void(0);">较新文章 →</a>
                    </div>
                    <div class="footer">
                        <p>版权所有 © (2018 - 2020) 王和先 │ 网站地图 │ 联系作者 │ 域名主机提供商: 阿里云.</p>
                        <p>备案:滇ICP备15003443号-2⋅滇公网安备00000000000000号</p>
                        <p>本站遵循"署名-非商业用途-保持一致"的创作共用协议,转载文章须注明来源。</p>
                    </div>
                </div>
                <div class="right">
                    <div class="my-blog">
                        <h2>现在起</h2>
                        <p>让您的博客焕然一新</p>
                        <a href="javascript:void(0);">我的博客</a>
                    </div>
                    <span class="right-title">微信</span>
                    <div class="wechart">
                        <img src="./images/wechart.jpg">
                    </div>
                    <span class="right-title">小程序</span>
                    <div class="wechart">
                        <img src="./images/xcx.jpg">
                    </div>
                    <span class="right-title">文章归档</span>
                    <div class="right-achieve">
                        <ul>
                            <li><a href="javascript:void(0);">2020年二月 (4)</a></li>
                            <li><a href="javascript:void(0);">2020年一月 (2)</a></li>
                            <li><a href="javascript:void(0);">2019年十二月 (1)</a></li>
                            <li><a href="javascript:void(0);">2019年十一月 (1)</a></li>
                            <li><a href="javascript:void(0);">2019年九月 (1)</a></li>
                            <li><a href="javascript:void(0);">2019年八月 (2)</a></li>
                            <li><a href="javascript:void(0);">2019年七月 (1)</a></li>
                            <li><a href="javascript:void(0);">2019年六月 (7)</a></li>
                            <li><a href="javascript:void(0);">2019年五月 (5)</a></li>
                            <li><a href="javascript:void(0);">2019年四月 (8)</a></li>
                            <li><a href="javascript:void(0);">2019年三月 (6)</a></li>
                            <li><a href="javascript:void(0);">2019年二月 (7)</a></li>
                            <li><a href="javascript:void(0);">2019年一月 (13)</a></li>
                            <li><a href="javascript:void(0);">2018年十二月 (10)</a></li>
                            <li><a href="javascript:void(0);">2018年十一月 (5)</a></li>
                            <li><a href="javascript:void(0);">2018年十月 (4)</a></li>
                            <li><a href="javascript:void(0);">2018年九月 (12)</a></li>
                            <li><a href="javascript:void(0);">2018年八月 (15)</a></li>
                            <li><a href="javascript:void(0);">2018年七月 (12)</a></li>
                            <li><a href="javascript:void(0);">2018年六月 (18)</a></li>
                            <li><a href="javascript:void(0);">2018年五月 (15)</a></li>
                            <li><a href="javascript:void(0);">2018年四月 (25)</a></li>
                            <li><a href="javascript:void(0);">2018年三月 (2)</a></li>
                        </ul>
                    </div>
                    <span class="right-title">近期文章</span>
                    <div class="right-article">
                        <ul>
                            <li><a href="javascript:void(0);">WordPress添加豆瓣书影记录——bmdb插件介绍</a></li>
                            <li><a href="javascript:void(0);">“失踪”多年的小学同学</a></li>
                            <li><a href="javascript:void(0);">我们期待我们盼望</a></li>
                            <li><a href="javascript:void(0);">疫情中的人情</a></li>
                            <li><a href="javascript:void(0);">世事无常:生命竟如此珍贵</a></li>
                        </ul>
                    </div>
                    <span class="right-title">标签导航</span>
                    <div class="right-keyword">
                        <a href="javascript:void(0);">begin</a>
                        <a href="javascript:void(0);">WordPress</a>
                        <a href="javascript:void(0);">于和伟</a>
                        <a href="javascript:void(0);">人生</a>
                        <a href="javascript:void(0);">优雅拒绝</a>
                        <a href="javascript:void(0);">兴趣</a>
                        <a href="javascript:void(0);">写作</a>
                        <a href="javascript:void(0);">利刃出击</a>
                        <a class="f-22" href="javascript:void(0);">博客</a>
                        <a href="javascript:void(0);">回忆</a>
                        <a href="javascript:void(0);">学习</a>
                        <a href="javascript:void(0);">学校</a>
                        <a class="f-18" href="javascript:void(0);">寝室</a>
                        <a href="javascript:void(0);">小说</a>
                        <a href="javascript:void(0);">思考</a>
                        <a href="javascript:void(0);">我们</a>
                        <a href="javascript:void(0);">放假</a>
                        <a href="javascript:void(0);">朋友</a>
                        <a href="javascript:void(0);">武汉疫情</a>
                        <a href="javascript:void(0);">武警</a>
                        <a href="javascript:void(0);">沈腾</a>
                        <a href="javascript:void(0);">清明节</a>
                        <a href="javascript:void(0);">游戏</a>
                        <a class="f-20" href="javascript:void(0);">烈士墓</a>
                        <a href="javascript:void(0);">烦恼</a>
                        <a href="javascript:void(0);">父母</a>
                        <a href="javascript:void(0);">猎毒人</a>
                        <a href="javascript:void(0);">生活</a>
                        <a href="javascript:void(0);">电影</a>
                        <a href="javascript:void(0);">百度网盘</a>
                        <a href="javascript:void(0);">知更鸟</a>
                        <a href="javascript:void(0);">碎碎念</a>
                        <a href="javascript:void(0);">美化</a>
                        <a class="f-22" href="javascript:void(0);">老师</a>
                        <a href="javascript:void(0);">自留地</a>
                        <a href="javascript:void(0);">艺术</a>
                        <a href="javascript:void(0);">西游记</a>
                        <a href="javascript:void(0);">西虹市首富</a>
                        <a href="javascript:void(0);">警匪片</a>
                        <a class="f-22" href="javascript:void(0);">谷歌广告联盟</a>
                        <a href="javascript:void(0);">道歉</a>
                        <a href="javascript:void(0);">长沙</a>
                        <a href="javascript:void(0);">阅读</a>
                        <a href="javascript:void(0);">音乐</a>
                        <a href="javascript:void(0);">高考</a>
                    </div>
                    <span class="right-title">友情链接</span>
                    <div class="right-link">
                        <a href="javascript:void(0);">begin</a>
                        <a href="javascript:void(0);">WordPress</a>
                        <a href="javascript:void(0);">于和伟</a>
                        <a href="javascript:void(0);">人生</a>
                        <a href="javascript:void(0);">优雅拒绝</a>
                        <a href="javascript:void(0);">兴趣</a>
                        <a href="javascript:void(0);">写作</a>
                        <a href="javascript:void(0);">利刃出击</a>
                        <a class="f-22" href="javascript:void(0);">博客</a>
                        <a href="javascript:void(0);">回忆</a>
                        <a href="javascript:void(0);">学习</a>
                        <a href="javascript:void(0);">学校</a>
                        <a class="f-18" href="javascript:void(0);">寝室</a>
                        <a href="javascript:void(0);">小说</a>
                        <a href="javascript:void(0);">思考</a>
                        <a href="javascript:void(0);">我们</a>
                        <a href="javascript:void(0);">放假</a>
                        <a href="javascript:void(0);">朋友</a>
                        <a href="javascript:void(0);">武汉疫情</a>
                        <a href="javascript:void(0);">武警</a>
                        <a href="javascript:void(0);">沈腾</a>
                        <a href="javascript:void(0);">清明节</a>
                        <a href="javascript:void(0);">游戏</a>
                        <a class="f-20" href="javascript:void(0);">烈士墓</a>
                        <a href="javascript:void(0);">烦恼</a>
                        <a href="javascript:void(0);">父母</a>
                        <a href="javascript:void(0);">猎毒人</a>
                        <a href="javascript:void(0);">生活</a>
                        <a href="javascript:void(0);">电影</a>
                        <a href="javascript:void(0);">百度网盘</a>
                        <a href="javascript:void(0);">知更鸟</a>
                        <a href="javascript:void(0);">碎碎念</a>
                        <a href="javascript:void(0);">美化</a>
                        <a class="f-22" href="javascript:void(0);">老师</a>
                        <a href="javascript:void(0);">自留地</a>
                        <a href="javascript:void(0);">艺术</a>
                        <a href="javascript:void(0);">西游记</a>
                        <a href="javascript:void(0);">西虹市首富</a>
                        <a href="javascript:void(0);">警匪片</a>
                        <a class="f-22" href="javascript:void(0);">谷歌广告联盟</a>
                        <a href="javascript:void(0);">道歉</a>
                        <a href="javascript:void(0);">长沙</a>
                        <a href="javascript:void(0);">阅读</a>
                        <a href="javascript:void(0);">音乐</a>
                        <a href="javascript:void(0);">高考</a>
                    </div>    
                </div>
            </div>
        </div>
    </body>
</html>

Html博客列表页
<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>博客列表-Onethink-简洁大气博客模板+点想博客模板设计分享-OneThink模板主题</title>
        <meta name="keywords" content="OneThink模板主题,网站模板,博客Html模板,企业网站模板" />
        <meta name="description" content="这是个人博客模板静态Html文件主题,可以用在任何响应式博客网站模板,页面采用最新网页设计技术,Html5+CSS3,页面实现响应式布局,适应电脑端、平板、手机等多终端设备。" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/base.css" rel="stylesheet">
        <script src="js/jquery-1.8.3.min.js" ></script>
        <script src="js/comm.js"></script>
        <!--[if lt IE 9]>
            <script src="js/modernizr.js"></script>
        <![endif]-->
    </head>
    <body>
        <div class="blog-box">
            <header id="header">
                <div class="box hidden">
                    <div class="site-name"><h2><a href="index.html">点想博客</a></h2><span>DianThink的个人博客</span></div>
                    <div class="search-box">
                        <form action="javascript:void(0);" type="post">
                            <input class="keywords" type="text" />
                            <input type="submit" value="搜索" />
                        </form>
                    </div>
                </div>
                <nav>
                    <ul id="starlist">
                        <li><a href="list.html">生活琐事</a></li>
                        <span></span>
                        <li><a href="list.html">有感而发</a></li>
                        <span></span>
                        <li><a href="list.html">博客日记</a></li>
                        <span></span>
                        <li><a href="list.html">Web教程</a></li>
                        <span></span>
                        <li><a href="list.html">互联网的一些事</a></li>
                        <span></span>
                        <li><a href="commont.html">可以留言</a></li>
                        <span></span>
                        <li><a href="about.html">关于自己</a></li>
                        <span></span>
                        <li><a href="list.html">OneThink</a></li>
                        <span></span>
                        <li><a href="links.html">Frend-Link</a></li>
                    </ul>
                </nav>
            </header>
            <div class="nav"></div>
            <div class="hidden">
                <div class="left">
                    <div class="bread">分类目录归档:有感而发</div>
                    <div class="article-list home">
                        <ul>
                            <li>
                                <article>
                                    <h2><a href="javascript:void(0);">顶尖公司聘请数据科学家</a></h2>
                                    <p class="des">如果你遇到一个数据科学家,很可能你遇到了一个非常快乐的人。 在影响工作质量的三大因素中,数据科学家们已经跑了几年的胜利圈。无论是惊人的起薪,高工作满意度和对该领域的需求水平,数据科学家都在扼杀它。</p>
                                    <a class="more" href="javascript:void(0);">继续阅读 →</a>
                                    <span class="hidden">
                                        <p><em>Time:</em>2020年2月21日</p>
                                        <p><em>From:</em>互联网的一些事</p>
                                        <p><em>Key:</em><a href="javascript:void(0);">WordPress</a> <a href="javascript:void(0);">WordPress插件</a> <a href="javascript:void(0);">豆瓣</a></p>
                                    </span>
                                </article>
                            </li>
                            <li>
                                <article> 
                                    <h2><a href="javascript:void(0);">ThinkPHP开源新零售小程序_萤火商城系统</a></h2>
                                    <p class="des">商业版在线演示 后台体验地址:https://demo.yiovo.com 小程序端体验:萤火商城商业版 萤火小程序商城是B2C模式的电子商城,是在Thinkphp5基础上搭建的一个PHP项目,前后端全部开源。Thinkphp5以易学易用著称,同时也方便二次开发,让您快速搭建个性化独立商城。</p>
                                    <a class="more" href="javascript:void(0);">继续阅读 →</a>
                                    <span class="hidden">
                                        <p><em>Time:</em>2020年2月18日</p>
                                        <p><em>From:</em>Web教程</p>
                                        <p><em>Key:</em><a href="javascript:void(0);">php5开源软件</a> <a href="javascript:void(0);">PHPThink</a> <a href="javascript:void(0);">PHPthink</a></p>
                                    </span>
                                </article>
                            </li>
                            <li>
                                <article> 
                                    <h2><a href="javascript:void(0);">php函数和方法的区别是什么?</a></h2>
                                    <p class="des">之前,一直以为函数和方法是一回事,直到看了thinkphp文档里面,有函数和方法的规范,才知道不是一回事。方法是类里的"函数",只能通过对象调用;特别的,类的静态方法能够通过类名直接调用,平常说的函数,应该是全局作用域里的函数,引入后可以在任何地方直接调用。</p>
                                    <a class="more" href="javascript:void(0);">继续阅读 →</a>
                                    <span class="hidden">
                                        <p><em>Time:</em>2020年2月15日</p>
                                        <p><em>From:</em>Web教程</p>
                                        <p><em>Key:</em><a href="javascript:void(0);">程序员</a> <a href="javascript:void(0);">PHPThink</a> <a href="javascript:void(0);">PHP</a></p>
                                    </span>
                                </article>
                            </li>
                            <li>
                                <article> 
                                    <h2><a href="javascript:void(0);">Photoshop体系学习基础认识</a></h2>
                                    <p class="des">Photoshop体系学习基础认识:Photoshop是一个平面的二维的图像合成软件,合成是在已有的素材基础上的艺术在加工、修改、创作(合成体系)。学习软件之前决解的三个问题:颜色问题、分辨率、图层问题;</p>
                                    <a class="more" href="javascript:void(0);">继续阅读 →</a>
                                    <span class="hidden">
                                        <p><em>Time:</em>2020年2月12日</p>
                                        <p><em>From:</em>Photoshop</p>
                                        <p><em>Key:</em><a href="javascript:void(0);">Photoshop案例</a> <a href="javascript:void(0);">Photoshop</a> <a href="javascript:void(0);">Photoshop设计案例</a></p>
                                    </span>
                                </article>
                            </li>
                            <li>
                                <article> 
                                    <h2><a href="javascript:void(0);">百度URL列表—XML格式及规范说明?</a></h2>
                                    <p class="des">Sitemap(即站点地图)就是您网站上各网页的列表。创建并提交Sitemap有助于百度发现并了解您网站上的所有网页。您还可以使用Sitemap提供有关您网站的其他信息,如上次更新日期、Sitemap文件的更新频率等,供百度Spider参考。</p>
                                    <a class="more" href="javascript:void(0);">继续阅读 →</a>
                                    <span class="hidden">
                                        <p><em>Time:</em>2020年2月12日</p>
                                        <p><em>From:</em>博客日记</p>
                                    </span>
                                </article>
                            </li>
                            <li>
                                <article> 
                                    <h2><a href="javascript:void(0);">Javascript开发的kindeditor编辑器是很好用的编辑器,有提供......</a></h2>
                                    <p class="des">KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript 编写,可以无缝地与 Java、.NET、PHP、ASP 等程序集成,比较适合在 CMS、商城、论坛、</p>
                                    <a class="more" href="javascript:void(0);">继续阅读 →</a>
                                    <span class="hidden">
                                        <p><em>Time:</em>2020年2月12日</p>
                                        <p><em>From:</em>博客日记</p>
                                        <p><em>Key:</em><a href="javascript:void(0);">编辑器</a> <a href="javascript:void(0);">kindeditor</a> <a href="javascript:void(0);">Javascript</a></p>
                                    </span>
                                </article>
                            </li>
                            <li>
                                <article> 
                                    <h2><a href="javascript:void(0);">git 常用命令,时间就不用咋个就忘记,咋个办呢,mark下git命令</a></h2>
                                    <p class="des">git version(查看git版本命令) git config --global user.name "micsky"(用户名配置) git config --global user.email "micsky@qq.com"(邮箱配置) mkdir micsky(创建个micsky目录) cd micsky(进入目录) git init(初始化) git status(查看状态) git add readme.txt(将文</p>
                                    <a class="more" href="javascript:void(0);">继续阅读 →</a>
                                    <span class="hidden">
                                        <p><em>Time:</em>2020年2月12日</p>
                                        <p><em>From:</em>博客日记</p>
                                        <p><em>Key:</em><a href="javascript:void(0);">WEB</a> <a href="javascript:void(0);">git</a> <a href="javascript:void(0);">git命令</a></p>
                                    </span>
                                </article>
                            </li>
                            <li>
                                <article> 
                                    <h2><a href="javascript:void(0);">VueJs 绑定 HTML Class class 列表使用对象语法</a></h2>
                                    <p class="des">操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性,所以我们可以用 v-bind 处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且易错。因此,在将 v-bind 用于 class 和 style 时,Vue.js 做了专门的增强。表达式结果的类型除了字符串之外,还可以是对象或数组。</p>
                                    <a class="more" href="javascript:void(0);">继续阅读 →</a>
                                    <span class="hidden">
                                        <p><em>Time:</em>2020年2月12日</p>
                                        <p><em>From:</em>Web教程</p>
                                        <p><em>Key:</em><a href="javascript:void(0);">Web</a> <a href="javascript:void(0);">VueJs</a> <a href="javascript:void(0);">对象语法 </a></p>
                                    </span>
                                </article>
                            </li>
                            <li>
                                <article> 
                                    <h2><a href="javascript:void(0);">VueJs 绑定 HTML Class class 列表使用对象语法</a></h2>
                                    <p class="des">操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性,所以我们可以用 v-bind 处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且易错。因此,在将 v-bind 用于 class 和 style 时,Vue.js 做了专门的增强。表达式结果的类型除了字符串之外,还可以是对象或数组。</p>
                                    <a class="more" href="javascript:void(0);">继续阅读 →</a>
                                    <span class="hidden">
                                        <p><em>Time:</em>2020年2月12日</p>
                                        <p><em>From:</em>Web教程</p>
                                        <p><em>Key:</em><a href="javascript:void(0);">WEB</a> <a href="javascript:void(0);">VueJs</a> <a href="javascript:void(0);">对象语法</a><a href="javascript:void(0);">VueJs绑定Html</a></p>
                                    </span>
                                </article>
                            </li>
                            <li>
                                <article> 
                                    <h2><a href="javascript:void(0);">设计师之-美工配色的六字真言Word文档离线版教程下载</a></h2>
                                    <p class="des">今天这篇文章来主要讲下关于配色常见的几种搭配方式,比较偏于理论,其实当我刚做美工的时候对于这些内容我是从来不看的,感觉非常枯燥,当做了一段时间工作之后,再回头看看这些内容又是另外一种感觉。这篇文章我希望尽可能缩短无用枯燥的理论,简短精干的总结几个方面来给大家带来一点启示。</p>
                                    <a class="more" href="javascript:void(0);">继续阅读 →</a>
                                    <span class="hidden">
                                        <p><em>Time:</em>2020年2月12日</p>
                                        <p><em>From:</em>Web教程</p>
                                        <p><em>Key:</em><a href="javascript:void(0);">WEB</a> <a href="javascript:void(0);">VueJs</a> <a href="javascript:void(0);">对象语法</a><a href="javascript:void(0);">VueJs绑定Html</a></p>
                                    </span>
                                </article>
                            </li>                     
                        </ul>
                    </div>
                    <div class="page">
                        <a class="l" href="javascript:void(0);">← 早期文章  </a>
                        <a class="r" href="javascript:void(0);">较新文章 →</a>
                    </div>
                    <div class="footer">
                        <p>版权所有 © (2018 - 2020) 王和先 │ 网站地图 │ 联系作者 │ 域名主机提供商: 阿里云.</p>
                        <p>备案:滇ICP备15003443号-2⋅滇公网安备00000000000000号</p>
                        <p>本站遵循"署名-非商业用途-保持一致"的创作共用协议,转载文章须注明来源。</p>
                    </div>
                </div>
                <div class="right">
                    <div class="my-blog">
                        <h2>现在起</h2>
                        <p>让您的博客焕然一新</p>
                        <a href="javascript:void(0);">我的博客</a>
                    </div>
                    <span class="right-title">微信</span>
                    <div class="wechart">
                        <img src="./images/wechart.jpg">
                    </div>
                    <span class="right-title">小程序</span>
                    <div class="wechart">
                        <img src="./images/xcx.jpg">
                    </div>
                    <span class="right-title">文章归档</span>
                    <div class="right-achieve">
                        <ul>
                            <li><a href="javascript:void(0);">2020年二月 (4)</a></li>
                            <li><a href="javascript:void(0);">2020年一月 (2)</a></li>
                            <li><a href="javascript:void(0);">2019年十二月 (1)</a></li>
                            <li><a href="javascript:void(0);">2019年十一月 (1)</a></li>
                            <li><a href="javascript:void(0);">2019年九月 (1)</a></li>
                            <li><a href="javascript:void(0);">2019年八月 (2)</a></li>
                            <li><a href="javascript:void(0);">2019年七月 (1)</a></li>
                            <li><a href="javascript:void(0);">2019年六月 (7)</a></li>
                            <li><a href="javascript:void(0);">2019年五月 (5)</a></li>
                            <li><a href="javascript:void(0);">2019年四月 (8)</a></li>
                            <li><a href="javascript:void(0);">2019年三月 (6)</a></li>
                            <li><a href="javascript:void(0);">2019年二月 (7)</a></li>
                            <li><a href="javascript:void(0);">2019年一月 (13)</a></li>
                            <li><a href="javascript:void(0);">2018年十二月 (10)</a></li>
                            <li><a href="javascript:void(0);">2018年十一月 (5)</a></li>
                            <li><a href="javascript:void(0);">2018年十月 (4)</a></li>
                            <li><a href="javascript:void(0);">2018年九月 (12)</a></li>
                            <li><a href="javascript:void(0);">2018年八月 (15)</a></li>
                            <li><a href="javascript:void(0);">2018年七月 (12)</a></li>
                            <li><a href="javascript:void(0);">2018年六月 (18)</a></li>
                            <li><a href="javascript:void(0);">2018年五月 (15)</a></li>
                            <li><a href="javascript:void(0);">2018年四月 (25)</a></li>
                            <li><a href="javascript:void(0);">2018年三月 (2)</a></li>
                        </ul>
                    </div>
                    <span class="right-title">近期文章</span>
                    <div class="right-article">
                        <ul>
                            <li><a href="javascript:void(0);">WordPress添加豆瓣书影记录——bmdb插件介绍</a></li>
                            <li><a href="javascript:void(0);">“失踪”多年的小学同学</a></li>
                            <li><a href="javascript:void(0);">我们期待我们盼望</a></li>
                            <li><a href="javascript:void(0);">疫情中的人情</a></li>
                            <li><a href="javascript:void(0);">世事无常:生命竟如此珍贵</a></li>
                        </ul>
                    </div>
                    <span class="right-title">标签导航</span>
                    <div class="right-keyword">
                        <a href="javascript:void(0);">begin</a>
                        <a href="javascript:void(0);">WordPress</a>
                        <a href="javascript:void(0);">于和伟</a>
                        <a href="javascript:void(0);">人生</a>
                        <a href="javascript:void(0);">优雅拒绝</a>
                        <a href="javascript:void(0);">兴趣</a>
                        <a href="javascript:void(0);">写作</a>
                        <a href="javascript:void(0);">利刃出击</a>
                        <a class="f-22" href="javascript:void(0);">博客</a>
                        <a href="javascript:void(0);">回忆</a>
                        <a href="javascript:void(0);">学习</a>
                        <a href="javascript:void(0);">学校</a>
                        <a class="f-18" href="javascript:void(0);">寝室</a>
                        <a href="javascript:void(0);">小说</a>
                        <a href="javascript:void(0);">思考</a>
                        <a href="javascript:void(0);">我们</a>
                        <a href="javascript:void(0);">放假</a>
                        <a href="javascript:void(0);">朋友</a>
                        <a href="javascript:void(0);">武汉疫情</a>
                        <a href="javascript:void(0);">武警</a>
                        <a href="javascript:void(0);">沈腾</a>
                        <a href="javascript:void(0);">清明节</a>
                        <a href="javascript:void(0);">游戏</a>
                        <a class="f-20" href="javascript:void(0);">烈士墓</a>
                        <a href="javascript:void(0);">烦恼</a>
                        <a href="javascript:void(0);">父母</a>
                        <a href="javascript:void(0);">猎毒人</a>
                        <a href="javascript:void(0);">生活</a>
                        <a href="javascript:void(0);">电影</a>
                        <a href="javascript:void(0);">百度网盘</a>
                        <a href="javascript:void(0);">知更鸟</a>
                        <a href="javascript:void(0);">碎碎念</a>
                        <a href="javascript:void(0);">美化</a>
                        <a class="f-22" href="javascript:void(0);">老师</a>
                        <a href="javascript:void(0);">自留地</a>
                        <a href="javascript:void(0);">艺术</a>
                        <a href="javascript:void(0);">西游记</a>
                        <a href="javascript:void(0);">西虹市首富</a>
                        <a href="javascript:void(0);">警匪片</a>
                        <a class="f-22" href="javascript:void(0);">谷歌广告联盟</a>
                        <a href="javascript:void(0);">道歉</a>
                        <a href="javascript:void(0);">长沙</a>
                        <a href="javascript:void(0);">阅读</a>
                        <a href="javascript:void(0);">音乐</a>
                        <a href="javascript:void(0);">高考</a>
                    </div>
                    <span class="right-title">友情链接</span>
                    <div class="right-link">
                        <a href="javascript:void(0);">begin</a>
                        <a href="javascript:void(0);">WordPress</a>
                        <a href="javascript:void(0);">于和伟</a>
                        <a href="javascript:void(0);">人生</a>
                        <a href="javascript:void(0);">优雅拒绝</a>
                        <a href="javascript:void(0);">兴趣</a>
                        <a href="javascript:void(0);">写作</a>
                        <a href="javascript:void(0);">利刃出击</a>
                        <a class="f-22" href="javascript:void(0);">博客</a>
                        <a href="javascript:void(0);">回忆</a>
                        <a href="javascript:void(0);">学习</a>
                        <a href="javascript:void(0);">学校</a>
                        <a class="f-18" href="javascript:void(0);">寝室</a>
                        <a href="javascript:void(0);">小说</a>
                        <a href="javascript:void(0);">思考</a>
                        <a href="javascript:void(0);">我们</a>
                        <a href="javascript:void(0);">放假</a>
                        <a href="javascript:void(0);">朋友</a>
                        <a href="javascript:void(0);">武汉疫情</a>
                        <a href="javascript:void(0);">武警</a>
                        <a href="javascript:void(0);">沈腾</a>
                        <a href="javascript:void(0);">清明节</a>
                        <a href="javascript:void(0);">游戏</a>
                        <a class="f-20" href="javascript:void(0);">烈士墓</a>
                        <a href="javascript:void(0);">烦恼</a>
                        <a href="javascript:void(0);">父母</a>
                        <a href="javascript:void(0);">猎毒人</a>
                        <a href="javascript:void(0);">生活</a>
                        <a href="javascript:void(0);">电影</a>
                        <a href="javascript:void(0);">百度网盘</a>
                        <a href="javascript:void(0);">知更鸟</a>
                        <a href="javascript:void(0);">碎碎念</a>
                        <a href="javascript:void(0);">美化</a>
                        <a class="f-22" href="javascript:void(0);">老师</a>
                        <a href="javascript:void(0);">自留地</a>
                        <a href="javascript:void(0);">艺术</a>
                        <a href="javascript:void(0);">西游记</a>
                        <a href="javascript:void(0);">西虹市首富</a>
                        <a href="javascript:void(0);">警匪片</a>
                        <a class="f-22" href="javascript:void(0);">谷歌广告联盟</a>
                        <a href="javascript:void(0);">道歉</a>
                        <a href="javascript:void(0);">长沙</a>
                        <a href="javascript:void(0);">阅读</a>
                        <a href="javascript:void(0);">音乐</a>
                        <a href="javascript:void(0);">高考</a>
                    </div>    
                </div>
            </div>
        </div>
    </body>
</html>

关于博客Html静态页
<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>关于博客-Onethink-简洁大气博客模板+点想博客模板设计分享-OneThink模板主题</title>
        <meta name="keywords" content="OneThink模板主题,网站模板,博客Html模板,企业网站模板" />
        <meta name="description" content="这是个人博客模板静态Html文件主题,可以用在任何响应式博客网站模板,页面采用最新网页设计技术,Html5+CSS3,页面实现响应式布局,适应电脑端、平板、手机等多终端设备。" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/base.css" rel="stylesheet">
        <script src="js/jquery-1.8.3.min.js" ></script>
        <script src="js/comm.js"></script>
        <!--[if lt IE 9]>
            <script src="js/modernizr.js"></script>
        <![endif]-->
    </head>
    <body>
        <div class="blog-box">
            <header id="header">
                <div class="box hidden">
                    <div class="site-name"><h2><a href="index.html">点想博客</a></h2><span>DianThink的个人博客</span></div>
                    <div class="search-box">
                        <form action="javascript:void(0);" type="post">
                            <input class="keywords" type="text" />
                            <input type="submit" value="搜索" />
                        </form>
                    </div>
                </div>
                <nav>
                    <ul id="starlist">
                        <li><a href="list.html">生活琐事</a></li>
                        <span></span>
                        <li><a href="list.html">有感而发</a></li>
                        <span></span>
                        <li><a href="list.html">博客日记</a></li>
                        <span></span>
                        <li><a href="list.html">Web教程</a></li>
                        <span></span>
                        <li><a href="list.html">互联网的一些事</a></li>
                        <span></span>
                        <li><a href="commont.html">可以留言</a></li>
                        <span></span>
                        <li><a href="about.html">关于自己</a></li>
                        <span></span>
                        <li><a href="list.html">OneThink</a></li>
                        <span></span>
                        <li><a href="links.html">Frend-Link</a></li>
                    </ul>
                </nav>
            </header>
            <div class="nav"></div>
            <div class="hidden">
                <div class="left about-page">
                    <div class="page-title"><span>关于自己</span></div>
                    <div class="about-content">
                        <div class="about-infor">
                            <strong>每个优秀的人,都有一段沉默的时光,那段时光,是付出了很多努力,却得不到结果的日子,我们把它叫做扎根。——习近平</strong>
                            <p>Who Am I?</p>
                            <p>中文名:XXX<br/>英文名:chambers<br/>性别男,爱好你懂的<br/>专业路:软件工程<br/>籍贯省:云南省</p>
                            <p>2014年毕业于***学院,现在学校已更名(*****学院)</p>
                            <p>目前生活状态就是工作And学习</p>
                            <p>独居常看美剧,喜欢科幻,情感类的电视剧以及电影,玩过的游戏(英雄联盟),对于我来说,一切游戏都是浮云。</p>
                            <p>More About Me:</p>
                            <p>我出生于一个普通的农名家庭,年少无知总认为,读书是唯一的出路,但也印证了读书可以在今后的人生中多条选择的路。</p>
                            <p>2003年非典肆虐的这年(初中),2008年汶川地震(高中),2019新型冠状病毒(2019-nCoV)年过渡到2020年,乡村禁止出村,必须待在家里,没事可做只能对博客舞刀弄枪,各家各户真的是足不出户,相应国家号召打赢防疫攻坚战,殊不知2019年至2020年对正在创业的或者已经创业的人们会经历怎样的打击(真的是屋漏偏逢连夜雨),劳动人民难国家更难,待疫情过去春暖花开,祖国人民幸福,决胜年必胜。</p>
                            <p>喜欢的影视歌星:王杰、阿杜、刘德华,齐秦,童安格,周传雄,陈星,韩红,周杰伦,周星驰,李连杰,成龙等,唯一崇拜的明星:李小龙,在很火的明星知道的不多,了解的也不多。</p>
                            <p>喜欢的歌曲:《往事随风》是中国台湾歌手齐秦演唱的一首歌曲(经典代表作之一),由许常德填词,涂惠源谱曲,涂惠源、徐德昌编曲,收录于1995年9月21日发行的专辑《痛并快乐着》中、《练习》是刘德华演唱的一首歌曲,由李安修、王裕宗填词,黎沸挥作曲,收录在刘德华2002年发行的专辑《美丽的一天》中。2003年,该歌曲在第25届香港十大中文金曲奖颁奖礼上获得十大中文金曲奖优秀国语歌曲奖、全国最受欢迎中文流行歌曲银奖、《一场游戏一场梦》是由王文清填词、谱曲,陈志远编曲,李寿全制作,王杰演唱的歌曲,收录于王杰首张专辑《一场游戏一场梦》中,由飞碟唱片于1987年12月19日发行,是张艾嘉执导电影《黄色故事》主题曲,是王杰的经典代表作品。其粤语版本《几分伤心几分痴》亦由王杰演唱,也是香港电视剧《义不容情》的主题歌。《一场游戏一场梦》歌曲MV由张曼玉出演、《其实你不懂我的心》是童安格演唱的一首歌曲,由童安格作曲,陈桂珠作词,陈玉立编曲,收录于童安格1989年3月1日由宝丽金唱片发行的专辑《其实你不懂我的心》中、歌曲《天亮了》由韩红作词作曲并演唱,小柯编曲,收录在韩红专辑《醒了》,2001年麒麟童唱片出版并发行。歌曲在2001年获得了年度最佳公益歌曲奖、年度十大金曲等奖项。</p>
                            <p>很高兴认识你。未来在前方,生活还在继续。</p>
                            <p>我是理科生,大学才真正的接触计算机语言学习,然而一切都是在碰壁中摸爬滚打。</p>
                            <p>联系方式</p>
                            <p>QQ:玖3150770陆</p>
                            <p>邮箱:玖3150770陆@qq.com</p>
                            <p>中文博客圈QQ群:181169545</p>
                        </div>
                        <div class="about-commont">关于自己-《有246个想法》</div>
                        <div class="commont">
                            <div class="commont-list">
                                <ul>
                                    <li class="hidden">
                                        <article>
                                            <span class="hidden user-infor"><a href="javascript:void(0);"><img src="./images/head_1.jpg"></a><p><b>纬八路</b><em>2020年2月17日 20:13</em></p></span>
                                            <span class="des">我觉得不是。野味先于人类存在,是那个偷吃禁果没藏好的人,打开了潘多拉的盒子。说直接的,就是人类的贪婪。</span>
                                            <div class="reply"><a href="javascript:void(0);">回复 ↓</a></div>
                                        </article>
                                        <ul class="children">
                                            <li class="hidden">
                                                <article>
                                                    <span class="hidden user-infor"><a href="javascript:void(0);"><img src="./images/head_2.jpg"></a><p><b>大致</b><em>2020年2月17日 20:13</em></p></span>
                                                    <span class="des">调查组是派了,把这一波稳过去,几个月到半年后我敢说最后背锅的都是副职。你能明白吗?</span>
                                                    <div class="reply"><a href="javascript:void(0);">回复 ↓</a></div>
                                                </article>
                                            </li>
                                            <li class="hidden">
                                                <article>
                                                    <span class="hidden user-infor"><a href="javascript:void(0);"><img src="./images/head_2.jpg"></a><p><b>大致</b><em>2020年2月17日 20:13</em></p></span>
                                                    <span class="des">调查组是派了,把这一波稳过去,几个月到半年后我敢说最后背锅的都是副职。你能明白吗?</span>
                                                    <div class="reply"><a href="javascript:void(0);">回复 ↓</a></div>
                                                </article>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="hidden">
                                        <article>
                                            <span class="hidden user-infor"><a href="javascript:void(0);"><img src="./images/head_1.jpg"></a><p><b>纬八路</b><em>2020年2月17日 20:13</em></p></span>
                                            <span class="des">我觉得不是。野味先于人类存在,是那个偷吃禁果没藏好的人,打开了潘多拉的盒子。说直接的,就是人类的贪婪。</span>
                                            <div class="reply"><a href="javascript:void(0);">回复 ↓</a></div>
                                        </article>
                                        <ul class="children">
                                            <li class="hidden">
                                                <article>
                                                    <span class="hidden user-infor"><a href="javascript:void(0);"><img src="./images/head_2.jpg"></a><p><b>大致</b><em>2020年2月17日 20:13</em></p></span>
                                                    <span class="des">调查组是派了,把这一波稳过去,几个月到半年后我敢说最后背锅的都是副职。你能明白吗?</span>
                                                    <div class="reply"><a href="javascript:void(0);">回复 ↓</a></div>
                                                </article>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                            <div class="commont-form">
                                <div class="commont-form-title">发表评论</div>
                                <p>电子邮件地址不会被公开。 必填项已用*标注</p>
                                <form action="javascript:void(0);" type="post">
                                    <div class="input-text">
                                        <span>姓名 <i>*</i></span>
                                        <input type="text" name="dt_submit[username]" />
                                    </div>
                                    <div class="input-text">
                                        <span>电子邮件 <i>*</i></span>
                                        <input type="text" name="dt_submit[email]" />
                                    </div>
                                    <div class="input-text">
                                        <span>站点</span>
                                        <input type="text" name="dt_submit[website]" />
                                    </div>
                                    <div class="input-text">
                                        <span>评论</span>
                                        <textarea class="textarea-content" name="dt_submit[content]"></textarea>
                                    </div>
                                    <button type="submit">发表评论</button>
                                    <div class="input-text-checkbox">
                                        <label><input type="checkbox" value="1" name="dt_submit[comment_subscribe]">&nbsp;&nbsp;勾选添加邮箱订阅</label>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="page">
                        <a class="l" href="javascript:void(0);">← 早期文章  </a>
                        <a class="r" href="javascript:void(0);">较新文章 →</a>
                    </div>
                    <div class="footer">
                        <p>版权所有 © (2018 - 2020) DianThink │ 网站地图 │ 联系作者 │ 域名主机提供商: 阿里云.</p>
                        <p>备案:滇ICP备15003443号-2⋅滇公网安备00000000000000号</p>
                        <p>本站遵循"署名-非商业用途-保持一致"的创作共用协议,转载文章须注明来源。</p>
                    </div>
                </div>
                <div class="right">
                    <div class="my-blog">
                        <h2>现在起</h2>
                        <p>让您的博客焕然一新</p>
                        <a href="javascript:void(0);">我的博客</a>
                    </div>
                    <span class="right-title">微信</span>
                    <div class="wechart">
                        <img src="./images/wechart.jpg">
                    </div>
                    <span class="right-title">小程序</span>
                    <div class="wechart">
                        <img src="./images/xcx.jpg">
                    </div>
                    <span class="right-title">文章归档</span>
                    <div class="right-achieve">
                        <ul>
                            <li><a href="javascript:void(0);">2020年二月 (4)</a></li>
                            <li><a href="javascript:void(0);">2020年一月 (2)</a></li>
                            <li><a href="javascript:void(0);">2019年十二月 (1)</a></li>
                            <li><a href="javascript:void(0);">2019年十一月 (1)</a></li>
                            <li><a href="javascript:void(0);">2019年九月 (1)</a></li>
                            <li><a href="javascript:void(0);">2019年八月 (2)</a></li>
                            <li><a href="javascript:void(0);">2019年七月 (1)</a></li>
                            <li><a href="javascript:void(0);">2019年六月 (7)</a></li>
                            <li><a href="javascript:void(0);">2019年五月 (5)</a></li>
                            <li><a href="javascript:void(0);">2019年四月 (8)</a></li>
                            <li><a href="javascript:void(0);">2019年三月 (6)</a></li>
                            <li><a href="javascript:void(0);">2019年二月 (7)</a></li>
                            <li><a href="javascript:void(0);">2019年一月 (13)</a></li>
                            <li><a href="javascript:void(0);">2018年十二月 (10)</a></li>
                            <li><a href="javascript:void(0);">2018年十一月 (5)</a></li>
                            <li><a href="javascript:void(0);">2018年十月 (4)</a></li>
                            <li><a href="javascript:void(0);">2018年九月 (12)</a></li>
                            <li><a href="javascript:void(0);">2018年八月 (15)</a></li>
                            <li><a href="javascript:void(0);">2018年七月 (12)</a></li>
                            <li><a href="javascript:void(0);">2018年六月 (18)</a></li>
                            <li><a href="javascript:void(0);">2018年五月 (15)</a></li>
                            <li><a href="javascript:void(0);">2018年四月 (25)</a></li>
                            <li><a href="javascript:void(0);">2018年三月 (2)</a></li>
                        </ul>
                    </div>
                    <span class="right-title">近期文章</span>
                    <div class="right-article">
                        <ul>
                            <li><a href="javascript:void(0);">WordPress添加豆瓣书影记录——bmdb插件介绍</a></li>
                            <li><a href="javascript:void(0);">“失踪”多年的小学同学</a></li>
                            <li><a href="javascript:void(0);">我们期待我们盼望</a></li>
                            <li><a href="javascript:void(0);">疫情中的人情</a></li>
                            <li><a href="javascript:void(0);">世事无常:生命竟如此珍贵</a></li>
                        </ul>
                    </div>
                    <span class="right-title">标签导航</span>
                    <div class="right-keyword">
                        <a href="javascript:void(0);">begin</a>
                        <a href="javascript:void(0);">WordPress</a>
                        <a href="javascript:void(0);">于和伟</a>
                        <a href="javascript:void(0);">人生</a>
                        <a href="javascript:void(0);">优雅拒绝</a>
                        <a href="javascript:void(0);">兴趣</a>
                        <a href="javascript:void(0);">写作</a>
                        <a href="javascript:void(0);">利刃出击</a>
                        <a class="f-22" href="javascript:void(0);">博客</a>
                        <a href="javascript:void(0);">回忆</a>
                        <a href="javascript:void(0);">学习</a>
                        <a href="javascript:void(0);">学校</a>
                        <a class="f-18" href="javascript:void(0);">寝室</a>
                        <a href="javascript:void(0);">小说</a>
                        <a href="javascript:void(0);">思考</a>
                        <a href="javascript:void(0);">我们</a>
                        <a href="javascript:void(0);">放假</a>
                        <a href="javascript:void(0);">朋友</a>
                        <a href="javascript:void(0);">武汉疫情</a>
                        <a href="javascript:void(0);">武警</a>
                        <a href="javascript:void(0);">沈腾</a>
                        <a href="javascript:void(0);">清明节</a>
                        <a href="javascript:void(0);">游戏</a>
                        <a class="f-20" href="javascript:void(0);">烈士墓</a>
                        <a href="javascript:void(0);">烦恼</a>
                        <a href="javascript:void(0);">父母</a>
                        <a href="javascript:void(0);">猎毒人</a>
                        <a href="javascript:void(0);">生活</a>
                        <a href="javascript:void(0);">电影</a>
                        <a href="javascript:void(0);">百度网盘</a>
                        <a href="javascript:void(0);">知更鸟</a>
                        <a href="javascript:void(0);">碎碎念</a>
                        <a href="javascript:void(0);">美化</a>
                        <a class="f-22" href="javascript:void(0);">老师</a>
                        <a href="javascript:void(0);">自留地</a>
                        <a href="javascript:void(0);">艺术</a>
                        <a href="javascript:void(0);">西游记</a>
                        <a href="javascript:void(0);">西虹市首富</a>
                        <a href="javascript:void(0);">警匪片</a>
                        <a class="f-22" href="javascript:void(0);">谷歌广告联盟</a>
                        <a href="javascript:void(0);">道歉</a>
                        <a href="javascript:void(0);">长沙</a>
                        <a href="javascript:void(0);">阅读</a>
                        <a href="javascript:void(0);">音乐</a>
                        <a href="javascript:void(0);">高考</a>
                    </div>
                    <span class="right-title">友情链接</span>
                    <div class="right-link">
                        <a href="javascript:void(0);">begin</a>
                        <a href="javascript:void(0);">WordPress</a>
                        <a href="javascript:void(0);">于和伟</a>
                        <a href="javascript:void(0);">人生</a>
                        <a href="javascript:void(0);">优雅拒绝</a>
                        <a href="javascript:void(0);">兴趣</a>
                        <a href="javascript:void(0);">写作</a>
                        <a href="javascript:void(0);">利刃出击</a>
                        <a class="f-22" href="javascript:void(0);">博客</a>
                        <a href="javascript:void(0);">回忆</a>
                        <a href="javascript:void(0);">学习</a>
                        <a href="javascript:void(0);">学校</a>
                        <a class="f-18" href="javascript:void(0);">寝室</a>
                        <a href="javascript:void(0);">小说</a>
                        <a href="javascript:void(0);">思考</a>
                        <a href="javascript:void(0);">我们</a>
                        <a href="javascript:void(0);">放假</a>
                        <a href="javascript:void(0);">朋友</a>
                        <a href="javascript:void(0);">武汉疫情</a>
                        <a href="javascript:void(0);">武警</a>
                        <a href="javascript:void(0);">沈腾</a>
                        <a href="javascript:void(0);">清明节</a>
                        <a href="javascript:void(0);">游戏</a>
                        <a class="f-20" href="javascript:void(0);">烈士墓</a>
                        <a href="javascript:void(0);">烦恼</a>
                        <a href="javascript:void(0);">父母</a>
                        <a href="javascript:void(0);">猎毒人</a>
                        <a href="javascript:void(0);">生活</a>
                        <a href="javascript:void(0);">电影</a>
                        <a href="javascript:void(0);">百度网盘</a>
                        <a href="javascript:void(0);">知更鸟</a>
                        <a href="javascript:void(0);">碎碎念</a>
                        <a href="javascript:void(0);">美化</a>
                        <a class="f-22" href="javascript:void(0);">老师</a>
                        <a href="javascript:void(0);">自留地</a>
                        <a href="javascript:void(0);">艺术</a>
                        <a href="javascript:void(0);">西游记</a>
                        <a href="javascript:void(0);">西虹市首富</a>
                        <a href="javascript:void(0);">警匪片</a>
                        <a class="f-22" href="javascript:void(0);">谷歌广告联盟</a>
                        <a href="javascript:void(0);">道歉</a>
                        <a href="javascript:void(0);">长沙</a>
                        <a href="javascript:void(0);">阅读</a>
                        <a href="javascript:void(0);">音乐</a>
                        <a href="javascript:void(0);">高考</a>
                    </div>    
                </div>
            </div>
        </div>
    </body>
</html>

留言评论博客Html静态页面
<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>留言评论-Onethink-简洁大气博客模板+点想博客模板设计分享-OneThink模板主题</title>
        <meta name="keywords" content="OneThink模板主题,网站模板,博客Html模板,企业网站模板" />
        <meta name="description" content="这是个人博客模板静态Html文件主题,可以用在任何响应式博客网站模板,页面采用最新网页设计技术,Html5+CSS3,页面实现响应式布局,适应电脑端、平板、手机等多终端设备。" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/base.css" rel="stylesheet">
        <script src="js/jquery-1.8.3.min.js" ></script>
        <script src="js/comm.js"></script>
        <!--[if lt IE 9]>
            <script src="js/modernizr.js"></script>
        <![endif]-->
    </head>
    <body>
        <div class="blog-box">
            <header id="header">
                <div class="box hidden">
                    <div class="site-name"><h2><a href="index.html">点想博客</a></h2><span>DianThink的个人博客</span></div>
                    <div class="search-box">
                        <form action="javascript:void(0);" type="post">
                            <input class="keywords" type="text" />
                            <input type="submit" value="搜索" />
                        </form>
                    </div>
                </div>
                <nav>
                    <ul id="starlist">
                        <li><a href="list.html">生活琐事</a></li>
                        <span></span>
                        <li><a href="list.html">有感而发</a></li>
                        <span></span>
                        <li><a href="list.html">博客日记</a></li>
                        <span></span>
                        <li><a href="list.html">Web教程</a></li>
                        <span></span>
                        <li><a href="list.html">互联网的一些事</a></li>
                        <span></span>
                        <li><a href="commont.html">可以留言</a></li>
                        <span></span>
                        <li><a href="about.html">关于自己</a></li>
                        <span></span>
                        <li><a href="list.html">OneThink</a></li>
                        <span></span>
                        <li><a href="links.html">Frend-Link</a></li>
                    </ul>
                </nav>
            </header>
            <div class="nav"></div>
            <div class="hidden">
                <div class="left content-page">
                    <div class="page-title"><span>留言吐槽</span></div>
                    <div class="content">
                        <div class="commont-content">
                            <img src="./images/commont.jpg">
                            <p>欢迎来到这里的朋友!<br/>让我们进行深入灵魂的交流。<br/>这里是2020年度留言板,如有意见或建议,或交换友链,请在下方留言~</p>
                        </div>
                        <div class="about-commont">《留言吐槽》 有566个想法</div>
                        <div class="commont">
                            <div class="commont-list">
                                <ul>
                                    <li class="hidden">
                                        <article>
                                            <span class="hidden user-infor"><a href="javascript:void(0);"><img src="./images/head_1.jpg"></a><p><b>纬八路</b><em>2020年2月17日 20:13</em></p></span>
                                            <span class="des">我觉得不是。野味先于人类存在,是那个偷吃禁果没藏好的人,打开了潘多拉的盒子。说直接的,就是人类的贪婪。</span>
                                            <div class="reply"><a href="javascript:void(0);">回复 ↓</a></div>
                                        </article>
                                        <ul class="children">
                                            <li class="hidden">
                                                <article>
                                                    <span class="hidden user-infor"><a href="javascript:void(0);"><img src="./images/head_2.jpg"></a><p><b>大致</b><em>2020年2月17日 20:13</em></p></span>
                                                    <span class="des">调查组是派了,把这一波稳过去,几个月到半年后我敢说最后背锅的都是副职。你能明白吗?</span>
                                                    <div class="reply"><a href="javascript:void(0);">回复 ↓</a></div>
                                                </article>
                                            </li>
                                            <li class="hidden">
                                                <article>
                                                    <span class="hidden user-infor"><a href="javascript:void(0);"><img src="./images/head_2.jpg"></a><p><b>大致</b><em>2020年2月17日 20:13</em></p></span>
                                                    <span class="des">调查组是派了,把这一波稳过去,几个月到半年后我敢说最后背锅的都是副职。你能明白吗?</span>
                                                    <div class="reply"><a href="javascript:void(0);">回复 ↓</a></div>
                                                </article>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="hidden">
                                        <article>
                                            <span class="hidden user-infor"><a href="javascript:void(0);"><img src="./images/head_1.jpg"></a><p><b>纬八路</b><em>2020年2月17日 20:13</em></p></span>
                                            <span class="des">我觉得不是。野味先于人类存在,是那个偷吃禁果没藏好的人,打开了潘多拉的盒子。说直接的,就是人类的贪婪。</span>
                                            <div class="reply"><a href="javascript:void(0);">回复 ↓</a></div>
                                        </article>
                                        <ul class="children">
                                            <li class="hidden">
                                                <article>
                                                    <span class="hidden user-infor"><a href="javascript:void(0);"><img src="./images/head_2.jpg"></a><p><b>大致</b><em>2020年2月17日 20:13</em></p></span>
                                                    <span class="des">调查组是派了,把这一波稳过去,几个月到半年后我敢说最后背锅的都是副职。你能明白吗?</span>
                                                    <div class="reply"><a href="javascript:void(0);">回复 ↓</a></div>
                                                </article>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="hidden">
                                        <article>
                                            <span class="hidden user-infor"><a href="javascript:void(0);"><img src="./images/head_1.jpg"></a><p><b>纬八路</b><em>2020年2月17日 20:13</em></p></span>
                                            <span class="des">我觉得不是。野味先于人类存在,是那个偷吃禁果没藏好的人,打开了潘多拉的盒子。说直接的,就是人类的贪婪。</span>
                                            <div class="reply"><a href="javascript:void(0);">回复 ↓</a></div>
                                        </article>
                                        <ul class="children">
                                            <li class="hidden">
                                                <article>
                                                    <span class="hidden user-infor"><a href="javascript:void(0);"><img src="./images/head_2.jpg"></a><p><b>大致</b><em>2020年2月17日 20:13</em></p></span>
                                                    <span class="des">调查组是派了,把这一波稳过去,几个月到半年后我敢说最后背锅的都是副职。你能明白吗?</span>
                                                    <div class="reply"><a href="javascript:void(0);">回复 ↓</a></div>
                                                </article>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="hidden">
                                        <article>
                                            <span class="hidden user-infor"><a href="javascript:void(0);"><img src="./images/head_1.jpg"></a><p><b>纬八路</b><em>2020年2月17日 20:13</em></p></span>
                                            <span class="des">我觉得不是。野味先于人类存在,是那个偷吃禁果没藏好的人,打开了潘多拉的盒子。说直接的,就是人类的贪婪。</span>
                                            <div class="reply"><a href="javascript:void(0);">回复 ↓</a></div>
                                        </article>
                                        <ul class="children">
                                            <li class="hidden">
                                                <article>
                                                    <span class="hidden user-infor"><a href="javascript:void(0);"><img src="./images/head_2.jpg"></a><p><b>大致</b><em>2020年2月17日 20:13</em></p></span>
                                                    <span class="des">调查组是派了,把这一波稳过去,几个月到半年后我敢说最后背锅的都是副职。你能明白吗?</span>
                                                    <div class="reply"><a href="javascript:void(0);">回复 ↓</a></div>
                                                </article>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                            <div class="commont-form">
                                <div class="commont-form-title">发表评论</div>
                                <p>电子邮件地址不会被公开。 必填项已用*标注</p>
                                <form action="javascript:void(0);" type="post">
                                    <div class="input-text">
                                        <span>姓名 <i>*</i></span>
                                        <input type="text" name="dt_submit[username]" />
                                    </div>
                                    <div class="input-text">
                                        <span>电子邮件 <i>*</i></span>
                                        <input type="text" name="dt_submit[email]" />
                                    </div>
                                    <div class="input-text">
                                        <span>站点</span>
                                        <input type="text" name="dt_submit[website]" />
                                    </div>
                                    <div class="input-text">
                                        <span>评论</span>
                                        <textarea class="textarea-content" name="dt_submit[content]"></textarea>
                                    </div>
                                    <button type="submit">发表评论</button>
                                    <div class="input-text-checkbox">
                                        <label><input type="checkbox" value="1" name="dt_submit[comment_subscribe]">&nbsp;&nbsp;勾选添加邮箱订阅</label>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="page">
                        <a class="l" href="javascript:void(0);">← 早期文章  </a>
                        <a class="r" href="javascript:void(0);">较新文章 →</a>
                    </div>
                    <div class="footer">
                        <p>版权所有 © (2018 - 2020) 王和先 │ 网站地图 │ 联系作者 │ 域名主机提供商: 阿里云.</p>
                        <p>备案:滇ICP备15003443号-2⋅滇公网安备00000000000000号</p>
                        <p>本站遵循"署名-非商业用途-保持一致"的创作共用协议,转载文章须注明来源。</p>
                    </div>
                </div>
                <div class="right">
                    <div class="my-blog">
                        <h2>现在起</h2>
                        <p>让您的博客焕然一新</p>
                        <a href="javascript:void(0);">我的博客</a>
                    </div>
                    <span class="right-title">微信</span>
                    <div class="wechart">
                        <img src="./images/wechart.jpg">
                    </div>
                    <span class="right-title">小程序</span>
                    <div class="wechart">
                        <img src="./images/xcx.jpg">
                    </div>
                    <span class="right-title">文章归档</span>
                    <div class="right-achieve">
                        <ul>
                            <li><a href="javascript:void(0);">2020年二月 (4)</a></li>
                            <li><a href="javascript:void(0);">2020年一月 (2)</a></li>
                            <li><a href="javascript:void(0);">2019年十二月 (1)</a></li>
                            <li><a href="javascript:void(0);">2019年十一月 (1)</a></li>
                            <li><a href="javascript:void(0);">2019年九月 (1)</a></li>
                            <li><a href="javascript:void(0);">2019年八月 (2)</a></li>
                            <li><a href="javascript:void(0);">2019年七月 (1)</a></li>
                            <li><a href="javascript:void(0);">2019年六月 (7)</a></li>
                            <li><a href="javascript:void(0);">2019年五月 (5)</a></li>
                            <li><a href="javascript:void(0);">2019年四月 (8)</a></li>
                            <li><a href="javascript:void(0);">2019年三月 (6)</a></li>
                            <li><a href="javascript:void(0);">2019年二月 (7)</a></li>
                            <li><a href="javascript:void(0);">2019年一月 (13)</a></li>
                            <li><a href="javascript:void(0);">2018年十二月 (10)</a></li>
                            <li><a href="javascript:void(0);">2018年十一月 (5)</a></li>
                            <li><a href="javascript:void(0);">2018年十月 (4)</a></li>
                            <li><a href="javascript:void(0);">2018年九月 (12)</a></li>
                            <li><a href="javascript:void(0);">2018年八月 (15)</a></li>
                            <li><a href="javascript:void(0);">2018年七月 (12)</a></li>
                            <li><a href="javascript:void(0);">2018年六月 (18)</a></li>
                            <li><a href="javascript:void(0);">2018年五月 (15)</a></li>
                            <li><a href="javascript:void(0);">2018年四月 (25)</a></li>
                            <li><a href="javascript:void(0);">2018年三月 (2)</a></li>
                        </ul>
                    </div>
                    <span class="right-title">近期文章</span>
                    <div class="right-article">
                        <ul>
                            <li><a href="javascript:void(0);">WordPress添加豆瓣书影记录——bmdb插件介绍</a></li>
                            <li><a href="javascript:void(0);">“失踪”多年的小学同学</a></li>
                            <li><a href="javascript:void(0);">我们期待我们盼望</a></li>
                            <li><a href="javascript:void(0);">疫情中的人情</a></li>
                            <li><a href="javascript:void(0);">世事无常:生命竟如此珍贵</a></li>
                        </ul>
                    </div>
                    <span class="right-title">标签导航</span>
                    <div class="right-keyword">
                        <a href="javascript:void(0);">begin</a>
                        <a href="javascript:void(0);">WordPress</a>
                        <a href="javascript:void(0);">于和伟</a>
                        <a href="javascript:void(0);">人生</a>
                        <a href="javascript:void(0);">优雅拒绝</a>
                        <a href="javascript:void(0);">兴趣</a>
                        <a href="javascript:void(0);">写作</a>
                        <a href="javascript:void(0);">利刃出击</a>
                        <a class="f-22" href="javascript:void(0);">博客</a>
                        <a href="javascript:void(0);">回忆</a>
                        <a href="javascript:void(0);">学习</a>
                        <a href="javascript:void(0);">学校</a>
                        <a class="f-18" href="javascript:void(0);">寝室</a>
                        <a href="javascript:void(0);">小说</a>
                        <a href="javascript:void(0);">思考</a>
                        <a href="javascript:void(0);">我们</a>
                        <a href="javascript:void(0);">放假</a>
                        <a href="javascript:void(0);">朋友</a>
                        <a href="javascript:void(0);">武汉疫情</a>
                        <a href="javascript:void(0);">武警</a>
                        <a href="javascript:void(0);">沈腾</a>
                        <a href="javascript:void(0);">清明节</a>
                        <a href="javascript:void(0);">游戏</a>
                        <a class="f-20" href="javascript:void(0);">烈士墓</a>
                        <a href="javascript:void(0);">烦恼</a>
                        <a href="javascript:void(0);">父母</a>
                        <a href="javascript:void(0);">猎毒人</a>
                        <a href="javascript:void(0);">生活</a>
                        <a href="javascript:void(0);">电影</a>
                        <a href="javascript:void(0);">百度网盘</a>
                        <a href="javascript:void(0);">知更鸟</a>
                        <a href="javascript:void(0);">碎碎念</a>
                        <a href="javascript:void(0);">美化</a>
                        <a class="f-22" href="javascript:void(0);">老师</a>
                        <a href="javascript:void(0);">自留地</a>
                        <a href="javascript:void(0);">艺术</a>
                        <a href="javascript:void(0);">西游记</a>
                        <a href="javascript:void(0);">西虹市首富</a>
                        <a href="javascript:void(0);">警匪片</a>
                        <a class="f-22" href="javascript:void(0);">谷歌广告联盟</a>
                        <a href="javascript:void(0);">道歉</a>
                        <a href="javascript:void(0);">长沙</a>
                        <a href="javascript:void(0);">阅读</a>
                        <a href="javascript:void(0);">音乐</a>
                        <a href="javascript:void(0);">高考</a>
                    </div>
                    <span class="right-title">友情链接</span>
                    <div class="right-link">
                        <a href="javascript:void(0);">begin</a>
                        <a href="javascript:void(0);">WordPress</a>
                        <a href="javascript:void(0);">于和伟</a>
                        <a href="javascript:void(0);">人生</a>
                        <a href="javascript:void(0);">优雅拒绝</a>
                        <a href="javascript:void(0);">兴趣</a>
                        <a href="javascript:void(0);">写作</a>
                        <a href="javascript:void(0);">利刃出击</a>
                        <a class="f-22" href="javascript:void(0);">博客</a>
                        <a href="javascript:void(0);">回忆</a>
                        <a href="javascript:void(0);">学习</a>
                        <a href="javascript:void(0);">学校</a>
                        <a class="f-18" href="javascript:void(0);">寝室</a>
                        <a href="javascript:void(0);">小说</a>
                        <a href="javascript:void(0);">思考</a>
                        <a href="javascript:void(0);">我们</a>
                        <a href="javascript:void(0);">放假</a>
                        <a href="javascript:void(0);">朋友</a>
                        <a href="javascript:void(0);">武汉疫情</a>
                        <a href="javascript:void(0);">武警</a>
                        <a href="javascript:void(0);">沈腾</a>
                        <a href="javascript:void(0);">清明节</a>
                        <a href="javascript:void(0);">游戏</a>
                        <a class="f-20" href="javascript:void(0);">烈士墓</a>
                        <a href="javascript:void(0);">烦恼</a>
                        <a href="javascript:void(0);">父母</a>
                        <a href="javascript:void(0);">猎毒人</a>
                        <a href="javascript:void(0);">生活</a>
                        <a href="javascript:void(0);">电影</a>
                        <a href="javascript:void(0);">百度网盘</a>
                        <a href="javascript:void(0);">知更鸟</a>
                        <a href="javascript:void(0);">碎碎念</a>
                        <a href="javascript:void(0);">美化</a>
                        <a class="f-22" href="javascript:void(0);">老师</a>
                        <a href="javascript:void(0);">自留地</a>
                        <a href="javascript:void(0);">艺术</a>
                        <a href="javascript:void(0);">西游记</a>
                        <a href="javascript:void(0);">西虹市首富</a>
                        <a href="javascript:void(0);">警匪片</a>
                        <a class="f-22" href="javascript:void(0);">谷歌广告联盟</a>
                        <a href="javascript:void(0);">道歉</a>
                        <a href="javascript:void(0);">长沙</a>
                        <a href="javascript:void(0);">阅读</a>
                        <a href="javascript:void(0);">音乐</a>
                        <a href="javascript:void(0);">高考</a>
                    </div>    
                </div>
            </div>
        </div>
    </body>
</html>

友情链接Html静态页面
<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>友情链接-Onethink-简洁大气博客模板+点想博客模板设计分享-OneThink模板主题</title>
        <meta name="keywords" content="OneThink模板主题,网站模板,博客Html模板,企业网站模板" />
        <meta name="description" content="这是个人博客模板静态Html文件主题,可以用在任何响应式博客网站模板,页面采用最新网页设计技术,Html5+CSS3,页面实现响应式布局,适应电脑端、平板、手机等多终端设备。" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/base.css" rel="stylesheet">
        <script src="js/jquery-1.8.3.min.js" ></script>
        <script src="js/comm.js"></script>
        <!--[if lt IE 9]>
            <script src="js/modernizr.js"></script>
        <![endif]-->
    </head>
    <body>
        <div class="blog-box">
            <header id="header">
                <div class="box hidden">
                    <div class="site-name"><h2><a href="index.html">点想博客</a></h2><span>DianThink的个人博客</span></div>
                    <div class="search-box">
                        <form action="javascript:void(0);" type="post">
                            <input class="keywords" type="text" />
                            <input type="submit" value="搜索" />
                        </form>
                    </div>
                </div>
                <nav>
                    <ul id="starlist">
                        <li><a href="list.html">生活琐事</a></li>
                        <span></span>
                        <li><a href="list.html">有感而发</a></li>
                        <span></span>
                        <li><a href="list.html">博客日记</a></li>
                        <span></span>
                        <li><a href="list.html">Web教程</a></li>
                        <span></span>
                        <li><a href="list.html">互联网的一些事</a></li>
                        <span></span>
                        <li><a href="commont.html">可以留言</a></li>
                        <span></span>
                        <li><a href="about.html">关于自己</a></li>
                        <span></span>
                        <li><a href="list.html">OneThink</a></li>
                        <span></span>
                        <li><a href="links.html">Frend-Link</a></li>
                    </ul>
                </nav>
            </header>
            <div class="nav"></div>
            <div class="hidden">
                <div class="left content-page">
                    <div class="page-title"><span>我的朋友</span></div>
                    <div class="content-links">
                        <div class="link-content">
                            <ul>
                                <li><i>●</i> 原则:先友后链</li>
                                <li><i>●</i> 建站时间一年以上</li>
                                <li><i>●</i> 经常互访留言的优先考虑</li>
                                <li><i>●</i> 感兴趣的博客我会添加,不感兴趣的会删除,不予通知</li>
                            </ul>
                        </div>
                        <div class="site-infor">
                            <ul>
                                <li>名称:点想网络</li>
                                <li>地址:http://www.dianthink.com/</li>
                                <li>描述:点想博客站长参考网络博客科技的分享博客,个人自留地,分享自己的所见所闻所感,写写自己的生活日志。平凡的我们有不平凡的未来。</li>
                            </ul>
                        </div>
                        <div class="link-frends">朋友(Frends)</div>
                        <div class="link-list">
                            <a href="javascript:void(0);"><img src="./images/1.jpg"><span>夜猫子</span></a>
                            <a href="javascript:void(0);"><img src="./images/2.jpg"><span>伤心白...</span></a>
                            <a href="javascript:void(0);"><img src="./images/3.jpg"><span>Life is an...</span></a>
                            <a href="javascript:void(0);"><img src="./images/4.jpg"><span>左岸博客</span></a>
                            <a href="javascript:void(0);"><img src="./images/5.jpg"><span>夜猫子</span></a>
                            <a href="javascript:void(0);"><img src="./images/6.jpg"><span>李青随笔</span></a>
                            <a href="javascript:void(0);"><img src="./images/7.jpg"><span>逆时针</span></a>
                            <a href="javascript:void(0);"><img src="./images/8.jpg"><span>初秋心...</span></a>
                            <a href="javascript:void(0);"><img src="./images/9.jpg"><span>破袜子</span></a>
                            <a href="javascript:void(0);"><img src="./images/10.jpg"><span>读书人</span></a>
                            <a href="javascript:void(0);"><img src="./images/11.jpg"><span>夸克心</span></a>
                            <a href="javascript:void(0);"><img src="./images/12.jpg"><span>纬八路</span></a>
                            <a href="javascript:void(0);"><img src="./images/13.jpg"><span>匡早阁</span></a>
                            <a href="javascript:void(0);"><img src="./images/14.jpg"><span>五十星</span></a>
                            <a href="javascript:void(0);"><img src="./images/15.jpg"><span>王先生</span></a>
                            <a href="javascript:void(0);"><img src="./images/16.jpg"><span>清池人</span></a>
                            <a href="javascript:void(0);"><img src="./images/17.jpg"><span>在云间</span></a>
                            <a href="javascript:void(0);"><img src="./images/18.jpg"><span>小李博客</span></a>
                            <a href="javascript:void(0);"><img src="./images/19.jpg"><span>自由人</span></a>
                            <a href="javascript:void(0);"><img src="./images/20.jpg"><span>用心博客</span></a>
                            <a href="javascript:void(0);"><img src="./images/21.jpg"><span>Leon</span></a>
                            <a href="javascript:void(0);"><img src="./images/22.jpg"><span>向前博客</span></a>
                            <a href="javascript:void(0);"><img src="./images/23.jpg"><span>中心博客</span></a>
                            <a href="javascript:void(0);"><img src="./images/24.jpg"><span>不存在</span></a>
                        </div>
                        <div class="links-title">《我的朋友》有146个想法</div>
                        <div class="commont">
                            <div class="commont-list">
                                <ul>
                                    <li class="hidden">
                                        <article>
                                            <span class="hidden user-infor"><a href="javascript:void(0);"><img src="./images/head_1.jpg"></a><p><b>纬八路</b><em>2020年2月17日 20:13</em></p></span>
                                            <span class="des">我觉得不是。野味先于人类存在,是那个偷吃禁果没藏好的人,打开了潘多拉的盒子。说直接的,就是人类的贪婪。</span>
                                            <div class="reply"><a href="javascript:void(0);">回复 ↓</a></div>
                                        </article>
                                        <ul class="children">
                                            <li class="hidden">
                                                <article>
                                                    <span class="hidden user-infor"><a href="javascript:void(0);"><img src="./images/head_2.jpg"></a><p><b>大致</b><em>2020年2月17日 20:13</em></p></span>
                                                    <span class="des">调查组是派了,把这一波稳过去,几个月到半年后我敢说最后背锅的都是副职。你能明白吗?</span>
                                                    <div class="reply"><a href="javascript:void(0);">回复 ↓</a></div>
                                                </article>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="hidden">
                                        <article>
                                            <span class="hidden user-infor"><a href="javascript:void(0);"><img src="./images/head_1.jpg"></a><p><b>纬八路</b><em>2020年2月17日 20:13</em></p></span>
                                            <span class="des">我觉得不是。野味先于人类存在,是那个偷吃禁果没藏好的人,打开了潘多拉的盒子。说直接的,就是人类的贪婪。</span>
                                            <div class="reply"><a href="javascript:void(0);">回复 ↓</a></div>
                                        </article>
                                        <ul class="children">
                                            <li class="hidden">
                                                <article>
                                                    <span class="hidden user-infor"><a href="javascript:void(0);"><img src="./images/head_2.jpg"></a><p><b>大致</b><em>2020年2月17日 20:13</em></p></span>
                                                    <span class="des">调查组是派了,把这一波稳过去,几个月到半年后我敢说最后背锅的都是副职。你能明白吗?</span>
                                                    <div class="reply"><a href="javascript:void(0);">回复 ↓</a></div>
                                                </article>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="hidden">
                                        <article>
                                            <span class="hidden user-infor"><a href="javascript:void(0);"><img src="./images/head_1.jpg"></a><p><b>纬八路</b><em>2020年2月17日 20:13</em></p></span>
                                            <span class="des">我觉得不是。野味先于人类存在,是那个偷吃禁果没藏好的人,打开了潘多拉的盒子。说直接的,就是人类的贪婪。</span>
                                            <div class="reply"><a href="javascript:void(0);">回复 ↓</a></div>
                                        </article>
                                        <ul class="children">
                                            <li class="hidden">
                                                <article>
                                                    <span class="hidden user-infor"><a href="javascript:void(0);"><img src="./images/head_2.jpg"></a><p><b>大致</b><em>2020年2月17日 20:13</em></p></span>
                                                    <span class="des">调查组是派了,把这一波稳过去,几个月到半年后我敢说最后背锅的都是副职。你能明白吗?</span>
                                                    <div class="reply"><a href="javascript:void(0);">回复 ↓</a></div>
                                                </article>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                            <div class="commont-form">
                                <div class="commont-form-title">发表评论</div>
                                <p>电子邮件地址不会被公开。 必填项已用*标注</p>
                                <form action="javascript:void(0);" type="post">
                                    <div class="input-text">
                                        <span>姓名 <i>*</i></span>
                                        <input type="text" name="dt_submit[username]" />
                                    </div>
                                    <div class="input-text">
                                        <span>电子邮件 <i>*</i></span>
                                        <input type="text" name="dt_submit[email]" />
                                    </div>
                                    <div class="input-text">
                                        <span>站点</span>
                                        <input type="text" name="dt_submit[website]" />
                                    </div>
                                    <div class="input-text">
                                        <span>评论</span>
                                        <textarea class="textarea-content" name="dt_submit[content]"></textarea>
                                    </div>
                                    <button type="submit">发表评论</button>
                                    <div class="input-text-checkbox">
                                        <label><input type="checkbox" value="1" name="dt_submit[comment_subscribe]">&nbsp;&nbsp;勾选添加邮箱订阅</label>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="page">
                        <a class="l" href="javascript:void(0);">← 早期文章  </a>
                        <a class="r" href="javascript:void(0);">较新文章 →</a>
                    </div>
                    <div class="footer">
                        <p>版权所有 © (2018 - 2020) 王和先 │ 网站地图 │ 联系作者 │ 域名主机提供商: 阿里云.</p>
                        <p>备案:滇ICP备15003443号-2⋅滇公网安备00000000000000号</p>
                        <p>本站遵循"署名-非商业用途-保持一致"的创作共用协议,转载文章须注明来源。</p>
                    </div>
                </div>
                <div class="right">
                    <div class="my-blog">
                        <h2>现在起</h2>
                        <p>让您的博客焕然一新</p>
                        <a href="javascript:void(0);">我的博客</a>
                    </div>
                    <span class="right-title">微信</span>
                    <div class="wechart">
                        <img src="./images/wechart.jpg">
                    </div>
                    <span class="right-title">小程序</span>
                    <div class="wechart">
                        <img src="./images/xcx.jpg">
                    </div>
                    <span class="right-title">文章归档</span>
                    <div class="right-achieve">
                        <ul>
                            <li><a href="javascript:void(0);">2020年二月 (4)</a></li>
                            <li><a href="javascript:void(0);">2020年一月 (2)</a></li>
                            <li><a href="javascript:void(0);">2019年十二月 (1)</a></li>
                            <li><a href="javascript:void(0);">2019年十一月 (1)</a></li>
                            <li><a href="javascript:void(0);">2019年九月 (1)</a></li>
                            <li><a href="javascript:void(0);">2019年八月 (2)</a></li>
                            <li><a href="javascript:void(0);">2019年七月 (1)</a></li>
                            <li><a href="javascript:void(0);">2019年六月 (7)</a></li>
                            <li><a href="javascript:void(0);">2019年五月 (5)</a></li>
                            <li><a href="javascript:void(0);">2019年四月 (8)</a></li>
                            <li><a href="javascript:void(0);">2019年三月 (6)</a></li>
                            <li><a href="javascript:void(0);">2019年二月 (7)</a></li>
                            <li><a href="javascript:void(0);">2019年一月 (13)</a></li>
                            <li><a href="javascript:void(0);">2018年十二月 (10)</a></li>
                            <li><a href="javascript:void(0);">2018年十一月 (5)</a></li>
                            <li><a href="javascript:void(0);">2018年十月 (4)</a></li>
                            <li><a href="javascript:void(0);">2018年九月 (12)</a></li>
                            <li><a href="javascript:void(0);">2018年八月 (15)</a></li>
                            <li><a href="javascript:void(0);">2018年七月 (12)</a></li>
                            <li><a href="javascript:void(0);">2018年六月 (18)</a></li>
                            <li><a href="javascript:void(0);">2018年五月 (15)</a></li>
                            <li><a href="javascript:void(0);">2018年四月 (25)</a></li>
                            <li><a href="javascript:void(0);">2018年三月 (2)</a></li>
                        </ul>
                    </div>
                    <span class="right-title">近期文章</span>
                    <div class="right-article">
                        <ul>
                            <li><a href="javascript:void(0);">WordPress添加豆瓣书影记录——bmdb插件介绍</a></li>
                            <li><a href="javascript:void(0);">“失踪”多年的小学同学</a></li>
                            <li><a href="javascript:void(0);">我们期待我们盼望</a></li>
                            <li><a href="javascript:void(0);">疫情中的人情</a></li>
                            <li><a href="javascript:void(0);">世事无常:生命竟如此珍贵</a></li>
                        </ul>
                    </div>
                    <span class="right-title">标签导航</span>
                    <div class="right-keyword">
                        <a href="javascript:void(0);">begin</a>
                        <a href="javascript:void(0);">WordPress</a>
                        <a href="javascript:void(0);">于和伟</a>
                        <a href="javascript:void(0);">人生</a>
                        <a href="javascript:void(0);">优雅拒绝</a>
                        <a href="javascript:void(0);">兴趣</a>
                        <a href="javascript:void(0);">写作</a>
                        <a href="javascript:void(0);">利刃出击</a>
                        <a class="f-22" href="javascript:void(0);">博客</a>
                        <a href="javascript:void(0);">回忆</a>
                        <a href="javascript:void(0);">学习</a>
                        <a href="javascript:void(0);">学校</a>
                        <a class="f-18" href="javascript:void(0);">寝室</a>
                        <a href="javascript:void(0);">小说</a>
                        <a href="javascript:void(0);">思考</a>
                        <a href="javascript:void(0);">我们</a>
                        <a href="javascript:void(0);">放假</a>
                        <a href="javascript:void(0);">朋友</a>
                        <a href="javascript:void(0);">武汉疫情</a>
                        <a href="javascript:void(0);">武警</a>
                        <a href="javascript:void(0);">沈腾</a>
                        <a href="javascript:void(0);">清明节</a>
                        <a href="javascript:void(0);">游戏</a>
                        <a class="f-20" href="javascript:void(0);">烈士墓</a>
                        <a href="javascript:void(0);">烦恼</a>
                        <a href="javascript:void(0);">父母</a>
                        <a href="javascript:void(0);">猎毒人</a>
                        <a href="javascript:void(0);">生活</a>
                        <a href="javascript:void(0);">电影</a>
                        <a href="javascript:void(0);">百度网盘</a>
                        <a href="javascript:void(0);">知更鸟</a>
                        <a href="javascript:void(0);">碎碎念</a>
                        <a href="javascript:void(0);">美化</a>
                        <a class="f-22" href="javascript:void(0);">老师</a>
                        <a href="javascript:void(0);">自留地</a>
                        <a href="javascript:void(0);">艺术</a>
                        <a href="javascript:void(0);">西游记</a>
                        <a href="javascript:void(0);">西虹市首富</a>
                        <a href="javascript:void(0);">警匪片</a>
                        <a class="f-22" href="javascript:void(0);">谷歌广告联盟</a>
                        <a href="javascript:void(0);">道歉</a>
                        <a href="javascript:void(0);">长沙</a>
                        <a href="javascript:void(0);">阅读</a>
                        <a href="javascript:void(0);">音乐</a>
                        <a href="javascript:void(0);">高考</a>
                    </div>
                    <span class="right-title">友情链接</span>
                    <div class="right-link">
                        <a href="javascript:void(0);">begin</a>
                        <a href="javascript:void(0);">WordPress</a>
                        <a href="javascript:void(0);">于和伟</a>
                        <a href="javascript:void(0);">人生</a>
                        <a href="javascript:void(0);">优雅拒绝</a>
                        <a href="javascript:void(0);">兴趣</a>
                        <a href="javascript:void(0);">写作</a>
                        <a href="javascript:void(0);">利刃出击</a>
                        <a class="f-22" href="javascript:void(0);">博客</a>
                        <a href="javascript:void(0);">回忆</a>
                        <a href="javascript:void(0);">学习</a>
                        <a href="javascript:void(0);">学校</a>
                        <a class="f-18" href="javascript:void(0);">寝室</a>
                        <a href="javascript:void(0);">小说</a>
                        <a href="javascript:void(0);">思考</a>
                        <a href="javascript:void(0);">我们</a>
                        <a href="javascript:void(0);">放假</a>
                        <a href="javascript:void(0);">朋友</a>
                        <a href="javascript:void(0);">武汉疫情</a>
                        <a href="javascript:void(0);">武警</a>
                        <a href="javascript:void(0);">沈腾</a>
                        <a href="javascript:void(0);">清明节</a>
                        <a href="javascript:void(0);">游戏</a>
                        <a class="f-20" href="javascript:void(0);">烈士墓</a>
                        <a href="javascript:void(0);">烦恼</a>
                        <a href="javascript:void(0);">父母</a>
                        <a href="javascript:void(0);">猎毒人</a>
                        <a href="javascript:void(0);">生活</a>
                        <a href="javascript:void(0);">电影</a>
                        <a href="javascript:void(0);">百度网盘</a>
                        <a href="javascript:void(0);">知更鸟</a>
                        <a href="javascript:void(0);">碎碎念</a>
                        <a href="javascript:void(0);">美化</a>
                        <a class="f-22" href="javascript:void(0);">老师</a>
                        <a href="javascript:void(0);">自留地</a>
                        <a href="javascript:void(0);">艺术</a>
                        <a href="javascript:void(0);">西游记</a>
                        <a href="javascript:void(0);">西虹市首富</a>
                        <a href="javascript:void(0);">警匪片</a>
                        <a class="f-22" href="javascript:void(0);">谷歌广告联盟</a>
                        <a href="javascript:void(0);">道歉</a>
                        <a href="javascript:void(0);">长沙</a>
                        <a href="javascript:void(0);">阅读</a>
                        <a href="javascript:void(0);">音乐</a>
                        <a href="javascript:void(0);">高考</a>
                    </div>    
                </div>
            </div>
        </div>
    </body>
</html>
点赞(5) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部