Skip to content

S
sparrowzz
Commit a400d4da by cy
Options

添加人员

parent 256b4b16
正在显示 包含 125 行增加 和 72 行删除
README.md
# SGOOL网页主题 # SGOOL网页主题
这是一个hexo主题问题，为了能够方便从md文件生成新闻公告和各种其他的网页，故使用[hexo](http://hexo.io)来对md进行渲染，我将网站做成了hexo主题 这是一个hexo主题文件，为了能够方便从md文件生成新闻公告和各种其他的网页，故使用[hexo](https://hexo.io/zh-cn/)来对md进行渲染，我将网站做成了hexo主题
## 使用方法 ## 使用方法
1. 在自己的电脑上，安装hexo，新建一个，hexo项目，并下载这个github中的文件，放置到项目的theme文件下下面，将项目的 _config.yml中部署的设置修改成我们的服务地址，以方便部署 1. 在自己的电脑上，安装hexo，新建一个，hexo项目，并下载这个github中的文件，放置到项目的theme文件下下面，将项目的 _config.yml中部署的设置修改成我们的服务地址，以方便部署
......
layout/about.ejs
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>建电网</title> <title>SGOOL</title>
<link rel="shortcut icon" href="/images/title-icon.png"> <link rel="shortcut icon" href="/images/title-icon.png">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,800italic,800,700italic,700,600italic,400italic,600,300italic,300|Oswald:400,300,700' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,800italic,800,700italic,700,600italic,400italic,600,300italic,300|Oswald:400,300,700' rel='stylesheet' type='text/css'>
<!-- Bootstrap --> <!-- Bootstrap -->
...@@ -468,16 +468,16 @@ ...@@ -468,16 +468,16 @@
</div> </div>
<div class="row" style="width: 80%;margin: 0 auto;"> <div class="row" style="width: 80%;margin: 0 auto;">
<div class="col-md-6"> <div class="col-md-6">
<a href="/about/caiyu.html"><div class="st-feature"> <a href="/about/dongshufeng.html"><div class="st-feature">
<img src="/images/fr.jpg"> <img src="/about/董树锋.jpg">
<strong class="st-feature-title">唐坤杰(博士生)</strong> <strong class="st-feature-title">董树锋 老师</strong>
<p style="color: #000;">执行策划</p> <p style="color: #000;">执行策划</p>
</div></a> </div></a>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<a href="/about/caiyu.html"><div class="st-feature"> <a href="/about/guochuangxin.html"><div class="st-feature">
<img src="/images/fr.jpg"> <img src="/about/郭创新.jpg">
<strong class="st-feature-title">唐坤杰(博士生)</strong> <strong class="st-feature-title">郭创新 老师</strong>
<p style="color: #000;">执行策划</p> <p style="color: #000;">执行策划</p>
</div></a> </div></a>
</div> </div>
...@@ -486,75 +486,75 @@ ...@@ -486,75 +486,75 @@
<br/><br/> <br/><br/>
<div class="row student"> <div class="row student">
<div class="col-md-2"> <div class="col-md-2">
<a href="/about/caiyu.html"><div class="st-feature"> <a href="/about/tangkunjie.html"><div class="st-feature">
<img src="/images/fr.jpg"> <img src="/about/唐坤杰.jpg">
<strong class="st-feature-title">唐坤杰(博士生)</strong> <strong class="st-feature-title">唐坤杰(博士)</strong>
<p style="color: #000;">执行策划</p> <p style="color: #000;">执行策划</p>
</div></a> </div></a>
</div> </div>
<div class="col-md-2"> <div class="col-md-2">
<a href="/about/caiyu.html"><div class="st-feature"> <a href="/about/shiyunhui.html"><div class="st-feature">
<img src="/images/fr.jpg"> <img src="/about/施云辉.jpg">
<strong class="st-feature-title">唐坤杰(博士生)</strong> <strong class="st-feature-title">施云辉(博士)</strong>
<p style="color: #000;">执行策划</p> <p style="color: #000;">执行策划</p>
</div></a> </div></a>
</div> </div>
<div class="col-md-2"> <div class="col-md-2">
<a href="/about/caiyu.html"><div class="st-feature"> <a href="/about/fangrui.html"><div class="st-feature">
<img src="/images/fr.jpg"> <img src="/about/方睿.jpg">
<strong class="st-feature-title">唐坤杰(博士生)</strong> <strong class="st-feature-title">方睿(硕士)</strong>
<p style="color: #000;">执行策划</p> <p style="color: #000;">开发</p>
</div></a> </div></a>
</div> </div>
<div class="col-md-2"> <div class="col-md-2">
<a href="/about/caiyu.html"><div class="st-feature"> <a href="/about/zhujiaqi.html"><div class="st-feature">
<img src="/images/fr.jpg"> <img src="/about/朱嘉麒.jpg">
<strong class="st-feature-title">唐坤杰(博士生)</strong> <strong class="st-feature-title">朱嘉麒(硕士)</strong>
<p style="color: #000;">执行策划</p> <p style="color: #000;">开发</p>
</div></a> </div></a>
</div> </div>
<div class="col-md-2"> <div class="col-md-2">
<a href="/about/caiyu.html"><div class="st-feature"> <a href="/about/caiyu.html"><div class="st-feature">
<img src="/images/fr.jpg"> <img src="/about/蔡宇.jpg">
<strong class="st-feature-title">唐坤杰(博士生)</strong> <strong class="st-feature-title">蔡宇(硕士)</strong>
<p style="color: #000;">执行策划</p> <p style="color: #000;">网页开发</p>
</div></a> </div></a>
</div> </div>
<div class="col-md-2"> <div class="col-md-2">
<a href="#"><div class="st-feature"> <a href="/about/xuchengsi.html"><div class="st-feature">
<img src="/images/fr.jpg"> <img src="/about/徐成司.jpg">
<strong class="st-feature-title">唐坤杰(博士生)</strong> <strong class="st-feature-title">徐成司(硕士)</strong>
<p style="color: #000;">执行策划</p> <p style="color: #000;">开发</p>
</div></a> </div></a>
</div> </div>
</div> </div>
<div class="row student"> <div class="row student">
<div class="col-md-3"> <div class="col-md-3">
<a href="/about/caiyu.html"><div class="st-feature"> <a href="/about/zhangzhanghuang.html"><div class="st-feature">
<img src="/images/fr.jpg"> <img src="/about/张章煌.jpg">
<strong class="st-feature-title">唐坤杰(博士生)</strong> <strong class="st-feature-title">张章煌(硕士)</strong>
<p style="color: #000;">执行策划</p> <p style="color: #000;">开发</p>
</div></a> </div></a>
</div> </div>
<div class="col-md-3"> <div class="col-md-3">
<a href="/about/caiyu.html"><div class="st-feature"> <a href="/about/wangxiaoci.html"><div class="st-feature">
<img src="/images/fr.jpg"> <img src="/about/王孝慈.jpg">
<strong class="st-feature-title">唐坤杰(博士生)</strong> <strong class="st-feature-title">王孝慈(硕士)</strong>
<p style="color: #000;">执行策划</p> <p style="color: #000;">开发</p>
</div></a> </div></a>
</div> </div>
<div class="col-md-3"> <div class="col-md-3">
<a href="/about/caiyu.html"><div class="st-feature"> <a href="/about/xuenchao.html"><div class="st-feature">
<img src="/images/fr.jpg"> <img src="/about/许恩超.jpg">
<strong class="st-feature-title">唐坤杰(博士生)</strong> <strong class="st-feature-title">许恩超(硕士)</strong>
<p style="color: #000;">执行策划</p> <p style="color: #000;">开发</p>
</div></a> </div></a>
</div> </div>
<div class="col-md-3"> <div class="col-md-3">
<a href="/about/caiyu.html"><div class="st-feature"> <a href="/about/tangyingqi.html"><div class="st-feature">
<img src="/images/fr.jpg"> <img src="/about/唐莹淇.jpg">
<strong class="st-feature-title">唐坤杰(博士生)</strong> <strong class="st-feature-title">唐莹淇(硕士)</strong>
<p style="color: #000;">执行策划</p> <p style="color: #000;">开发</p>
</div></a> </div></a>
</div> </div>
</div> </div>
...@@ -584,7 +584,7 @@ ...@@ -584,7 +584,7 @@
<div class="col-md-3"> <div class="col-md-3">
<div class="funfact"> <div class="funfact">
<div class="st-funfact-icon"><i class="fa fa-code"></i></div> <div class="st-funfact-icon"><i class="fa fa-code"></i></div>
<div class="st-funfact-counter" ><span class="st-ff-count" data-from="0" data-to="7000" data-runit="1">0</span>+</div> <div class="st-funfact-counter" ><span class="st-ff-count" data-from="0" data-to="80000" data-runit="1">0</span>+</div>
<strong class="funfact-title">行代码</strong> <strong class="funfact-title">行代码</strong>
</div><!-- .funfact --> </div><!-- .funfact -->
</div> </div>
......
layout/index.ejs
...@@ -115,11 +115,19 @@ $(document).ready(function() { ...@@ -115,11 +115,19 @@ $(document).ready(function() {
<div class="slider"> <div class="slider">
<div class="row" style="width: 100%;"> <div class="row" style="width: 100%;">
<div class="slider_left col-lg-6"> <div class="slider_left col-lg-6">
<div class="left_content">
<div class="col-lg-6">
<img src="images/biglogo.png" /> <img src="images/biglogo.png" />
</div> </div>
<div class="slider_right col-lg-6"> <div class="col-lg-6">
<h2 class="slider_title">高性能计算平台</h2> <h2 class="slider_title">高性能计算平台</h2>
<p class="slider_text">总而言之，高效地为您计算各种电力系统服务算例</p> <p class="slider_text">总而言之，高效地为您计算各种电力系统服务算例</p>
</div>
</div>
</div>
<div class="slider_right col-lg-6">
</div> </div>
</div> </div>
</div> </div>
......
source/css/about.style.css
...@@ -980,6 +980,7 @@ h6 { ...@@ -980,6 +980,7 @@ h6 {
.student img{ .student img{
width: 150px; width: 150px;
height: 150px;
border-radius:100px; border-radius:100px;
} }
......
source/css/newsSection.css
...@@ -26,13 +26,14 @@ ...@@ -26,13 +26,14 @@
} }
.article-title{ .article-title{
display: inline-block; display: inline-block;
margin-top: 5px;
vertical-align:middle;
/*padding-right:10px;*/ /*padding-right:10px;*/
width: 100%; width: 100%;
} }
.article-title a{ .article-title a{
margin-top: 20px;
margin-bottom: 5px;
float: left; float: left;
font-size:1.75em; font-size:1.75em;
font-weight: 400; font-weight: 400;
...@@ -40,6 +41,7 @@ ...@@ -40,6 +41,7 @@
} }
.article-title p{ .article-title p{
float:right; float:right;
font-size:1.15em; font-size:1.15em;
} }
...@@ -47,5 +49,10 @@ ...@@ -47,5 +49,10 @@
.article-content{ .article-content{
width: 100%; width: 100%;
color: #666666; color: #666666;
font-size:1.15em; font-size:1.05em;
}
.article-content p{
margin-top: 5px;
margin-bottom: 10px;
} }
\ No newline at end of file
source/css/serviceSection.css
...@@ -138,7 +138,7 @@ ...@@ -138,7 +138,7 @@
/***** Ruby *****/ /***** Ruby *****/
/*---------------*/ /*---------------*/
figure.effect-ruby2 { .service_grid figure.effect-ruby2 {
background-color: #000; background-color: #000;
} }
...@@ -149,21 +149,21 @@ figure.effect-ruby2 { ...@@ -149,21 +149,21 @@ figure.effect-ruby2 {
margin-bottom: 40px; margin-bottom: 40px;
} }
figure.effect-ruby2 img { .service_grid figure.effect-ruby2 img {
opacity: 1; opacity: 1;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.0); -webkit-transform: scale(1.02);
transform: scale(1.0); transform: scale(1.02);
} }
figure.effect-ruby2:hover img { .service_grid figure.effect-ruby2:hover img {
opacity: 0.5; opacity: 0.5;
-webkit-transform: scale(1.15); -webkit-transform: scale(1.15);
transform: scale(1.15); transform: scale(1.15);
} }
figure.effect-ruby2 h2 { .service_grid figure.effect-ruby2 h2 {
margin-top: 5%; margin-top: 5%;
padding-bottom: 10px; padding-bottom: 10px;
-webkit-transition: -webkit-transform 0.35s; -webkit-transition: -webkit-transform 0.35s;
...@@ -173,15 +173,15 @@ figure.effect-ruby2 h2 { ...@@ -173,15 +173,15 @@ figure.effect-ruby2 h2 {
} }
figure.effect-ruby2:hover h2 { .service_grid figure.effect-ruby2:hover h2 {
-webkit-transform: translate3d(0,-130px,0); -webkit-transform: translate3d(0,-180px,0);
transform: translate3d(0,-130px,0); transform: translate3d(0,-180px,0);
} }
figure.effect-ruby2 h3 { .service_grid figure.effect-ruby2 h3 {
padding-bottom: 10px; padding-bottom: 10px;
-webkit-transition: -webkit-transform 0.35s; -webkit-transition: -webkit-transform 0.35s;
...@@ -191,13 +191,13 @@ figure.effect-ruby2 h3 { ...@@ -191,13 +191,13 @@ figure.effect-ruby2 h3 {
} }
figure.effect-ruby2:hover h3 { .service_grid figure.effect-ruby2:hover h3 {
-webkit-transform: translate3d(0,-80px,0); -webkit-transform: translate3d(0,-80px,0);
transform: translate3d(0,-80px,0); transform: translate3d(0,-80px,0);
} }
figure.effect-ruby2 h4 { .service_grid figure.effect-ruby2 h4 {
padding-bottom: 10px; padding-bottom: 10px;
-webkit-transition: -webkit-transform 0.35s; -webkit-transition: -webkit-transform 0.35s;
...@@ -207,12 +207,12 @@ figure.effect-ruby2 h4 { ...@@ -207,12 +207,12 @@ figure.effect-ruby2 h4 {
} }
figure.effect-ruby2:hover h4 { .service_grid figure.effect-ruby2:hover h4 {
-webkit-transform: translate3d(0,-80px,0); -webkit-transform: translate3d(0,-80px,0);
transform: translate3d(0,-80px,0); transform: translate3d(0,-80px,0);
} }
figure.effect-ruby2 p { .service_grid figure.effect-ruby2 p {
margin: 40px 0 80px 0; margin: 40px 0 80px 0;
opacity: 0; opacity: 0;
...@@ -224,15 +224,15 @@ figure.effect-ruby2 p { ...@@ -224,15 +224,15 @@ figure.effect-ruby2 p {
figure.effect-ruby2:hover p { .service_grid figure.effect-ruby2:hover p {
opacity: 1; opacity: 1;
-webkit-transform: translate3d(0,-20px,0) scale(1); -webkit-transform: translate3d(0,-20px,0) scale(1);
transform: translate3d(0,-20px,0) scale(1); transform: translate3d(0,-20px,0) scale(1);
} }
.plink{ .service_grid .plink{
margin: 30px; margin: 30px;
font-size: 18px;
padding: 5px 20px 5px 20px; padding: 5px 20px 5px 20px;
border: 1px solid #ffffff; border: 1px solid #ffffff;
border-radius: 3px; border-radius: 3px;
......
source/css/sliderSection.css
.slider { .slider {
width: 100%; width: 100%;
background-color: #187cc2; background-color: #187cc2;
background-image: url("../images/campus2.jpg");
}
.slider .row{
margin: 0;
} }
.slider_left img{ .slider .left_content {
margin-top: 150px;
}
.slider .slider_right {
height: 500px; height: 500px;
margin-top: 50px; padding: 0px;
margin-bottom: 50px; background-image: url("../images/campus2.jpg");
margin-left: 20%; }
.slider .slider_left img{
height: 200px;
margin-left: 100px;
}
.slider h2{
margin-top: 40px;
color: #fff;
font-size: 30px;
margin-bottom: 20px;
}
.slider p{
color: #fff;
margin-bottom: 25px;
}
.slider a{
font-size: 18px;
border-radius: 3px;
border: 1px solid #fff;
color: #fff;
padding: 3px;
}
.slider .col-lg-6{
padding: 0;
} }
\ No newline at end of file
source/images/campus2.jpg
source/images/campus2.jpg

562 KB | W: | H:

source/images/campus2.jpg

360 KB | W: | H:

source/images/campus2.jpg
source/images/campus2.jpg
source/images/campus2.jpg
source/images/campus2.jpg
  • 2-up
  • Swipe
  • Onion skin
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论