果壳说说

小窝的点滴记录

果壳 · 10月6日 · 2019年 · ·

很久以前

很久以前,大概高中就开始了吧!一直对于网络方面就比较感兴趣,记得当时就拿着一部索爱K750手机,一寸多的屏,经常网上找免费主机,搭网站,虽说压根没别人看,但就是喜欢。后来高三也就没弄了,大学后时不时还是有折腾,不过总静不下心来真正的学一学,外界影响太大了,游戏,羽毛球等等,不过也怪自己没定力。

2017.06

突然又兴起了弄网站的想法,不过当时就想弄下个人博客,记录记录下生活(不想什么都发QQ,微信),所以再网上找了免费的虚拟主机和二级域名,搭建了人生的第一个博客。

2017.08

经过一个多月,我发现,免费虚拟主机问题多多,而且也不安全,所以狠下心,就有了人生的第一台虚拟主机——阿里云虚拟主机。也购买了第一个顶级域名——gksir.top。 花了十多天,重新搭建好了个人博客,备案也弄好了。所以,第一个真正属于我的个人博客——果壳先生正式搭建成功!

2019.07

两年时间,从一开始的经常更新,看着百度收录到后来慢慢荒废,打算从新整理一下小窝,才发现,服务器又给我自动关了网站,联系客服也找不到解决办法,总是提醒我超过关停,最终我总结为共享虚拟主机问题,所以萌生了买了独立的,找了好几家,最终决定还是购买阿里云的轻量服务器(香港),购买,搬家。一切感觉就是那么顺利(想的),真正弄起来。。。。。也不是难,因为我弄起来挺简单的,就是搭个新的博客(因为操作失误,数据丢失,所以完全是从新开始),欲哭无泪·····

2019.09.19

这2个月,我使用了白猫的主题 Sakura ,后宫学长的主题 H-Siren ,盒子萌的主题 lolimeow ,各有优点,也都有我不满意的地方,最后看到Panda的 niRvana 眼前一亮,所以最终使用了这个主题。

2019.09.20

主题更新,把自己单独修改的一些地方记录下来,比较年纪大了,怕忘了。

新建了男女博主个人主页模板

<?php
/**
 Template Name: 男个人主页
 */
get_header();?><div class="container postListsModel"><div class="row"><?php
if (_opt('is_single_post_hide_sidebar')) {$leftClass = 'col-xs-12 no-sidebar';$rightClass = 'hidden';} else {$leftClass = 'col-md-9 col-lg-9_5';$rightClass = 'col-md-3 col-lg-2_5 hidden-xs hidden-sm';}?><div class="<?php echo $leftClass; ?>"><div class="col-xs-12"><div class="row postLists"><div class="toggle_sidebar" @click="this.single_toggle_sidebar()" data-toggle="tooltip" data-placement="auto top" title="切换边栏"><i class="fas fa-angle-right"></i></div><div class="article_wrapper post clearfix page"></div></div></div>
<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="wp-content/themes/niRvana/assets/gksir/grzy.css">
    <div class="containerr"></br></br></br>
	 <header>
	  <span class="line"></span>
      <span class="leftContent"><img src="http://cdn.gksir.top/wp-content/uploads/2019/08/boytx.png"></span>
	  <span class="line"></span>
		  <h2>「 果壳 」</h2>
          <p>你在时,你是一切;你不在时,一切是你。</p>
	 </header>
	 <footer>
	   <ul class="icons">
		    </br><li><a href="<?php echo home_url();?>" class="fa-home">首页</a></li>
			<li><a href="http://wpa.qq.com/msgrd?v=3&uin=284993019&site=qq&menu=yes" class="fa-qq">QQ</a></li>
			<li><a href="https://m.weibo.cn/u/2571848261" class="fa-weibo">微博</a></li>
			<!---QQ图标代码为:"fa-qq" 替换上方即可--->
	   </ul>
	 </footer>
    </div>
  </div>
<?php get_footer(); ?>
<?php
/**
 Template Name: 女个人主页
 */
