更新博客文章和样式表***

***更新个性化学习文章和样式表***

***更新字体样式***

***更新基础样式***

***更新主样式表***

***更新主样式表字体样式

.hintrc

@@ -0,0 +1,15 @@
+{
+  "extends": [
+    "development"
+  ],
+  "hints": {
+    "compat-api/css": [
+      "default",
+      {
+        "ignore": [
+          "-webkit-text-size-adjust"
+        ]
+      }
+    ]
+  }
+}

_posts/2024-02-14-programming-and-writing.md

@@ -2,7 +2,7 @@
 layout: post
 title: "你写代码的样子像极了写小说的作家"
 date: 2024-02-14 10:00:00 -0000
-categories: programming, writing
+categories: programming writing
 ---
 
 
@@ -18,4 +18,4 @@ categories: programming, writing
 
 将编程与写作一概而论，未免太过肤浅。那样的判断只能说明你还没体验到两者的美丽碰撞。所以别害怕跨越界限，让你的编程充满文学的温度，让你的写作逻辑严谨又不失灵动。最终，当你在键盘上舞动指尖时，你会发现，原来编程与写作只是同一个硬币的两面，揭露着创造和表达的无限可能。
 
-我们经常在互联网上读到精彩绝伦的文章， 而这些文章的作者就是一名程序员， 很多程序员都没有意识地他们的写作才华， 他们写博客看起来只是或许只是为了分享一些技术心得， 但写着写着，这些内容写出了文学之美。
+我们经常在互联网上读到精彩绝伦的文章， 而这些文章的作者就是一名程序员， 很多程序员都没有意识地他们的写作才华， 他们写博客看起来只是或许只是为了分享一些技术心得，但写着写着，这些内容写出了文学之美。

_posts/2024-02-15-programming-personalized-learning.md

@@ -5,7 +5,25 @@ date: 2024-02-15 10:00:00 -0000
 categories: learning
 ---
 
-个性化学习成为越来越有价值的诉求，每一个不同的场景都可以实现不同的个性化学习定制。
+个性化学习之所以重要，主要是因为以下几个原因：
+
+1. **适应个体差异**：每个人的学习速度、先验知识、理解能力和兴趣点都不相同。个性化学习可以调整内容和难度，以适应个体的具体需要。
+
+2. **提高学习效率**：通过针对性地提供学习材料和资源，个性化学习可以避免学习者浪费时间在他们已经掌握或不感兴趣的内容上，从而提高学习的效率。
+
+3. **培养学习动机**：个性化学习能够根据学习者的兴趣定制教学内容，进而激发他们的学习动机和好奇心，使学习变得更加有趣和吸引人。
+
+4. **灵活性和便利性**：个性化学习平台通常可以随时随地进行，为学习者提供了灵活性，使他们能够根据自己的生活节奏制定学习时间表。
+
+5. **促进深度学习**：通过个性化的挑战和反馈，学习者能够更深入地理解材料，并更好地将新知识与现有知识结合起来。
+
+6. **自我引导的学习**：个性化学习鼓励学生自主学习，让他们学会如何学习，这是一种重要的生活技能。
+
+7. **适应未来需求**：在快速变化的工作环境中，个性化学习可以帮助学习者持续更新其技能和知识，以适应未来的需求。
+
+8. **减少学习挫败感**：传统的“一刀切”学习模式可能会让一些学习者感到沮丧，特别是当他们跟不上同龄人的进度时。个性化学习通过让每个学生在自己的步调前进来缓解这种挫败感。
+
+个性化学习成为越来越普遍的诉求，每一个不同的场景都可以实现不同的个性化学习定制。
 
 很多的在线学习平台开始提供个性化学习的服务， 但从 diy 的精神出发， 其实我们有很多的选择。
 
@@ -34,4 +52,6 @@ categories: learning
 
 记住，编程不是填鸭，是你展现独立精神和创造力的舞台。别让自己成为代码的奴隶，让代码成为你释放个性和创意的工具。
 
-现在，关掉那些“十天精通xxx” 的教程，打开你的DIY精神，开始你的个性化编程学习之旅吧!
+现在，关掉那些“十天精通xxx” 的教程，打开你的DIY精神，开始你的个性化编程学习之旅吧!
+
+

_sass/whiteglass.scss

@@ -1,5 +1,5 @@
 // Define defaults for each variable.
