• 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.19 给网站加入google adsense 广告, 防止帐号没展示被 意外停掉。

重大更新

由于直接修改的主题代码,做个备份:

  •  加密区(1)
  • 部分内容已加密
    • 2021.3.18 网站环境由一键lnmp 换成 centos8 下的 docker + nginx + php7 +mysql5.7,全部容易快速部署。
    • 2021.2.15 网站CMS 从 wordpress 变更为 Typecho

    小修改

    1. 网站地址更改:
      http://zctou.com/ --> http://www.zcotu.com/
    2. 网站主题选取: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;}
    1. 如何实现?在编辑文章是使用短码包围要隐藏的内容,如下即可。
    [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

    结构更新

    顶部菜单,就是日期所在行,主菜单为“首页”所在位置:
    结构更新