iblh / typecho-theme-material

Material Design theme for typecho.

Home Page:https://blog.viosey.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

不能很好的支持HTTPS

ykla opened this issue · comments

commented

如题,全局https下左边栏打不开,另外加www/不加会乱码。header文件。

<title> archiveTitle('','',' - '); ?> options->title(); ?> </title>
    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="apple-mobile-web-app-title" content="Material Design Lite" />
    <!-- <link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png" /> -->

    <!-- Tile icon for Win8 (144x144 + tile color) -->
    <!-- <meta name="msapplication-TileImage" content="img/touch/ms-touch-icon-144x144-precomposed.png" /> -->
    <meta name="msapplication-TileColor" content="#FFFFFF" />

    <!-- SEO: If your mobile URL is different from the desktop URL, add a canonical link to the desktop page https://developers.google.com/webmasters/smartphone-sites/feature-phones -->
    <!--
    <link rel="canonical" href="http://www.example.com/">
    -->

    <meta property="og:url"           content="<?php $this->permalink(); ?>" />
	<meta property="og:type"          content="website" />
	<meta property="og:title"         content="<?php $this->archiveTitle(); ?>" />
    <meta property="og:description"   content="Your description" />

    <?php $this->header(); ?>

    <!-- Material style -->
    <?php if(!empty($this->options->CDNURL)): ?>
        <link rel="stylesheet" type="text/css" media="all" href="<?php $this->options->CDNURL() ?>/MaterialCDN/css/material.min.css" />
        <link rel="stylesheet" type="text/css" media="all" href="<?php $this->options->CDNURL() ?>/MaterialCDN/css/style.css" />
    <?php else: ?>
        <link rel="stylesheet" type="text/css" media="all" href="/usr/themes/material/css/material.min.css" />
        <link rel="stylesheet" type="text/css" media="all" href="/usr/themes/material/css/style.css" />
    <?php endif; ?>

    <!--[if lte IE 9]>
        <?php if(!empty($this->options->CDNURL)): ?>
            <link rel="stylesheet" href="<?php $this->options->CDNURL() ?>/MaterialCDN/css/ie-blocker.css">
        <?php else: ?>
            <link rel="stylesheet" href="/usr/themes/material/css/ie-blocker.css">
        <?php endif; ?>

        <?php if($this->options->langis == '0'): ?>
            <?php if(!empty($this->options->CDNURL)): ?>
               <script src="<?php $this->options->CDNURL() ?>/MaterialCDN/js/ie-blocker.en.js" img-path="../img/ie-blocker/"></script>
            <?php else: ?>
               <script src="/usr/themes/material/js/ie-blocker.en.js" img-path="../img/ie-blocker/"></script>
            <?php endif; ?>
        <?php elseif($this->options->langis == '1'): ?>
            <?php if(!empty($this->options->CDNURL)): ?>
                <script src="<?php $this->options->CDNURL() ?>/MaterialCDN/js/ie-blocker.zhCN.js" img-path="../img/ie-blocker/"></script>
            <?php else: ?>
                <script src="/usr/themes/material/js/ie-blocker.zhCN.js" img-path="../img/ie-blocker/"></script>
            <?php endif; ?>
        <?php endif; ?>
   <![endif]-->


   <?php if($this->options->RobotoSource == '0' ): ?>
       <link href='https://fonts.lug.ustc.edu.cn/css?family=Roboto:300,400,500,700' rel='stylesheet' type='text/css'>
   <?php elseif($this->options->RobotoSource == '1' ): ?>
       <style>
           <?php if(!empty($this->options->CDNURL)): ?>
               @font-face {
                   font-family: Roboto;
                   src: url('<?php $this->options->CDNURL()?>/MaterialCDN/fonts/Roboto.ttf');
               }
               @font-face {
                   font-family: Roboto;
                   font-weight: 700;
                   src: url('<?php $this->options->CDNURL()?>/MaterialCDN/fonts/Roboto-700.ttf');
               }
           <?php else: ?>
               @font-face {
                   font-family: Roboto;
                   src: url('/usr/themes/material/fonts/Roboto.ttf');
               }
               @font-face {
                   font-family: Roboto;
                   font-weight: 700;
                   src: url('/usr/themes/material/fonts/Roboto-700.ttf');
               }
           <?php endif; ?>
       </style>
   <?php elseif($this->options->RobotoSource == '2' ): ?>
   <?php endif; ?>

   <!-- 根据function.php设置的样式 -->
    <style>
        #view-source {
            position: fixed;
            display: block;
            right: 0;
            bottom: 0;
            margin-right: 40px;
            margin-bottom: 40px;
            z-index: 900;
        }

        body,h1,h2,h3,h4,h5,h6 {
            font-family: <?php $this->options->CustomFonts() ?>;
        }

        a {
            color: <?php $this->options->alinkcolor(); ?> ;
        }
        #ds-thread #ds-reset a {
            color: <?php $this->options->alinkcolor(); ?> !important;
        }

        .mdl-card__media,
        #search-label,
        #search-form-label:after,
        .sidebar-colored .sidebar-header,
        .sidebar-colored .sidebar-badge{
            background-color: <?php $this->options->ThemeColor() ?> !important;
        }

        .sidebar-colored .sidebar-nav li:hover > a,
        .sidebar-colored .sidebar-nav li:hover > a i,
        .sidebar-colored .sidebar-nav li > a:hover,
        .sidebar-colored .sidebar-nav li > a:hover i,
        .sidebar-colored .sidebar-nav li > a:focus i,
        .sidebar-colored .sidebar-nav > .open > a,
        .sidebar-colored .sidebar-nav > .open > a:hover,
        .sidebar-colored .sidebar-nav > .open > a:focus{
            color: <?php $this->options->ThemeColor() ?> !important;
        }
    </style>

    <?php if( !empty($this->options->switch) && in_array('ShowLoadingLine',$this->options->switch) ): ?>
        <style>
            .fade {
              transition: all <?php $this->options->loadingbuffer(); ?>ms linear;
              -webkit-transform: translate3d(0,0,0);
              -moz-transform: translate3d(0,0,0);
              -ms-transform: translate3d(0,0,0);
              -o-transform: translate3d(0,0,0);
              transform: translate3d(0,0,0);
              opacity: 1;
            }

            .fade.out {
              opacity: 0;
            }
        </style>
    <?php endif; ?>

    <?php if ( $this->options->BGtype =='0' ) : ?>
        <style>
            body{
                <?php if (!empty($this->options->bgcolor)): ?>
                    background-color: <?php $this->options->bgcolor() ?>;
                <?php else: ?>
                    background-color: #F5F5F5;
                <?php endif; ?>
            }
            .demo-blog .something-else .mdl-card__supporting-text{
                background-color: #fff;
            }
            .MD-burger-layer{
                background-color: #666;
            }
            .demo-blog .demo-blog__posts>.demo-nav,
            .demo-nav a,
            .demo-blog--blogpost .demo-back{
                color: #666;
            }
        </style>
    <?php elseif ( $this->options->BGtype == '2'): ?>
        <style>
        body{
            <?php if($this->options->GradientType == '0'): ?>
                background-image:
                    -moz-radial-gradient(0% 100%, ellipse cover, #96DEDA 10%,rgba(255,255,227,0) 40%),
                    -moz-linear-gradient(-45deg,  #1fddff 0%,#FFEDBC 100%)
                    ;
                background-image:
                    -o-radial-gradient(0% 100%, ellipse cover, #96DEDA 10%,rgba(255,255,227,0) 40%),
                    -o-linear-gradient(-45deg,  #1fddff 0%,#FFEDBC 100%)
                    ;
                background-image:
                    -ms-radial-gradient(0% 100%, ellipse cover, #96DEDA 10%,rgba(255,255,227,0) 40%),
                    -ms-linear-gradient(-45deg,  #1fddff 0%,#FFEDBC 100%)
                    ;
                background-image:
                    -webkit-radial-gradient(0% 100%, ellipse cover, #96DEDA    10%,rgba(255,255,227,0) 40%),
                    -webkit-linear-gradient(-45deg,  #1fddff 0%,#FFEDBC 100%)
                    ;
            <?php elseif($this->options->GradientType == '1'): ?>
                background-image:
                    -moz-radial-gradient(-20% 140%, ellipse ,  rgba(255,144,187,.6) 30%,rgba(255,255,227,0) 50%),
                    -moz-linear-gradient(top,  rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%),
                    -moz-radial-gradient(60% 40%,ellipse,   #d9e3e5 10%,rgba(44,70,76,.0) 60%),
                    -moz-linear-gradient(-45deg,  rgba(18,101,101,.8) -10%,#d9e3e5 80% )
                    ;
                background-image:
                    -o-radial-gradient(-20% 140%, ellipse ,  rgba(255,144,187,.6) 30%,rgba(255,255,227,0) 50%),
                    -o-linear-gradient(top,  rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%),
                    -o-radial-gradient(60% 40%,ellipse,   #d9e3e5 10%,rgba(44,70,76,.0) 60%),
                    -o-linear-gradient(-45deg,  rgba(18,101,101,.8) -10%,#d9e3e5 80% )
                    ;
                background-image:
                    -ms-radial-gradient(-20% 140%, ellipse ,  rgba(255,144,187,.6) 30%,rgba(255,255,227,0) 50%),
                    -ms-linear-gradient(top,  rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%),
                    -ms-radial-gradient(60% 40%,ellipse,   #d9e3e5 10%,rgba(44,70,76,.0) 60%),
                    -ms-linear-gradient(-45deg,  rgba(18,101,101,.8) -10%,#d9e3e5 80% )
                    ;
                background-image:
                    -webkit-radial-gradient(-20% 140%, ellipse ,  rgba(255,144,187,.6) 30%,rgba(255,255,227,0) 50%),
                    -webkit-linear-gradient(top,  rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%),
                    -webkit-radial-gradient(60% 40%,ellipse,   #d9e3e5 10%,rgba(44,70,76,.0) 60%),
                    -webkit-linear-gradient(-45deg,  rgba(18,101,101,.8) -10%,#d9e3e5 80% )
                    ;
            <?php elseif($this->options->GradientType == '2'): ?>
                background-image:
                    -moz-radial-gradient(-20% 140%, ellipse ,  rgba(235,167,171,.6) 30%,rgba(255,255,227,0) 50%),
                    -moz-radial-gradient(60% 40%,ellipse,   #d9e3e5 10%,rgba(44,70,76,.0) 60%),
                    -moz-linear-gradient(-45deg,  rgba(62,70,92,.8) -10%,rgba(220,230,200,.8) 80% )
                    ;
                background-image:
                    -o-radial-gradient(-20% 140%, ellipse ,  rgba(235,167,171,.6) 30%,rgba(255,255,227,0) 50%),
                    -o-radial-gradient(60% 40%,ellipse,   #d9e3e5 10%,rgba(44,70,76,.0) 60%),
                    -o-linear-gradient(-45deg,  rgba(62,70,92,.8) -10%,rgba(220,230,200,.8) 80% )
                    ;
                background-image:
                    -ms-radial-gradient(-20% 140%, ellipse ,  rgba(235,167,171,.6) 30%,rgba(255,255,227,0) 50%),
                    -ms-radial-gradient(60% 40%,ellipse,   #d9e3e5 10%,rgba(44,70,76,.0) 60%),
                    -ms-linear-gradient(-45deg,  rgba(62,70,92,.8) -10%,rgba(220,230,200,.8) 80% )
                    ;
                background-image:
                    -webkit-radial-gradient(-20% 140%, ellipse ,  rgba(235,167,171,.6) 30%,rgba(255,255,227,0) 50%),
                    -webkit-radial-gradient(60% 40%,ellipse,   #d9e3e5 10%,rgba(44,70,76,.0) 60%),
                    -webkit-linear-gradient(-45deg,  rgba(62,70,92,.8) -10%,rgba(220,230,200,.8) 80% )
                    ;
            <?php elseif($this->options->GradientType =='3'): ?>
                background-image:
                    -moz-radial-gradient(-20% 140%, ellipse ,  rgba(143,192,193,.6) 30%,rgba(255,255,227,0) 50%),
                    -moz-radial-gradient(60% 40%,ellipse,   #d9e3e5 10%,rgba(44,70,76,.0) 60%),
                    -moz-linear-gradient(-45deg,  rgba(143,181,158,.8) -10%,rgba(213,232,211,.8) 80% )
                ;
                background-image:
                    -o-radial-gradient(-20% 140%, ellipse ,  rgba(143,192,193,.6) 30%,rgba(255,255,227,0) 50%),
                    -o-radial-gradient(60% 40%,ellipse,   #d9e3e5 10%,rgba(44,70,76,.0) 60%),
                    -o-linear-gradient(-45deg,  rgba(143,181,158,.8) -10%,rgba(213,232,211,.8) 80% )
                ;
                background-image:
                    -ms-radial-gradient(-20% 140%, ellipse ,  rgba(143,192,193,.6) 30%,rgba(255,255,227,0) 50%),
                    -ms-radial-gradient(60% 40%,ellipse,   #d9e3e5 10%,rgba(44,70,76,.0) 60%),
                    -ms-linear-gradient(-45deg,  rgba(143,181,158,.8) -10%,rgba(213,232,211,.8) 80% )
                ;
                background-image:
                    -webkit-radial-gradient(-20% 140%, ellipse ,  rgba(143,192,193,.6) 30%,rgba(255,255,227,0) 50%),
                    -webkit-radial-gradient(60% 40%,ellipse,   #d9e3e5 10%,rgba(44,70,76,.0) 60%),
                    -webkit-linear-gradient(-45deg,  rgba(143,181,158,.8) -10%,rgba(213,232,211,.8) 80% )
                    ;
            <?php elseif($this->options->GradientType =='4'): ?>
                background-image:
                    -moz-radial-gradient(-20% 140%, ellipse ,  rgba(214,195,224,.6) 30%,rgba(255,255,227,0) 50%),
                    -moz-radial-gradient(60% 40%,ellipse,   #d9e3e5 10%,rgba(44,70,76,.0) 60%),
                    -moz-linear-gradient(-45deg, rgba(97,102,158,.8) -10%,rgba(237,187,204,.8) 80% )
                    ;
                background-image:
                    -o-radial-gradient(-20% 140%, ellipse ,  rgba(214,195,224,.6) 30%,rgba(255,255,227,0) 50%),
                    -o-radial-gradient(60% 40%,ellipse,   #d9e3e5 10%,rgba(44,70,76,.0) 60%),
                    -o-linear-gradient(-45deg, rgba(97,102,158,.8) -10%,rgba(237,187,204,.8) 80% )
                    ;
                background-image:
                    -ms-radial-gradient(-20% 140%, ellipse ,  rgba(214,195,224,.6) 30%,rgba(255,255,227,0) 50%),
                    -ms-radial-gradient(60% 40%,ellipse,   #d9e3e5 10%,rgba(44,70,76,.0) 60%),
                    -ms-linear-gradient(-45deg, rgba(97,102,158,.8) -10%,rgba(237,187,204,.8) 80% )
                    ;
                background-image:
                    -webkit-radial-gradient(-20% 140%, ellipse ,  rgba(214,195,224,.6) 30%,rgba(255,255,227,0) 50%),
                    -webkit-radial-gradient(60% 40%,ellipse,   #d9e3e5 10%,rgba(44,70,76,.0) 60%),
                    -webkit-linear-gradient(-45deg, rgba(97,102,158,.8) -10%,rgba(237,187,204,.8) 80% )
                    ;
            <?php elseif($this->options->GradientType =='5'): ?>
                background-image: #DAD299; /* fallback for old browsers */
                background-image: -webkit-linear-gradient(to left, #DAD299 , #B0DAB9); /* Chrome 10-25, Safari 5.1-6 */
                background-image: linear-gradient(to left, #DAD299 , #B0DAB9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
            <?php elseif($this->options->GradientType =='6'): ?>
                background-image: linear-gradient(-20deg, #d0b782 20%, #a0cecf 80%);
            <?php elseif($this->options->GradientType =='7'): ?>
                background: #F1F2B5; /* fallback for old browsers */
                background: -webkit-linear-gradient(to left, #F1F2B5 , #135058); /* Chrome 10-25, Safari 5.1-6 */
                background: linear-gradient(to left, #F1F2B5 , #135058); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ *
            <?php elseif($this->options->GradientType =='8'): ?>
                background: #02AAB0; /* fallback for old browsers */
                background: -webkit-linear-gradient(to left, #02AAB0 , #00CDAC); /* Chrome 10-25, Safari 5.1-6 */
                background: linear-gradient(to left, #02AAB0 , #00CDAC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
            <?php elseif($this->options->GradientType =='9'): ?>
                background: #C9FFBF; /* fallback for old browsers */
                background: -webkit-linear-gradient(to left, #C9FFBF , #FFAFBD); /* Chrome 10-25, Safari 5.1-6 */
                background: linear-gradient(to left, #C9FFBF , #FFAFBD); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
            <?php endif; ?>
        }
        </style>
    <?php elseif ( $this->options->BGtype == '1'): ?>
        <style>
            body{
                <?php if (!empty($this->options->bgcolor)): ?>
                    background-image: url(<?php $this->options->bgcolor() ?>);
                <?php else: ?>
                    <?php if(!empty($this->options->CDNURL)): ?>
                        background-image: url(<?php $this->options->CDNURL() ?>/MaterialCDN/img/bg.jpg);
                    <?php else: ?>
                        background-image: url(/usr/themes/material/img/bg.jpg);
                    <?php endif; ?>
                <?php endif; ?>
            }
        </style>
    <?php endif; ?>

</head>

<body>

多说的问题?

不加www会乱码是因为跨域调用资源

commented

并没有使用多说

你的站点是多少

commented

hmxs.tk

打不开,也 ping 不通。

@ykla 你的网站在美国加州?

commented

网站出了些问题。

commented

@neoFelhz 加拿大吧