开源中国 2018 年度最后一场技术盛会邀你来约~错过就要等明年啦!点此立即预约

简.工作室 / BlueLightHTMLApache-2.0

Watch 51 Star 140 Fork 22
加入码云
与超过 300 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
BlueLight是设计师Jean为JPress官网设计的响应式HTML模板。现在开源出来,模板风格简约大气,动画效果自然舒适。代码规范,自适应能力强,兼容性强。而且支持各种类型代码高亮显示。 展开 收起

bl-aritical-list.html 12.81 KB
一键复制 编辑 Web IDE 原始数据 按行查看 历史
jean 提交于 2018-10-10 14:52 . init
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>JPress,一个类似WordPress的开源国产框架,更轻更快!</title>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="css/bl-css.css" rel="stylesheet">
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<div class="bl-header container-fluid">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-dark bl-nav">
<a class="nav-prand" href="bl-first-index.html">JPress</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a href="bl-first-index.html">首页 <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item active">
<a href="bl-aritical-list.html">文章</a>
</li>
<li class="nav-item">
<a href="bl-about.html">关于</a>
</li>
</ul>
</div>
<button type="button" class="btn btn-outline-light ">下载源码</button>
</nav>
</div>
</div>
<div class="container list-content bl-container">
<div class="row bl-list-card">
<div class="col-md-8 col-sm-12 bl-card-content">
<h3 class="bl-content-title"><a href="bl-aritical.html">JPress 1.0 发布了,WordPress 的 Java 替代版</a></h3>
<p class="bl-content-info">JPress 1.0 发布了.没错,时隔两年,JPress 1.0 发布了,虽然只是 beta 版本。这次 JPress 相对之前的版本,已经全部重写,包括 Java代码、js、html和css。所以,不再兼容 0.x 版本了,后期再提供迁移工具。</p>
<div class="bl-label">
<div class="bl-label-item">
<img src="img/portrait.jpg" class="img-fluid rounded-circle bl-img-size" alt="">
<span>海哥</span>
</div>
<div class="bl-label-item">2017-10-01 18:00</div>
</div>
<div class="bl-tag">
<div class="bl-tag-item"><i class="fa fa-heart-o" aria-hidden="true"></i> 156</div>
<div class="bl-tag-item"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 156</div>
<div class="bl-tag-item"><i class="fa fa-commenting-o" aria-hidden="true"></i> 2</div>
</div>
</div>
<div class="col-md-4 col-sm-12 bl-card-image"><a href="bl-aritical.html"><img src="img/default-img.jpg" class="img-fluid" alt=""></a></div>
</div>
<div class="row bl-list-card">
<div class="col-md-8 col-sm-12 bl-card-content">
<h3 class="bl-content-title"><a href="bl-aritical.html">JPress的ehcache缓存方案、以及踩过ehcache的坑</a></h3>
<p class="bl-content-info">最近为了提高J按的性能,减少数据查询的次数,J按大量使用了的Ehcache缓存作为起内置缓存,同时会话也是基于ehcache的重新实现的支持分部署的会议解决方案。</p>
<div class="bl-label">
<div class="bl-label-item">
<img src="img/portrait.jpg" class="img-fluid rounded-circle bl-img-size" alt="">
<span>海哥</span>
</div>
<div class="bl-label-item">2017-10-01 18:00</div>
</div>
<div class="bl-tag">
<div class="bl-tag-item"><i class="fa fa-heart-o" aria-hidden="true"></i> 156</div>
<div class="bl-tag-item"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 156</div>
<div class="bl-tag-item"><i class="fa fa-commenting-o" aria-hidden="true"></i> 2</div>
</div>
</div>
<div class="col-md-4 col-sm-12 bl-card-image"><a href="bl-aritical.html"><img src="img/default-img.jpg" class="img-fluid" alt=""></a></div>
</div>
<div class="row bl-list-card">
<div class="col-md-8 col-sm-12 bl-card-content">
<h3 class="bl-content-title"><a href="bl-aritical.html">谷歌用 20 年获得的用户信任,会在今天毁于一旦吗?</a></h3>
<p class="bl-content-info">谷歌成立已有20年时间。当初两个年轻人在车库里创建了谷歌,如今它已经成为一家全球科技巨头。纵然谷歌为我们的生活提供了诸多便利,但它不能将我们的善意当成是一件理所应当的事情。信任的建立不是单向的,而是双向的。本文编译自Fastcompany上原文名为《As Google turns 20, it can’t take our goodwill for granted》的文章。</p>
<div class="bl-label">
<div class="bl-label-item">
<img src="img/portrait.jpg" class="img-fluid rounded-circle bl-img-size" alt="">
<span>海哥</span>
</div>
<div class="bl-label-item">2017-10-01 18:00</div>
</div>
<div class="bl-tag">
<div class="bl-tag-item"><i class="fa fa-heart-o" aria-hidden="true"></i> 156</div>
<div class="bl-tag-item"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 156</div>
<div class="bl-tag-item"><i class="fa fa-commenting-o" aria-hidden="true"></i> 2</div>
</div>
</div>
<div class="col-md-4 col-sm-12 bl-card-image"><a href="bl-aritical.html"><img src="img/default-img.jpg" class="img-fluid" alt=""></a></div>
</div>
<div class="row bl-list-card">
<div class="col-md-8 col-sm-12 bl-card-content">
<h3 class="bl-content-title"><a href="bl-aritical.html">程序员入错行怎么办?</a></h3>
<p class="bl-content-info">坊间来报,自10 月 15 日起中国央行将下调部分金融机构存款准备金率,降准之外还会再释放增量资金约 7500 亿元——这次金融领域的大动作,对技术领域而言,开发者最直接的观感大抵就是备受诟病的房价要稳了。</p>
<div class="bl-label">
<div class="bl-label-item">
<img src="img/portrait.jpg" class="img-fluid rounded-circle bl-img-size" alt="">
<span>海哥</span>
</div>
<div class="bl-label-item">2017-10-01 18:00</div>
</div>
<div class="bl-tag">
<div class="bl-tag-item"><i class="fa fa-heart-o" aria-hidden="true"></i> 156</div>
<div class="bl-tag-item"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 156</div>
<div class="bl-tag-item"><i class="fa fa-commenting-o" aria-hidden="true"></i> 2</div>
</div>
</div>
<div class="col-md-4 col-sm-12 bl-card-image"><a href="bl-aritical.html"><img src="img/default-img.jpg" class="img-fluid" alt=""></a></div>
</div>
<div class="row bl-list-card">
<div class="col-md-8 col-sm-12 bl-card-content">
<h3 class="bl-content-title"><a href="bl-aritical.html">苹果XS Max深度体验视频:这双卡双待真值1.2万?</a></h3>
<p class="bl-content-info">恐怕这些就是新iPhone发布之后朋友圈最多出现的字眼了吧?离新iPhone发布已经有两周的时间,相信不少狂热的果粉们已经入手了,你们对于新iPhone的体验感受如何呢?现在就用15分钟的时间,深度品味一下这台史上最大的iPhone吧,看完你就知道值不值了!</p>
<div class="bl-label">
<div class="bl-label-item">
<img src="img/portrait.jpg" class="img-fluid rounded-circle bl-img-size" alt="">
<span>海哥</span>
</div>
<div class="bl-label-item">2017-10-01 18:00</div>
</div>
<div class="bl-tag">
<div class="bl-tag-item"><i class="fa fa-heart-o" aria-hidden="true"></i> 156</div>
<div class="bl-tag-item"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 156</div>
<div class="bl-tag-item"><i class="fa fa-commenting-o" aria-hidden="true"></i> 2</div>
</div>
</div>
<div class="col-md-4 col-sm-12 bl-card-image"><a href="bl-aritical.html"><img src="img/default-img.jpg" class="img-fluid" alt=""></a></div>
</div>
<div class="row bl-list-card">
<div class="col-md-8 col-sm-12 bl-card-content">
<h3 class="bl-content-title"><a href="bl-aritical.html">JPress的ehcache缓存方案、以及踩过ehcache的坑</a></h3>
<p class="bl-content-info">最近为了提高J按的性能,减少数据查询的次数,J按大量使用了的Ehcache缓存作为起内置缓存,同时会话也是基于ehcache的重新实现的支持分部署的会议解决方案。</p>
<div class="bl-label">
<div class="bl-label-item">
<img src="img/portrait.jpg" class="img-fluid rounded-circle bl-img-size" alt="">
<span>海哥</span>
</div>
<div class="bl-label-item">2017-10-01 18:00</div>
</div>
<div class="bl-tag">
<div class="bl-tag-item"><i class="fa fa-heart-o" aria-hidden="true"></i> 156</div>
<div class="bl-tag-item"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 156</div>
<div class="bl-tag-item"><i class="fa fa-commenting-o" aria-hidden="true"></i> 2</div>
</div>
</div>
<div class="col-md-4 col-sm-12 bl-card-image"><a href="bl-aritical.html"><img src="img/default-img.jpg" class="img-fluid" alt=""></a></div>
</div>
<div class="row bl-list-card">
<div class="col-md-8 col-sm-12 bl-card-content">
<h3 class="bl-content-title"><a href="bl-aritical.html">聚合碎片化信息的「一知」,能否成为新的社交流量场景?</a></h3>
<p class="bl-content-info">有时候,手机里总有些不间断的推送、提醒和广告。繁多的信息变成了打扰,让人想要一个清净世界,跟无关通知说Byebye。</p>
<div class="bl-label">
<div class="bl-label-item">
<img src="img/portrait.jpg" class="img-fluid rounded-circle bl-img-size" alt="">
<span>海哥</span>
</div>
<div class="bl-label-item">2017-10-01 18:00</div>
</div>
<div class="bl-tag">
<div class="bl-tag-item"><i class="fa fa-heart-o" aria-hidden="true"></i> 156</div>
<div class="bl-tag-item"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 156</div>
<div class="bl-tag-item"><i class="fa fa-commenting-o" aria-hidden="true"></i> 2</div>
</div>
</div>
<div class="col-md-4 col-sm-12 bl-card-image"><a href="bl-aritical.html"><img src="img/default-img.jpg" class="img-fluid" alt=""></a></div>
</div>
<nav aria-label="Page navigation example" style="margin-top:2rem;">
<ul class="pagination justify-content-center bl-page">
<li class="page-item disabled">
<a class="page-link" href="#" aria-label="Previous">
<span aria-hidden="true">&laquo;</span>
<span class="sr-only">Previous</span>
</a>
</li>
<li class="page-item"><a class="page-link" href="#">1</a></li>
<li class="page-item active"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item">
<a class="page-link" href="#" aria-label="Next">
<span aria-hidden="true">&raquo;</span>
<span class="sr-only">Next</span>
</a>
</li>
</ul>
</nav>
</div>
<div class="bl-footer container-fluid">
<div class="container">
<ul class="bl-footer-list">
<li class="bl-footer-item">
<a href="#">帮助</a>
</li>
<li class="bl-footer-item">
<a href="#">隐私</a>
</li>
<li class="bl-footer-item">
<a href="#">条款</a>
</li>
</ul>
<div class="copyright">copyright @ 2018 JPress设计部出品</div>
</div>
</div>
<script src="jquery/jquery.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>

评论 ( 0 )

你可以在登录后,发表评论

搜索帮助