果壳说说

小窝的点滴记录

果壳 · 10月6日 · 2019年 · · 6071次已读

很久以前

很久以前，大概高中就开始了吧！一直对于网络方面就比较感兴趣，记得当时就拿着一部索爱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="https://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="https://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页面

自用404页面

2019-9-21 10

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

免插件实现XML网站地图

2019-9-21 0

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

强制Jquery库文件从底部载入

2019-9-21 3

2019.09.22

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

WordPress底部显示页面加载时间

2019-9-22 0

2.表情功能修复

表情功能修复

2019-9-22 0

2019.09.24

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

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

2019-9-24 45

wordpress小工具添加恋爱天数

2020-7-25 1

2019.09.30

1.WordPress 评论中嵌入图片

WordPress 评论中嵌入图片

2019-9-30 0

2019.10.06

1.为博客加入一个有趣的“发现自己”页面

为博客加入一个有趣的“发现自己”页面

2019-10-6 3

2019.10.12

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

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

2019.10.17

博客添加背景图

给博客添加背景图片

2019-10-17 18

2019.10.19

某程序员（妹夫）倾情相助，修复和美化 插入图片 功能（方法不详，我也不懂）。

2019.10.23

从阿里云香港搬家到阿里云学生机，期间折腾了好多，还好数据没丢


本文作者：果壳
原文链接：https://muuzi.cc/362.html
版权声明：知识共享署名-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)协议进行许可
转载时请以超链接形式标明文章原始出处和作者信息

相关文章

你就是那只“丑苹果”

12月1日 · 2019年

人与人相处，要懂得换位思考

12月1日 · 2019年

千万不要随便帮孩子做衣服

10月27日 · 2019年

记一次周末

10月26日 · 2019年
2 条回应
  1. repostone2019-10-22 · 17:20

    这流水账记的。

©2019 版权所有 Muuzi | All Rights Reserved
页面加载用时0.493 s
×