### 2019-08-30 v2.3.0

- 更换cdn为[jsdelivr](https://www.jsdelivr.com/)
- 升级fontaswsomev4.7.0至fontawesome-freev5.10.2，支持的图标数量由675增加至1535
- 所有脚本和插件JSLoader化，增加移植性和访问速度
- 界面调整
  - 正文部分增加背景，从而减少动态ribbon背景影响的阅读体验
  - sidebar微调
- layout删除document页

Author: wu-kan

README.md

@@ -52,10 +52,10 @@ Live2D来自于[stevenjoezhang/live2d-widget](https://github.com/stevenjoezhang/
 - [ ] 重写博客首页，做一个有意思的封面，不再显示文章
 - [x] 加入评论系统，暂时考虑用valine+leancloud实现
   - [x] 基于valine的阅读量统计
-- [x] 加入不蒜子统计
-- [x] <i class="fab fa-font-awesome"></i> Font Awesome
+- [x] 不蒜子统计
+- [x] [<i class="fab fa-font-awesome"></i>fontawesome-free](https://fontawesome.com/)
 - [x] 全站搜索
-- [x] 移植[原博客的ribbon动态背景](https://github.com/theme-next/theme-next-canvas-ribbon)
+- [x] [ribbon动态背景](https://github.com/hustcc/ribbon.js)
 - [x] 调整代码块风格，并加上代码选中按钮
 - [x] 加入可以自动展开、标号的目录
   - [x] 目录标号
@@ -83,30 +83,20 @@ Live2D来自于[stevenjoezhang/live2d-widget](https://github.com/stevenjoezhang/
 
 ## 历程
 
-### 正在进行 v2.3.0
-
-#### TodoList
-
-- [x] 更换cdn为[jsdelivr](https://www.jsdelivr.com/)
-- [ ] 所有脚本和插件JSLoader化，增加移植性和访问速度
-  - [x] katex
-  - [x] mermaid
-  - [x] baidu_push
-  - [ ] prismjs
-  - [x] simple_jekyll_search
-  - [x] jekyll_table_of_context
-  - [x] run_time
-- [x] 升级fontaswsomev4.7.0至fontawesome-freev5.10.1，支持的图标数量由675增加至1535
-- [ ] 界面调整
-  - [x] 正文部分增加背景，从而减少动态ribbon背景影响的阅读体验
-  - [x] sidebar微调
-- [x] layout删除document页
+### 2019-08-30 v2.3.0
+
+- 更换cdn为[jsdelivr](https://www.jsdelivr.com/)
+- 升级fontaswsomev4.7.0至fontawesome-freev5.10.2，支持的图标数量由675增加至1535
+- 所有脚本和插件JSLoader化，增加移植性和访问速度
+- 界面调整
+  - 正文部分增加背景，从而减少动态ribbon背景影响的阅读体验
+  - sidebar微调
+- layout删除document页
 
 #### 已知bug
 
-- 配置选项body.overlay失效，正文不跟随侧边栏移动。产生原因是在page中为了加快页面内容显示，将正文移动至sidebar上面
-- fontaswsome的rss图标和rss-square图标失效
-- 使用autoloader时，prismjs的toolbar插件失效
+- [ ] 配置选项body.overlay失效，正文不跟随侧边栏移动。产生原因是在page中为了加快页面内容显示，将正文移动至sidebar上面
+- [ ] 使用autoloader引入js时，prismjs的toolbar插件会失效
 
 ### 2019-07-06 v2.2.1
 

_config.yml

@@ -110,7 +110,8 @@ script: # 需要在正文后调用的脚本
 - src: //cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js # jQuery
 - src: //cdn.jsdelivr.net/npm/ribbon.js/dist/ribbon.min.js # 彩带背景
 - src: //cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget/autoload.js # live2d
-- src: //cdn.jsdelivr.net/npm/prismjs/plugins/toolbar/prism-toolbar.min.js
+- src: //cdn.jsdelivr.net/npm/prismjs/components/prism-core.min.js # Todo：把它加入autoloader
+- src: //cdn.jsdelivr.net/npm/prismjs/plugins/toolbar/prism-toolbar.min.js # Todo：把它加入autoloader
 - src: /public/js/prism.js
 - src: /public/js/mermaid.js
 - src: /public/js/katex.js
@@ -124,7 +125,6 @@ mermaid: # https://github.com/knsv/mermaid
 
 PrismJS: # 代码高亮插件，可以在https://prismjs.com/download.html自己定制，我这里只导入了三个自己喜欢的插件。
   enable: true
-  src: //cdn.jsdelivr.net/npm/prismjs/components/prism-core.min.js
   stylesheet: //cdn.jsdelivr.net/npm/prismjs/themes/prism-coy.css # 在https://github.com/PrismJS/prism/tree/master/themes 内查看可用主题，或者也可以搜一些第三方主题
   plugins:
     line_numbers:
@@ -137,7 +137,6 @@ PrismJS: # 代码高亮插件，可以在https://prismjs.com/download.html自己
       languages_path: //cdn.jsdelivr.net/npm/prismjs/components/
     toolbar:
       enable: true
-      src: //cdn.jsdelivr.net/npm/prismjs/plugins/toolbar/prism-toolbar.min.js
       stylesheet: //cdn.jsdelivr.net/npm/prismjs/plugins/toolbar/prism-toolbar.css
       show_language:
         enable: true
@@ -163,26 +162,26 @@ sidebar:
   social:
   - title: rss
     href: /atom.xml
-    class: 'fas fa-rss fa-fw' # rss图标加载不了不知道为什么
+    class: 'fas fa-rss fa-fw'
   - title: [email protected] # email
     href: mailto:[email protected]
-    class: 'far fa-envelope fa-fw'
+    class: 'fas fa-envelope fa-fw'
+  - title: WuK # codeforces
+    href: //codeforces.com/profile/WuK
+    class: 'fas fa-chart-bar fw'
+  - title: WuK # vjudge
+    href: //vjudge.net/user/WuK
+    class: 'fas fa-smile fa-fw'
   - title: 942759535 # qq
     class: 'fab fa-qq fa-fw'
   - title: Wu-_-Kan # weixin
     class: 'fab fa-weixin fa-fw'
+  - title: github
+    href: //github.com/wu-kan
+    class: 'fab fa-github fa-fw'
   - title: zhihu
     href: //www.zhihu.com/people/wu.kan/activities
     class: 'fab fa-zhihu fa-fw'
-  - title: github # email
-    href: //github.com/wu-kan
-    class: 'fab fa-github fa-fw'
-  - title: WuK # codeforces
-    href: //codeforces.com/profile/WuK
-    class: 'far fa-chart-bar fw'
-  - title: WuK # vjudge
-    href: //vjudge.net/user/WuK
-    class: 'far fa-smile fa-fw'
   nav:
   - title: '<i class="fas fa-home fa-fw"></i> 首页'
     href: /

_layouts/page.html

@@ -46,9 +46,11 @@ <h1 class="masthead masthead-title">
       </div>
       {% endif %}
       {{ site.sidebar.description }}
-      <div class="social">
+      <div class="sidebar-social">
         {% for s in site.sidebar.social %}
-        <a href="{{ s.href }}" class="{{ s.class }}" title="{{ s.title }}"></a>
+        <a href="{{ s.href }}" title="{{ s.title }}">
+          <i class="{{ s.class }}"></i>
+        </a>
         {% endfor %}
       </div>
     </div>
@@ -78,15 +80,18 @@ <h1 class="masthead masthead-title">
       {% if site.busuanzi.enable %}
       <div>
         {{ site.busuanzi.page_pv.alert }}
-        <span id="busuanzi_value_page_pv"></span>{{ site.busuanzi.page_pv.unit }}
+        <span id="busuanzi_value_page_pv"></span>
+        {{ site.busuanzi.page_pv.unit }}
       </div>
       <div>
         {{ site.busuanzi.site_pv.alert }}
-        <span id="busuanzi_value_site_pv"></span>{{ site.busuanzi.site_pv.unit }}
+        <span id="busuanzi_value_site_pv"></span>
+        {{ site.busuanzi.site_pv.unit }}
       </div>
       <div>
         {{ site.busuanzi.site_uv.alert }}
-        <span id="busuanzi_value_site_uv"></span>{{ site.busuanzi.site_uv.unit }}
+        <span id="busuanzi_value_site_uv"></span>
+        {{ site.busuanzi.site_uv.unit }}
       </div>
       <script src="{{ site.busuanzi.src }}"></script>
       {% endif %}

public/css/wu-kan.css

@@ -11,17 +11,6 @@ h2 {
 h3 {
   font-size: 1.1rem;
 }
-.content{
-  background-color: rgba(255,255,255,0.95);
-}
-.masthead {
-  background-color: #fff;
-  padding-top:    .8rem;
-  padding-bottom: .8rem;
-}
-.social {
-  text-align: center;
-}
 /* Hide the sidebar checkbox that we toggle with `.sidebar-toggle` */
 .sidebar-checkbox {
   display: none;
@@ -35,6 +24,22 @@ h3 {
 #sidebar-checkbox:checked ~ .sidebar-toggle:before {
   background-image: none;
 }
+.sidebar-social {
+  text-align: center;
+}
+.sidebar-social a:hover,
+.sidebar-social a:focus {
+  text-decoration: none;
+  background-color: rgba(255,255,255,.1);
+}
+.content{
+  background-color: rgba(255,255,255,.9);
+}
+.masthead {
+  background-color: rgba(255,255,255,.9);
+  padding-top:    .8rem;
+  padding-bottom: .8rem;
+}
 .post-date {
   margin-top: 0px;
 }

public/js/prism.js

@@ -3,7 +3,7 @@
 ---
   {% if site.PrismJS.enable %}
 
-document.write('<script src="{{ site.PrismJS.src }}"></script>');
+//document.write('<script src="{{ site.PrismJS.src }}"></script>');
 $("<link>").attr({ href: "{{ site.PrismJS.stylesheet }}", rel: "stylesheet" }).appendTo("head");
 
 {% if site.PrismJS.plugins.line_numbers.enable %}
@@ -14,29 +14,28 @@ $('pre').addClass("line-numbers");
 
 {% if site.PrismJS.plugins.autoloader.enable %}
 document.write('<script src="{{ site.PrismJS.plugins.autoloader.src }}"></script>');
-setTimeout(function () {
+$(window).on("load", function () {
   Prism.plugins.autoloader.languages_path = '{{ site.PrismJS.plugins.autoloader.languages_path }}';
-}, 10);
+});
 {% endif %}
 
 {% if site.PrismJS.plugins.toolbar.enable %}
-
-document.write('<script src="{{ site.PrismJS.plugins.toolbar.src }}"></script>');
+//document.write('<script src="{{ site.PrismJS.plugins.toolbar.src }}"></script>');
 $("<link>").attr({ href: "{{ site.PrismJS.plugins.toolbar.stylesheet }}", rel: "stylesheet" }).appendTo("head");
 
 {% if site.PrismJS.plugins.toolbar.show_language.enable %}
-setTimeout(function () {
+//$(window).on("load", function () {
   Prism.plugins.toolbar.registerButton('show-language', {
     text: '{{ site.PrismJS.plugins.toolbar.show_language.text }}', // required
     onClick: function (env) { // optional
       alert('{{ site.PrismJS.plugins.toolbar.show_language.alert }}' + env.language);
     }
   });
-}, 1000);
+//});
 {% endif %}
 
 {% if site.PrismJS.plugins.toolbar.select_code.enable %}
-setTimeout(function () {
+//$(window).on("load", function () {
   Prism.plugins.toolbar.registerButton('select-code', function (env) {
     var button = document.createElement('button');
     button.innerHTML = '{{ site.PrismJS.plugins.toolbar.select_code.innerHTML }}';
@@ -56,7 +55,7 @@ setTimeout(function () {
     });
     return button;
   });
-}, 1000);
+//});
 {% endif %}
 
 {% endif %}