zoukankan      html  css  js  c++  java
  • 博客主题推荐——复杂&简单

    首先感谢原作者cjunn提供的主题autm,以下配置都基于此主题设定。很多小伙伴喜欢现在的样式,分享如下。只需简单几步即可。

    如果你想使用本博客主题样式,并希望能得到远程推送更新,只需查看 快速部署。如果想在本主题样式的基础上进行二次开发,下方开源库 已开源代码。在快速部署因为更改了app.js部分源码,功能和原版主题略有差异,若只想改动样式,请查看 只样式引入

    快速部署

    //请把以下代码粘贴在侧边栏
    <script type="text/javascript">
    (()=>{
    let p={};
    p.themeStyle = "style1"; //关键配置:主题样式
    p.extCss = ["https://blog-static.cnblogs.com/files/yjlaugus/theme.css", "https://at.alicdn.com/t/font_1630741_bf02j4m9mhg.css"];//关键配置:主题样式
    p.staticSrc = "https://yjlaugus.gitee.io/blog/releases/"; //关键配置
    window.__BLOG_CONFIG__=p;
    })();
    </script>
    <script type="text/javascript" src="https://yjlaugus.gitee.io/blog/cnblogLoader.js"></script>
    
    //为了获取主题更新,建议保留以下设置
    <script>
    console.log("%c%c博客主题样式%chttps://www.cnblogs.com/yjlaugus/p/13466375.html","line-height:28px;","line-height:28px;padding:4px;background:#222;color:#fff;font-size:16px;margin-right:15px","color:#ff9900;line-height:28px;font-size:16px;");
    </script>
    
    

    部分配置说明

    <script type="text/javascript">
    (()=>{
    //该处用于配置atum主题参数,具体配置参数可参考
    let p={};
    p.ingTitle = "憧憬是碎了满地凉凉的宝石,生活是一场大雨留下的潮湿";
    p.themeStyle = "style1";
    p.feelingBlogId = "12286815"; //闪存文章postid:在文章编辑状态在浏览器地址栏可以看到
    p.extCss = ["https://blog-static.cnblogs.com/files/yjlaugus/theme.css", "https://at.alicdn.com/t/font_1630741_bf02j4m9mhg.css"];
    p.staticSrc = "https://yjlaugus.gitee.io/blog/releases/";
    p.staticIco = "https://images.cnblogs.com/cnblogs_com/yjlaugus/1660383/o_200303114655favicon.png";
    p.blogName = "YJLAugus";
    p.avatarSign = "向阳而生。";
    p.musicIds = [1417862026]; //网易云音乐id
    p.qq = "2545688638";
    p.email = "imyjl@qq.com";
    p.github = "YJLAugus";
    p.aboutmeHtml = "来自北部的一个小城市,个性不张扬,讨厌随波逐流。";
    p.headBackImg = "https://images.cnblogs.com/cnblogs_com/yjlaugus/1280680/o_200124120955leg.png";
    p.blogFriendList = [{title: 'YJLAugus', url: 'https://www.cnblogs.com/yjlaugus'},{title: 'NOTE', url: 'https://yjlaugus.github.io'];     
    p.blogUsedLinks = [
    {title: '札记', url: 'https://yjlaugus.github.io/'},
    {title: '评论管理', url: 'https://yjlaugus.avosapps.us/'}
    ];
    window.__BLOG_CONFIG__=p;
    })();
    </script>
    <script type="text/javascript" src="https://yjlaugus.gitee.io/blog/cnblogLoader.js"></script>
    <script>
    console.log("%c%c博客主题样式%chttps://www.cnblogs.com/yjlaugus/p/13466375.html","line-height:28px;","line-height:28px;padding:4px;background:#222;color:#fff;font-size:16px;margin-right:15px","color:#ff9900;line-height:28px;font-size:16px;");
    </script>
    
    

    只样式引入

    <script type="text/javascript">
    (()=>{
    let p={};
    p.themeStyle = "style1"; //关键配置:主题样式
    p.extCss = ["https://blog-static.cnblogs.com/files/yjlaugus/theme.css";//关键配置:主题样式
    window.__BLOG_CONFIG__=p;
    })();
    </script>
    <script type="text/javascript" src="https://yjlaugus.gitee.io/blog/cnblogLoader.js"></script>
    //为了获取主题更新,建议保留以下设置
    <script>
    console.log("%c%c博客主题样式%chttps://www.cnblogs.com/yjlaugus/p/13466375.html","line-height:28px;","line-height:28px;padding:4px;background:#222;color:#fff;font-size:16px;margin-right:15px","color:#ff9900;line-height:28px;font-size:16px;");
    </script>
    

    开源库

    代码仓库

    说明

    再次感谢主题作者cjunn提供的优秀主题,若您在使用过程中遇到任何问题或者建议,可以在主题反馈页面进行评论。当然,也欢迎您在本页面提出您宝贵的建议。

  • 相关阅读:
    以太坊虚拟机介绍
    以太坊源码学习 – EVM
    Visual Studio Code 常用快捷键
    深入了解以太坊虚拟机第4部分——ABI编码外部方法调用的方式
    深入了解以太坊虚拟机第3部分——动态数据类型的表示方法
    深入了解以太坊虚拟机第2部分——固定长度数据类型的表示方法
    深入了解以太坊虚拟机
    选取文档元素的方法
    flex布局
    什么是功能需求设计文档
  • 原文地址:https://www.cnblogs.com/yjlaugus/p/13466375.html
Copyright © 2011-2022 走看看