码云 Gitee IDE 全新上线——支持 Git 管理的轻量在线编码环境
Watch Star Fork

简.工作室 / BlueLightHTMLApache-2.0

加入码云
与超过 300 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
BlueLight是设计师Jean为JPress官网设计的响应式HTML模板。现在开源出来,模板风格简约大气,动画效果自然舒适。代码规范,自适应能力强,兼容性强。而且支持各种类型代码高亮显示。
一键复制 编辑 Web IDE 原始数据 按行查看 历史
bl-first-index.html 13.63 KB
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">
<link href="aos/dist/aos.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 active">
<a href="bl-first-index.html">首页 <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<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="bl-bgclor container-fluid">
<div class="bl-banner container">
<p>JPress,开源,国产,更轻,更快。</p>
<div class="jpress-img" data-aos="fade-up"><img src="img/jpress-banner.png" /></div>
</div>
</div>
<!--<div class="container bl-card">-->
<!--<h3 class="bl-card-title">我们的优势</h3>-->
<!--<div class=" card-group bl-card-body">-->
<!--<div class="card card-body-item">-->
<!--<div class="item-icon">-->
<!--<i class="fa fa-paper-plane-o fa-4x align-middle" aria-hidden="true"></i>-->
<!--</div>-->
<!--<div class="card-body item-body item-body">-->
<!--<h3 class="card-title">轻</h3>-->
<!--<p class="card-text"><small class="text-muted">轻到只有8张数据表,却能实现WordPress的几乎所有功能</small></p>-->
<!--</div>-->
<!--</div>-->
<!--<div class="card card-body-item">-->
<!--<div class="item-icon">-->
<!--<i class="fa fa-heart-o fa-4x align-middle" aria-hidden="true"></i>-->
<!--</div>-->
<!--<div class="card-body item-body item-body">-->
<!--<h3 class="card-title">快</h3>-->
<!--<p class="card-text"><small class="text-muted">无论多么复杂的页面,JPress响应几乎在10毫秒内</small></p>-->
<!--</div>-->
<!--</div>-->
<!--<div class="card card-body-item">-->
<!--<div class="item-icon">-->
<!--<i class="fa fa-dribbble fa-4x align-middle" aria-hidden="true"></i>-->
<!--</div>-->
<!--<div class="card-body item-body item-body">-->
<!--<h3 class="card-title">灵活</h3>-->
<!--<p class="card-text"><small class="text-muted">JPress提出的“模板即模型”的概念,几乎可以用来做任何类型的网站。</small></p>-->
<!--</div>-->
<!--</div>-->
<!--<div class="card card-body-item">-->
<!--<div class="item-icon">-->
<!--<i class="fa fa-hand-rock-o fa-4x align-middle" aria-hidden="true"></i>-->
<!--</div>-->
<!--<div class="card-body item-body item-body">-->
<!--<h3 class="card-title">国产</h3>-->
<!--<p class="card-text"><small class="text-muted">JPress天生融合了微信公众号,更符合国人需求。</small></p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<div class="container bl-card">
<h3 class="bl-card-title">产品介绍</h3>
<div class="row product-box-body">
<div class="col-md-6 col-sm-12 product-box-left product-box-image" data-aos="zoom-in">
<img class="card-img-left" src="img/jp-light.jpg" alt="Card image cap" />
</div>
<div class="col-md-6 col-sm-12 product-box-right product-box-content" data-aos="fade-left">
<h3 class="card-title"></h3>
<p>功能轻、产品轻、代码轻</p>
<p>JPress 使用 Java8 开发,基于流行的JFinal和Jboot框架。整个JPress只有文章和页面两个模块。同时,产品的一切交互、我们使用了 “用到才能看到” 的设计理念,使之一切看起来是那么的轻和自然。
</p>
</div>
</div>
<div class="row product-box-body bl-active">
<div class="col-md-6 col-sm-12 product-box-left product-box-content" data-aos="fade-left" data-aos-offset="100">
<h3 class="card-title"></h3>
<p>我们非常重视代码质量和运行效率</p>
<p>JPress内置了多种快速的缓存方案,不仅如此,JPress还支持阿里云、腾讯云、七牛、又拍云等CDN做加速。同时,JPress支持微服务支持分布式部署,通过微服务化能支撑任何流量的大型分布式产品。
</p>
</div>
<div class="col-md-6 col-sm-12 product-box-right product-box-image" data-aos="zoom-in" data-aos-offset="100">
<img class="card-img-left" src="img/jp-fast.jpg" alt="Card image cap" />
</div>
</div>
<div class="row product-box-body">
<div class="col-md-6 col-sm-12 product-box-left product-box-image" data-aos="zoom-in">
<img class="card-img-left" src="img/jp-module.jpg" alt="Card image cap" />
</div>
<div class="col-md-6 col-sm-12 product-box-right product-box-content" data-aos="fade-left">
<h3 class="card-title">模块化</h3>
<p>JPress 使用了模块化的设计思想。</p>
<p>目前JPress已经内置的文章和页面其实是两个模块,可以移除和新增其他模块,因此,可以通过新增模块的方式,使用JPress来做博客、论坛、问答社区,商城等几乎可以用来做任何类型的网站。</p>
</div>
</div>
<div class="row product-box-body bl-active">
<div class="col-md-6 col-sm-12 product-box-left product-box-content" data-aos="fade-left">
<h3 class="card-title">文档丰富</h3>
<p class="card-text">我们非常重视文档</p>
<p class="card-text">我们对文档的重视,甚至高于产品和代码,我们希望,任何人都能快速的使用JPress,剩余出更多的时间来陪伴自己的孩子、父母和爱人。</p>
</div>
<div class="col-md-6 col-sm-12 product-box-right product-box-image" data-aos="zoom-in">
<img class="card-img-left" src="img/jp-document.jpg" alt="Card image cap" />
</div>
</div>
<div class="row product-box-body">
<div class="col-md-6 col-sm-12 product-box-left product-box-image" data-aos="zoom-in">
<img class="card-img-left" src="img/jp-local.jpg" alt="Card image cap" />
</div>
<div class="col-md-6 col-sm-12 product-box-right product-box-content" data-aos="fade-left">
<h3 class="card-title">本地化</h3>
<p>因为本地而生</p>
<p>JPress充分利用中国互联网生态、原生支持和微信公众号、小程序对接。 同时融合了 QQ邮箱、163邮箱等作为邮件发送服务器、集成了阿里云的阿里大于等作为短信发送服务。 在未来,JPress会支持越来越多的中国互联网产品整合功能。</p>
</div>
</div>
<div class="row product-box-body bl-active">
<div class="col-md-6 col-sm-12 product-box-left product-box-content" data-aos="fade-left">
<h3 class="card-title">开源</h3>
<p class="card-text">基于LGPL开源协议</p>
<p class="card-text">LGPL开源协议比WordPress采用的GPL更加宽松,也意味着你可以使用JPress来做商业网站,页面模板不用保留 JPress 版权相关文字。</p>
</div>
<div class="col-md-6 col-sm-12 product-box-right product-box-image" data-aos="zoom-in">
<img class="card-img-left" src="img/jp-opensource.jpg" alt="Card image cap" />
</div>
</div>
</div>
<div class="container">
<h3 class="bl-card-title">我们的团队</h3>
<div class="card-deck text-center" data-aos="fade-left">
<div class="card">
<div class="card-img-top"><img src="img/default-column-img.jpg" alt=""></div>
<div class="card-body">
<h3 class="card-title">Michael</h3>
<p class="card-text"><small class="text-muted">JPress开源作者</small></p>
</div>
</div>
<div class="card">
<div class="card-img-top"><img src="img/default-column-img.jpg" alt=""></div>
<div class="card-body">
<h3 class="card-title">Jean</h3>
<p class="card-text"><small class="text-muted">UI设计师,插画师</small></p>
</div>
</div>
<div class="card">
<div class="card-img-top"><img src="img/default-column-img.jpg" alt=""></div>
<div class="card-body">
<h3 class="card-title">tony</h3>
<p class="card-text"><small class="text-muted">JPress产品经理</small></p>
</div>
</div>
<div class="card">
<div class="card-img-top"><img src="img/default-column-img.jpg" alt=""></div>
<div class="card-body">
<h3 class="card-title">Jeey</h3>
<p class="card-text"><small class="text-muted">JPress运营总监</small></p>
</div>
</div>
</div>
</div>
<div class="container">
<h3 class="bl-card-title">JPress的用户是这样说的</h3>
<div class="card-deck" data-aos="fade-right">
<div class="card">
<div class="card-body">
"这是我在创业过程中用过最好的产品,没有之一。其提供的模块化和微信插件、方便我们团队进行快速的开发"
</div>
<div class="card-body">
<h3 class="card-title">张宾</h3>
<p class="card-text"><small class="text-muted">创业公司CEO</small></p>
</div>
</div>
<div class="card">
<div class="card-body">
"JPress源码的提供了良好的中文注释、同时代码极度简单、方便我们小白学习和使用,我也得到了快速的成长。"
</div>
<div class="card-body">
<h3 class="card-title">李丽</h3>
<p class="card-text"><small class="text-muted">大学生</small></p>
</div>
</div>
<div class="card">
<div class="card-body">
"刚开始接触JPress的时候,我其实是在找WordPress的代替版本,终于遇见了JPress和认识了海哥"
</div>
<div class="card-body">
<h3 class="card-title">啊峰</h3>
<p class="card-text"><small class="text-muted">上市公司技术总监</small></p>
</div>
</div>
<div class="card">
<div class="card-body">
"JPress可以用来和微信公众号做链接,方便了粉丝和网站进行互动,近期也开始运营小程序,到时候还离不开JPress"
</div>
<div class="card-body">
<h3 class="card-title">Jeey</h3>
<p class="card-text"><small class="text-muted">上市公司运营总监</small></p>
</div>
</div>
</div>
</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>
<script src="aos/dist/aos.js"></script>
<script>
AOS. init();
</script >
</body>
</html>

评论 ( 0 )

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

搜索帮助