-$base-font-family: "Source Han Sans", "Noto Sans CJK JP", "Source Han Sans JP", "Noto Sans CJK KR", "Source Han Sans KR", NanumBarunGothic, AppleGothic, "Malgun Gothic", Dotum, sans-serif !default;
+$base-font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif !default;
 $monospace-font-family: Monaco, Menlo, Consolas, "Courier New", DotumChe, monospace !default;
 $base-font-size:   16px !default;
 $base-font-weight: 400 !default;

_sass/whiteglass/_base.scss

@@ -1,27 +1,39 @@
 /**
  * Reset some basic elements
  */
-body, h1, h2, h3, h4, h5, h6,
-p, blockquote, pre, hr,
-dl, dd, ol, ul, figure {
+body,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+hr,
+dl,
+dd,
+ol,
+ul,
+figure {
   margin: 0;
   padding: 0;
 }
 
-
-
 /**
  * Basic styling
  */
 body {
-  font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
+  font: $base-font-weight #{$base-font-size}/#{$base-line-height}
+    $base-font-family;
   color: $text-color;
   background-color: $background-color;
   -webkit-text-size-adjust: 100%;
   -webkit-font-feature-settings: "kern" 1;
-     -moz-font-feature-settings: "kern" 1;
-       -o-font-feature-settings: "kern" 1;
-          font-feature-settings: "kern" 1;
+  -moz-font-feature-settings: "kern" 1;
+  -o-font-feature-settings: "kern" 1;
+  font-feature-settings: "kern" 1;
   font-kerning: normal;
   word-wrap: break-word;
 }
@@ -35,15 +47,23 @@ table {
 /**
  * Set `margin-bottom` to maintain vertical rhythm
  */
-h1, h2, h3, h4, h5, h6,
-p, blockquote, pre,
-ul, ol, dl, figure,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+ul,
+ol,
+dl,
+figure,
 %vertical-rhythm {
   margin-bottom: $spacing-unit * 0.5;
 }
 
-
-
 /**
  * Images
  */
@@ -52,8 +72,6 @@ img {
   vertical-align: middle;
 }
 
-
-
 /**
  * Figures
  */
@@ -65,12 +83,11 @@ figcaption {
   font-size: $small-font-size;
 }
 
-
-
 /**
  * Lists
  */
-ul, ol {
+ul,
+ol {
   margin-left: $spacing-unit;
 }
 
@@ -81,27 +98,30 @@ li {
   }
 }
 
-
-
 /**
  * Headings
  */
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   font-weight: $base-font-weight;
 
   code {
     font-size: inherit;
   }
 }
 
-h1, h2, h3 {
+h1,
+h2,
+h3 {
   &:lang(ko) {
     word-break: keep-all;
   }
 }
 
-
-
 /**
  * Links
  */
@@ -119,8 +139,6 @@ a {
   }
 }
 
-
-
 /**
  * Blockquotes
  */
@@ -136,13 +154,12 @@ blockquote {
     margin-bottom: 0;
   }
 
-  pre, code {
+  pre,
+  code {
     color: $text-color;
   }
 }
 
-
-
 /**
  * Rules
  */
@@ -153,8 +170,6 @@ hr {
   background-color: $grey-color-light;
 }
 
-
-
 /**
  * Code formatting
  */
@@ -183,14 +198,12 @@ pre {
   }
 }
 
-
-
 /**
  * Wrapper
  */
 .wrapper {
   max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
-  max-width:         calc(#{$content-width} - (#{$spacing-unit} * 2));
+  max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
   margin-right: auto;
   margin-left: auto;
   padding-right: $spacing-unit;
@@ -199,14 +212,12 @@ pre {
 
   @include media-query($on-laptop) {
     max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
-    max-width:         calc(#{$content-width} - (#{$spacing-unit}));
+    max-width: calc(#{$content-width} - (#{$spacing-unit}));
     padding-right: $spacing-unit * 0.5;
     padding-left: $spacing-unit * 0.5;
   }
 }
 
-
-
 /**
  * Clearfix
  */

assets/main.scss

@@ -4,7 +4,7 @@
 @charset "utf-8";
 
 // Our variables
-$base-font-family: Bitter, "Apple SD Gothic Neo", AppleGothic, NanumBarunGothic, "Malgun Gothic", Dotum, sans-serif;
+$base-font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif ;
 $monospace-font-family: Monaco, Menlo, Consolas, "Courier New", DotumChe, monospace;
 $base-font-size:   16px;
 $base-font-weight: 400;