Skip to content

S
sparrowzz
Commit a400d4da by cy
Options

添加人员

parent 256b4b16
正在显示 包含 82 行增加 和 29 行删除
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/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">
<img src="images/biglogo.png" /> <div class="left_content">
<div class="col-lg-6">
<img src="images/biglogo.png" />
</div>
<div class="col-lg-6">
<h2 class="slider_title">高性能计算平台</h2>
<p class="slider_text">总而言之，高效地为您计算各种电力系统服务算例</p>
</div>
</div>
</div> </div>
<div class="slider_right col-lg-6"> <div class="slider_right col-lg-6">
<h2 class="slider_title">高性能计算平台</h2>
<p class="slider_text">总而言之，高效地为您计算各种电力系统服务算例</p>
</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 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论