6-WooLocalization-Demo

yy 文档 > WooLocalization WooLocalization

发布时间 : 2024-10-26 20:59

字数:15 阅读 :

评论:

Demo

Demo

右上角点击切换中英文查看效果

</div> </p></li> </ul> </div> </article> <div id="comments"></div> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css"> <script type="text/javascript"> $.getScript('/js/gitalk.js', function () { var gitalk = new Gitalk({ clientID: '040d9469a7a1d8b8bd45', clientSecret: 'd5a4e6da89d0c7148ddae018218977a6898bcaf6', repo: 'OnClick9927.github.io', owner: 'OnClick9927', admin: ['OnClick9927'], id: decodeURI(location.pathname), distractionFreeMode: 'true', language: 'zh-CN', perPage: parseInt('18',10) }) gitalk.render('comments') }) </script> </div> <div class="copyright"> <p class="footer-entry"> ©2017 Real-Man </p> <p class="footer-entry">Built with <a href="https://hexo.io/" target="_blank">Hexo</a> and <a href="https://github.com/yelog/hexo-theme-3-hexo" target="_blank">3-hexo</a> theme</p> </div> <div class="full-toc"> <button class="full" data-title="切换全屏"><span class="min "></span></button> <a class="" id="rocket" ></a> </div> </div> </body> <script src="/js/jquery.pjax.js?v=1.1.0" ></script> <script src="/js/script.js?v=1.1.0" ></script> <script> var img_resize = 'default'; function initArticle() { /*渲染对应的表格样式*/ $("#post .pjax table").addClass("green"); /*渲染打赏样式*/ /*高亮代码块行号*/ /*访问数量*/ $.getScript("//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"); /*代码高亮，行号对齐*/ $('.pre-numbering').css('line-height',$('.has-numbering').css('line-height')); } /*打赏页面隐藏与展示*/ </script>   <style> .nav { width: 622px; } .nav.fullscreen { margin-left: -622px; } .nav-left { width: 200px; } @media screen and (max-width: 1468px) { .nav { width: 542px; } .nav.fullscreen { margin-left: -542px; } .nav-left { width: 150px; } } @media screen and (max-width: 1024px) { .nav { width: 542px; margin-left: -542px } .nav.fullscreen { margin-left: 0; } } @media screen and (max-width: 426px) { .nav { width: 100%; } .nav-left { width: 100%; } } .nav-right .title-list nav a .post-title, .nav-right .title-list #local-search-result a .post-title { color: #383636; } .nav-right .title-list nav a .post-date, .nav-right .title-list #local-search-result a .post-date { color: #5e5e5f; } .nav-right nav a.hover, #local-search-result a.hover{ background-color: #e2e0e0; } /*列表样式*/ #post .pjax article .article-entry>ol, #post .pjax article .article-entry>ul, #post .pjax article>ol, #post .pjax article>ul{ border: #e2dede solid 1px; border-radius: 10px; padding: 10px 32px 10px 56px; } #post .pjax article .article-entry li>ol, #post .pjax article .article-entry li>ul,#post .pjax article li>ol, #post .pjax article li>ul{ padding-top: 5px; padding-bottom: 5px; } #post .pjax article .article-entry>ol>li, #post .pjax article .article-entry>ul>li,#post .pjax article>ol>li, #post .pjax article>ul>li{ margin-bottom: auto; margin-left: auto; } #post .pjax article .article-entry li>ol>li, #post .pjax article .article-entry li>ul>li,#post .pjax article li>ol>li, #post .pjax article li>ul>li{ margin-bottom: auto; margin-left: auto; } /* 背景图样式 */ /*引用块样式*/ /*文章列表背景图*/ .nav-right:before { content: ' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.3; background: url("https://i.loli.net/2019/07/22/5d3521411f3f169375.png"); background-repeat: no-repeat; background-position: 50% 0; -ms-background-size: cover; -o-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } </style> </html>