Skip to content

S
sparrowzz
Commit a400d4da by cy
Options

添加人员

parent 256b4b16
正在显示 包含 125 行增加 和 72 行删除
README.md
# 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中部署的设置修改成我们的服务地址，以方便部署
......
layout/about.ejs
......@@ -4,7 +4,7 @@
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<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 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 -->
......@@ -468,16 +468,16 @@
</div>
<div class="row" style="width: 80%;margin: 0 auto;">
<div class="col-md-6">
<a href="/about/caiyu.html"><div class="st-feature">
<img src="/images/fr.jpg">
<strong class="st-feature-title">唐坤杰(博士生)</strong>
<a href="/about/dongshufeng.html"><div class="st-feature">
<img src="/about/董树锋.jpg">
<strong class="st-feature-title">董树锋 老师</strong>
<p style="color: #000;">执行策划</p>
</div></a>
</div>
<div class="col-md-6">
<a href="/about/caiyu.html"><div class="st-feature">
<img src="/images/fr.jpg">
<strong class="st-feature-title">唐坤杰(博士生)</strong>
<a href="/about/guochuangxin.html"><div class="st-feature">
<img src="/about/郭创新.jpg">
<strong class="st-feature-title">郭创新 老师</strong>
<p style="color: #000;">执行策划</p>
</div></a>
</div>
......@@ -486,75 +486,75 @@
<br/><br/>
<div class="row student">
<div class="col-md-2">
<a href="/about/caiyu.html"><div class="st-feature">
<img src="/images/fr.jpg">
<strong class="st-feature-title">唐坤杰(博士生)</strong>
<a href="/about/tangkunjie.html"><div class="st-feature">
<img src="/about/唐坤杰.jpg">
<strong class="st-feature-title">唐坤杰(博士)</strong>
<p style="color: #000;">执行策划</p>
</div></a>
</div>
<div class="col-md-2">
<a href="/about/caiyu.html"><div class="st-feature">
<img src="/images/fr.jpg">
<strong class="st-feature-title">唐坤杰(博士生)</strong>
<a href="/about/shiyunhui.html"><div class="st-feature">
<img src="/about/施云辉.jpg">
<strong class="st-feature-title">施云辉(博士)</strong>
<p style="color: #000;">执行策划</p>
</div></a>
</div>
<div class="col-md-2">
<a href="/about/caiyu.html"><div class="st-feature">
<img src="/images/fr.jpg">
<strong class="st-feature-title">唐坤杰(博士生)</strong>
<p style="color: #000;">执行策划</p>
<a href="/about/fangrui.html"><div class="st-feature">
<img src="/about/方睿.jpg">
<strong class="st-feature-title">方睿(硕士)</strong>
<p style="color: #000;">开发</p>
</div></a>
</div>
<div class="col-md-2">
<a href="/about/caiyu.html"><div class="st-feature">
<img src="/images/fr.jpg">
<strong class="st-feature-title">唐坤杰(博士生)</strong>
<p style="color: #000;">执行策划</p>
<a href="/about/zhujiaqi.html"><div class="st-feature">
<img src="/about/朱嘉麒.jpg">
<strong class="st-feature-title">朱嘉麒(硕士)</strong>
<p style="color: #000;">开发</p>
</div></a>
</div>
<div class="col-md-2">
<a href="/about/caiyu.html"><div class="st-feature">
<img src="/images/fr.jpg">
<strong class="st-feature-title">唐坤杰(博士生)</strong>
<p style="color: #000;">执行策划</p>
<img src="/about/蔡宇.jpg">
<strong class="st-feature-title">蔡宇(硕士)</strong>
<p style="color: #000;">网页开发</p>
</div></a>
</div>
<div class="col-md-2">
<a href="#"><div class="st-feature">
<img src="/images/fr.jpg">
<strong class="st-feature-title">唐坤杰(博士生)</strong>
<p style="color: #000;">执行策划</p>
<a href="/about/xuchengsi.html"><div class="st-feature">
<img src="/about/徐成司.jpg">
<strong class="st-feature-title">徐成司(硕士)</strong>
<p style="color: #000;">开发</p>
</div></a>
</div>
</div>
<div class="row student">
<div class="col-md-3">
<a href="/about/caiyu.html"><div class="st-feature">
<img src="/images/fr.jpg">
<strong class="st-feature-title">唐坤杰(博士生)</strong>
<p style="color: #000;">执行策划</p>
<a href="/about/zhangzhanghuang.html"><div class="st-feature">
<img src="/about/张章煌.jpg">
<strong class="st-feature-title">张章煌(硕士)</strong>
<p style="color: #000;">开发</p>
</div></a>
</div>
<div class="col-md-3">
<a href="/about/caiyu.html"><div class="st-feature">
<img src="/images/fr.jpg">
<strong class="st-feature-title">唐坤杰(博士生)</strong>
<p style="color: #000;">执行策划</p>
<a href="/about/wangxiaoci.html"><div class="st-feature">
<img src="/about/王孝慈.jpg">
<strong class="st-feature-title">王孝慈(硕士)</strong>
<p style="color: #000;">开发</p>
</div></a>
</div>
<div class="col-md-3">
<a href="/about/caiyu.html"><div class="st-feature">
<img src="/images/fr.jpg">
<strong class="st-feature-title">唐坤杰(博士生)</strong>
<p style="color: #000;">执行策划</p>
<a href="/about/xuenchao.html"><div class="st-feature">
<img src="/about/许恩超.jpg">
<strong class="st-feature-title">许恩超(硕士)</strong>
<p style="color: #000;">开发</p>
</div></a>
</div>
<div class="col-md-3">
<a href="/about/caiyu.html"><div class="st-feature">
<img src="/images/fr.jpg">
<strong class="st-feature-title">唐坤杰(博士生)</strong>
<p style="color: #000;">执行策划</p>
<a href="/about/tangyingqi.html"><div class="st-feature">
<img src="/about/唐莹淇.jpg">
<strong class="st-feature-title">唐莹淇(硕士)</strong>
<p style="color: #000;">开发</p>
</div></a>
</div>
</div>
......@@ -584,7 +584,7 @@
<div class="col-md-3">
<div class="funfact">
<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>
</div><!-- .funfact -->
</div>
......
layout/index.ejs
......@@ -115,11 +115,19 @@ $(document).ready(function() {
<div class="slider">
<div class="row" style="width: 100%;">
<div class="slider_left col-lg-6">
<div class="left_content">
<div class="col-lg-6">
<img src="images/biglogo.png" />
</div>
<div class="slider_right col-lg-6">
<div class="col-lg-6">
<h2 class="slider_title">高性能计算平台</h2>
<p class="slider_text">总而言之，高效地为您计算各种电力系统服务算例</p>
</div>
</div>
</div>
<div class="slider_right col-lg-6">
</div>
</div>
</div>
......
source/css/about.style.css
......@@ -980,6 +980,7 @@ h6 {
.student img{
width: 150px;
height: 150px;
border-radius:100px;
}
......
source/css/newsSection.css
......@@ -26,13 +26,14 @@
}
.article-title{
display: inline-block;
margin-top: 5px;
vertical-align:middle;
/*padding-right:10px;*/
width: 100%;
}
.article-title a{
margin-top: 20px;
margin-bottom: 5px;
float: left;
font-size:1.75em;
font-weight: 400;
......@@ -40,6 +41,7 @@
}
.article-title p{
float:right;
font-size:1.15em;
}
......@@ -47,5 +49,10 @@
.article-content{
width: 100%;
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 @@
/***** Ruby *****/
/*---------------*/
figure.effect-ruby2 {
.service_grid figure.effect-ruby2 {
background-color: #000;
}
......@@ -149,21 +149,21 @@ figure.effect-ruby2 {
margin-bottom: 40px;
}
figure.effect-ruby2 img {
.service_grid figure.effect-ruby2 img {
opacity: 1;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.0);
transform: scale(1.0);
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
figure.effect-ruby2:hover img {
.service_grid figure.effect-ruby2:hover img {
opacity: 0.5;
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
figure.effect-ruby2 h2 {
.service_grid figure.effect-ruby2 h2 {
margin-top: 5%;
padding-bottom: 10px;
-webkit-transition: -webkit-transform 0.35s;
......@@ -173,15 +173,15 @@ figure.effect-ruby2 h2 {
}
figure.effect-ruby2:hover h2 {
-webkit-transform: translate3d(0,-130px,0);
transform: translate3d(0,-130px,0);
.service_grid figure.effect-ruby2:hover h2 {
-webkit-transform: translate3d(0,-180px,0);
transform: translate3d(0,-180px,0);
}
figure.effect-ruby2 h3 {
.service_grid figure.effect-ruby2 h3 {
padding-bottom: 10px;
-webkit-transition: -webkit-transform 0.35s;
......@@ -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);
transform: translate3d(0,-80px,0);
}
figure.effect-ruby2 h4 {
.service_grid figure.effect-ruby2 h4 {
padding-bottom: 10px;
-webkit-transition: -webkit-transform 0.35s;
......@@ -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);
transform: translate3d(0,-80px,0);
}
figure.effect-ruby2 p {
.service_grid figure.effect-ruby2 p {
margin: 40px 0 80px 0;
opacity: 0;
......@@ -224,15 +224,15 @@ figure.effect-ruby2 p {
figure.effect-ruby2:hover p {
.service_grid figure.effect-ruby2:hover p {
opacity: 1;
-webkit-transform: translate3d(0,-20px,0) scale(1);
transform: translate3d(0,-20px,0) scale(1);
}
.plink{
.service_grid .plink{
margin: 30px;
font-size: 18px;
padding: 5px 20px 5px 20px;
border: 1px solid #ffffff;
border-radius: 3px;
......
source/css/sliderSection.css
.slider {
width: 100%;
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;
margin-top: 50px;
margin-bottom: 50px;
margin-left: 20%;
padding: 0px;
background-image: url("../images/campus2.jpg");
}
.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 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论