get_header();?><div class="container postListsModel"><div class="row"><?php
if (_opt('is_single_post_hide_sidebar')) {$leftClass = 'col-xs-12 no-sidebar';$rightClass = 'hidden';} else {$leftClass = 'col-md-9 col-lg-9_5';$rightClass = 'col-md-3 col-lg-2_5 hidden-xs hidden-sm';}?><div class="<?php echo $leftClass; ?>"><div class="col-xs-12"><div class="row postLists"><div class="toggle_sidebar" @click="this.single_toggle_sidebar()" data-toggle="tooltip" data-placement="auto top" title="切换边栏"><i class="fas fa-angle-right"></i></div><div class="article_wrapper post clearfix page"></div></div></div>
<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="wp-content/themes/niRvana/assets/gksir/grzy.css">
    <div class="containerr"></br></br></br>
	 <header>
	  <span class="line"></span>
      <span class="leftContent"><img src="http://cdn.gksir.top/wp-content/uploads/2019/08/girltx.png"></span>
	  <span class="line"></span>
		  <h2>「 芝麻 」</h2>
          <p>执子之手,与子偕老。</p>
	 </header>
	 <footer>
	   <ul class="icons">
		    </br><li><a href="<?php echo home_url();?>" class="fa-home">首页</a></li>
			<li><a href="http://wpa.qq.com/msgrd?v=3&uin=1175242637&site=qq&menu=yes" class="fa-qq">QQ</a></li>
			<li><a href="https://weibo.com/u/2626243257" class="fa-weibo">微博</a></li>
			<!---QQ图标代码为:"fa-qq" 替换上方即可--->
	   </ul>
	 </footer>
    </div>
  </div>
<?php get_footer(); ?>
@media (max-width: 320px) {
  .containerr {
       width:90%;
       margin:0 auto;
       margin-top:10px;
       padding-right:3px;
       border:0px dotted #666;
       position:relative;
       color: #737373;
       border-radius: 30px;
       text-align: center;
       padding: 8px 35px;
       border-bottom: 1px dashed #ddd;
       box-shadow: 0 2px 30px rgba(0, 0, 0, .3);
       background:#FFFFFF;
	}
    .leftContent {
       position:relative;
       top:80%;
       left:0%;
    }
    .leftContent img{
       height:40%;
       width:40%;
       border:0px solid #ccc;
       padding:2px;
	   border-radius: 30px;
    }
    .rightContent {
       margin-left:0%;
	}

    .line{
    display:inline-block;
    width:25%;
    border-top:2px solid #c8cccf;
    vertical-align:10px;  
    }
	
	ul.icons {
			cursor: default;
			list-style: none;
			padding-left: 0;
			margin-top: -0.675em;
		}

			ul.icons li {
				display: inline-block;
				padding: 0.675em 0.5em;
			}

				ul.icons li a {
					text-decoration: none;
					position: relative;
					display: block;
					width: 3.75em;
					height: 3.75em;
					border-radius: 100%;
					border: solid 1px #c8cccf;
					line-height: 3.75em;
					overflow: hidden;
					text-align: center;
					text-indent: 3.75em;
					white-space: nowrap;
				}

					ul.icons li a:before {
						-moz-osx-font-smoothing: grayscale;
						-webkit-font-smoothing: antialiased;
						font-family: FontAwesome;
						font-style: normal;
						font-weight: normal;
						text-transform: none !important;
					}

					ul.icons li a:before {
						color: #ffffff;
						text-shadow: 1.25px 0px 0px #c8cccf, -1.25px 0px 0px #c8cccf, 0px 1.25px 0px #c8cccf, 0px -1.25px 0px #c8cccf;
					}

					ul.icons li a:hover:before {
						text-shadow: 1.25px 0px 0px #ff7496, -1.25px 0px 0px #ff7496, 0px 1.25px 0px #ff7496, 0px -1.25px 0px #ff7496;
					}

					ul.icons li a:before {
						position: absolute;
						top: 0;
						left: 0;
						width: inherit;
						height: inherit;
						font-size: 1.85rem;
						line-height: inherit;
						text-align: center;
						text-indent: 0;
					}

					ul.icons li a:hover {
						border-color: #ff7496;
					}

}
 
 

@media (min-width:321px) and (max-width: 639px){
  .containerr {
       width:90%;
       margin:0 auto;
       margin-top:10px;
       padding-right:3px;
       border:0px dotted #666;
       position:relative;
       color: #737373;
       border-radius: 30px;
       text-align: center;
       padding: 8px 35px;
       border-bottom: 1px dashed #ddd;
       box-shadow: 0 2px 30px rgba(0, 0, 0, .3);
       background:#FFFFFF;
	}
    .leftContent {
       position:relative;
       top:80%;
       left:0%;
    }
    .leftContent img{
       height:40%;
       width:40%;
       border:0px solid #ccc;
       padding:2px;
	   border-radius: 30px;
    }
    .rightContent {
       margin-left:0%;
	}

    .line{
    display:inline-block;
    width:25%;
    border-top:2px solid #c8cccf;
    vertical-align:10px;  
    }
	
	ul.icons {
			cursor: default;
			list-style: none;
			padding-left: 0;
			margin-top: -0.675em;
		}

			ul.icons li {
				display: inline-block;
				padding: 0.675em 0.5em;
			}

				ul.icons li a {
					text-decoration: none;
					position: relative;
					display: block;
					width: 3.75em;
					height: 3.75em;
					border-radius: 100%;
					border: solid 1px #c8cccf;
					line-height: 3.75em;
					overflow: hidden;
					text-align: center;
					text-indent: 3.75em;
					white-space: nowrap;
				}

					ul.icons li a:before {
						-moz-osx-font-smoothing: grayscale;
						-webkit-font-smoothing: antialiased;
						font-family: FontAwesome;
						font-style: normal;
						font-weight: normal;
						text-transform: none !important;
					}

					ul.icons li a:before {
						color: #ffffff;
						text-shadow: 1.25px 0px 0px #c8cccf, -1.25px 0px 0px #c8cccf, 0px 1.25px 0px #c8cccf, 0px -1.25px 0px #c8cccf;
					}

					ul.icons li a:hover:before {
						text-shadow: 1.25px 0px 0px #ff7496, -1.25px 0px 0px #ff7496, 0px 1.25px 0px #ff7496, 0px -1.25px 0px #ff7496;
					}

					ul.icons li a:before {
						position: absolute;
						top: 0;
						left: 0;
						width: inherit;
						height: inherit;
						font-size: 1.85rem;
						line-height: inherit;
						text-align: center;
						text-indent: 0;
					}

					ul.icons li a:hover {
						border-color: #ff7496;
					}
}
 
 

