- 2021.3.29
利用插件生成网站sitemap.xml。
- 2021.3.25
发现主题显示的代码块过小,高度被限定在350px,在控制台 -> 外观 -> 设置外观 -> 自定义外观css中,加入:
pre {max-height: 850px;}
修改代码块的最大高度为850px;
- 2021.3.23
由于原主题的Prism 只支持以下几种语言,是最小的包。
https://prismjs.com/download.html#themes=prism-okaidia&languages=markup+css+clike+javascript+ini+markup-templating+php&plugins=line-numbers */
并不支持yaml,docker,java,shell等,去https://prismjs.com/download.html
下载需要的语言,并给网站主题换了新的Prism的JS和CSS文件,复制主题原文件即可
/* PrismJS 1.23.0
https://prismjs.com/download.html#themes=prism-okaidia&languages=markup+css+clike+javascript+bash+docker+ini+java+markup-templating+nginx+php+shell-session+yaml&plugins=line-numbers */
- 2021.3.20 给网站增加纯链接的sitemap便于蜘蛛爬行,sitemap地址: sitemap.html
详细的使用方法,跳转:给Typecho创建简单的sitemap
- 2021.3.19 给网站加入google adsense 广告, 防止帐号没展示被 意外停掉。
重大更新
由于直接修改的主题代码,做个备份:
- 2021.3.18 网站环境由一键lnmp 换成 centos8 下的 docker + nginx + php7 +mysql5.7,全部容易快速部署。
- 2021.2.15 网站CMS 从 wordpress 变更为 Typecho
小修改
- 网站地址更改:
http://zctou.com/
-->http://www.zcotu.com/
- 网站主题选取:Initial plus
为防止阵雨兄博客意外打不开,
备份主题的主要用法便于查找:跳转 Initial Plus功能演示
- 2019年以前的更新,当时博客所用的 CMS为 wordpress ,一切更新修改皆以wordpress 为基础。
点击展开阅读更多内容
2019.4.2 增加输入密码可看内容功能
1.首先在主题functions.php
文件中添加下面代码。
//部分内容输入密码可见
function e_secret($atts, $content=null){
extract(shortcode_atts(array('key'=>null), $atts));
if(isset($_POST['e_secret_key']) && $_POST['e_secret_key']==$key){
return '
<div class="e-secret">'.$content.'</div>
';
}
else{
return '
<form class="e-secret" action="'.get_permalink().'" method="post" name="e-secret"><label>输入密码查看加密内容:</label><input type="password" name="e_secret_key" class="euc-y-i" maxlength="50"><input type="submit" class="euc-y-s" value="确定">
<div class="euc-clear"></div>
</form>
';
}
}
add_shortcode('secret','e_secret');
2.在自己主题style.css
样式文件里添加下面代码。
/*e-secret*/
.e-secret {
margin: 20px 0;
padding: 20px;
background: #f8f8f8;
}
.e-secret input.euc-y-i[type="password"] {
float: left;
background: #fff;
width: 100%;
line-height: 36px;
margin-top: 5px;
border-radius: 3px;
}
.e-secret input.euc-y-s[type="submit"] {
float: right;
margin-top: -47px;
width: 30%;
margin-right: 1px;
border-radius: 0 3px 3px 0;
}
input.euc-y-s[type="submit"]{background-color:#3498db;color:#fff;font-size:21px;box-shadow:none;-webkit-transition: .4s;-moz-transition: .4s;-o-transition: .4s;transition:.4s;-webkit-backface-visibility:hidden;position:relative;cursor:pointer;padding: 13px 20px;text-align: center;border-radius: 50px;-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;border: 0;height: auto;outline: medium;line-height: 20px;margin: 0;}
input.euc-y-s[type="submit"]:hover{background-color:#5dade2;}
input.euc-y-i[type="text"],input.euc-y-i[type="password"]{border:1px solid #F2EFEF;color:#777;display:block;background: #FCFCFC;font-size:18px;transition:all .5s ease 0;outline:0;box-sizing:border-box;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;padding:5px 16px; margin: 0;height: auto;line-height: 30px;}
input.euc-y-i[type="text"]:hover,input.euc-y-i[type="password"]:hover{border:1px solid #56b4ef;box-shadow:0 0 4px #56b4ef;}
- 如何实现?在编辑文章是使用短码包围要隐藏的内容,如下即可。
[secret key="密码"]
加密内容
[/secret]
header.php
中添加
<script type="text/javascript"> jQuery(document).ready(function(jQuery) { jQuery('.collapseButton').click(function() { jQuery(this).parent().parent().find('.xContent').slideToggle('slow'); }); });
function.php
中添加
//展开收缩功能
function xcollapse($atts, $content = null){
extract(shortcode_atts(array("title"=>""),$atts)); return '<div style="margin: 0.5em 0;"> <div class="xControl"> <span class="xTitle">'.$title.'</span> <a href="javascript:void(0)" class="collapseButton xButton">展开/收缩</a> <div style="clear: both;"></div> </div> <div class="xContent" style="display: none;">'.$content.'</div> </div>'; }
add_shortcode('collapse', 'xcollapse');
style.css
中 添加
.xControl {
padding-left: 32px;
}
使用方法: [collapse title=”标题”]需点击展开的内容[/collapse],更详细内容,阅读:http://zctou.com/?p=1939
2018.03.01 修改顶部菜单和主导航菜单
分别添加主菜单和导航菜单并选择相应的选项,显示效果如下图2
顶部菜单,就是日期所在行,主菜单为“首页”所在位置:
评论关闭