给silence主题添加公告

Author: zhaoqingqing

cnblogs-notice.html

@@ -56,6 +56,7 @@
     <link href="//files.cnblogs.com/zhaoqingqing/cnblogs-article-nav.css" rel="stylesheet" type="text/css">
     <link href="//files.cnblogs.com/zhaoqingqing/cnblogs-markdown.css" rel="stylesheet" type="text/css">
     <link href="//files.cnblogs.com/zhaoqingqing/simplememory-qingqing.css" rel="stylesheet" type="text/css">
+    <link href="https://blog-static.cnblogs.com/files/zhaoqingqing/silence-qing.css" rel="stylesheet" type="text/css">
 	<!-- 移动端自适应 -->
 	<script>
 		var content = 'width=device-width, initial-scale=1 user-scalable=no';

silence-navbar.js

@@ -1,11 +1,3 @@
-<!--
-* @file cnblogs.silence-navbar
-* Created by qingqing.zhao(569032731@qq.com)
-* DateTime: 2020/5/9 22:39
-* Desc：silence主题导航栏脚本
-用法：粘贴以下代码到 - 设置 - 博客侧边栏公告
-和原主题一样，生成的导航栏在网页dom节点：home - header - navigator - navList(ul) - li
--->
 <script type="text/javascript">
     $.silence({
         avatar: 'https://images.cnblogs.com/cnblogs_com/zhaoqingqing/491952/o_avatar_qingqing.png',
@@ -149,8 +141,40 @@
         }
     })
 
-    $(function()
-    {
-        $("a").remove("#blog_nav_admin");
-    })
-</script>
+$(function()
+{
+    $("a").remove("#blog_nav_admin");/*移除导航栏*/
+    var notice = "    <div id='SiteContent'>\
+<p>不积跬步，无以至千里；<br/>\
+    不积小流，无以成江海。</p>\
+    <p>博客代码：<a href='https://github.com/zhaoqingqing/blog_samplecode' target='_blank'>blog_samplecode</a></p>\
+<br />\
+    <ul>\
+        <li><a href='http://wpa.qq.com/msgrd?v=3&amp;uin=569032731&amp;site=qq&amp;menu=yes' target='_blank'>QQ 联系</a></li>\
+        <li><a style='text-decoration: none' href='http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&amp;email=wLqooa_xqa6nsamup-LygLGx7qOvrQ' target='_blank'>邮件联系</a></li>\
+        <li><a href='https://github.com/zhaoqingqing' target='_blank'>我的GitHub</a></li>\
+        <li><a href='https://zhaoqingqing.github.io/' target='_blank'>Git Blog</a></li>\
+        <li><a href='https://www.zhihu.com/people/zhaoqingqing' target='_blank'>我在知乎</a></li>\
+        <li><a href='https://www.cnblogs.com/zhaoqingqing/rss' target='_blank'>Rss订阅</a></li>\
+        <li><a href='https://space.cnblogs.com/msg/send/zhaoqingqing' target='_blank'>站内消息</a></li>\
+        <li><a href='https://zhaoqingqing.github.io/about/' target='_blank'>我的资料</a></li>\
+        <li><a href='https://www.cnblogs.com/cate/gamedev/' target='_blank'>园内游戏类</a></li>\
+        <li><a href='https://www.cnblogs.com/zhaoqingqing/p/10277503.html' target='_blank'>友情链接</a></li>\
+    </ul>\
+    </div>";
+    $("#sidebar_news").append(notice);/*增加公告*/
+})
+</script>
+
+
+
+/*
+* @file cnblogs.silence-navbar
+* Created by qingqing.zhao(569032731@qq.com)
+* DateTime: 2020/5/9 22:39
+* Desc：silence主题导航栏脚本
+用法：粘贴以下代码到 - 设置 - 博客侧边栏公告
+和原主题一样，生成的导航栏在网页dom节点：home - header - navigator - navList(ul) - li
+* 备注：自定义公告中内容太多显示不下？
+* 每一行的换行一定需要加\，拷贝到博客园后台之后，也需要查看是否有拷贝到\
+*/

silence-qing.css

@@ -9,13 +9,15 @@
 #navList a{
     text-align: left;
 }
-
+/* from simplememory start */
 /*首页文章标题色*/
 div.postTitle {
     margin-bottom: 10px;
     border-left: 10px solid #cd4900;
     border-bottom: none;
-    padding: 10px 5px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    padding-left: 0px;
     font-size: 160%;
     font-weight: 100;
 }
@@ -25,6 +27,10 @@ div.postTitle a {
     font-weight: bold;
 }
 
+.postTitle2{
+    margin-left: 4px;
+}
+
 /*我的标签添加背景色*/
 #MyTag1_dtTagList a,
 #EntryTag a,
@@ -33,4 +39,27 @@ div.postTitle a {
     color: #FFFFFF !important;
     padding: 1px 3px 1px 3px;
     border-radius: 3px;
-}
+}
+/* from simplememory end */
+
+/*自定义公告内容*/
+#SiteContent  {
+    margin-top: 20px;
+    margin-bottom: 20px;
+    font-size: 16px;
+    height: 220px;
+    width: 220px;
+    line-height: 1.8;
+}
+#SiteContent  li{
+    float: left;
+    width: 110px;
+    font-size: 14px;
+    line-height: 2;
+ }
+
+
+/*复写silence中的样式*/
+.esa-profile-avatar{
+    width: 90%;
+}