@media (min-width: 640px) {
  .containerr {
       width:70%;
       height:70%;
       margin:0 auto;
       margin-top:10px;
       padding-right:3px;
       border:0px dotted #666;
       position:relative;
       color: #737373;
       border-radius: 30px;
       text-align: center;
       padding: 8px 35px;
       border-bottom: 1px dashed #ddd;
       box-shadow: 0 2px 30px rgba(0, 0, 0, .3);
       background:#FFFFFF;
	}
    .leftContent {
       position:relative;
       top:80%;
       left:0%;
    }
    .leftContent img{
       height:10%;
       width:10%;
       border:0px solid #ccc;
       padding:2px;
	   border-radius: 30px;
    }
    .rightContent {
       margin-left:0%;
	}

    .line{
    display:inline-block;
    width:25%;
    border-top:2px solid #c8cccf;
    vertical-align:10px;  
    }
	
	ul.icons {
			cursor: default;
			list-style: none;
			padding-left: 0;
			margin-top: -0.675em;
		}

			ul.icons li {
				display: inline-block;
				padding: 0.675em 0.5em;
			}

				ul.icons li a {
					text-decoration: none;
					position: relative;
					display: block;
					width: 3.75em;
					height: 3.75em;
					border-radius: 100%;
					border: solid 1px #c8cccf;
					line-height: 3.75em;
					overflow: hidden;
					text-align: center;
					text-indent: 3.75em;
					white-space: nowrap;
				}

					ul.icons li a:before {
						-moz-osx-font-smoothing: grayscale;
						-webkit-font-smoothing: antialiased;
						font-family: FontAwesome;
						font-style: normal;
						font-weight: normal;
						text-transform: none !important;
					}

					ul.icons li a:before {
						color: #ffffff;
						text-shadow: 1.25px 0px 0px #c8cccf, -1.25px 0px 0px #c8cccf, 0px 1.25px 0px #c8cccf, 0px -1.25px 0px #c8cccf;
					}

					ul.icons li a:hover:before {
						text-shadow: 1.25px 0px 0px #ff7496, -1.25px 0px 0px #ff7496, 0px 1.25px 0px #ff7496, 0px -1.25px 0px #ff7496;
					}

					ul.icons li a:before {
						position: absolute;
						top: 0;
						left: 0;
						width: inherit;
						height: inherit;
						font-size: 1.85rem;
						line-height: inherit;
						text-align: center;
						text-indent: 0;
					}

					ul.icons li a:hover {
						border-color: #ff7496;
					}
}

2019.09.21

1.加入版权提醒功能

在 custom_function.php 文件加入以下代码

//复制粘贴  
function jiub() {  
 echo '<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" >';  
 echo '<script src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script>';  
 echo '<script>document.body.oncopy = function() { swal("复制成功!", "转载请务必保留原文链接,申明来源,谢谢合作!!","success");};</script>';  
}  
add_action( 'wp_footer', 'jiub', 100 );

2.修改404页面

3.免插件实现XML网站地图

4.强制Jquery库文件从底部载入

2019.09.22

1.WordPress底部显示页面加载时间

2.表情功能修复

2019.09.24

1.为博客添加恋爱天数小工具

2019.09.30

1.WordPress 评论中嵌入图片

2019.10.06

1.为博客加入一个有趣的“发现自己”页面(异常,等待修改)

2019.10.12

1.重新更换男女博主以及宝宝的主页

2.博客新增页面——浪漫小屋

0 条回应

页面加载用时0.27 s