tab page, admonition

Author: icecoobe

docs/c-cpp/basics/pointer_and_ref.md

@@ -4,65 +4,78 @@
 2. 但是引用需要在声明的时候初始化，而且一旦指向某个对象，不会再改变；
 3. 对初始化的引用再次赋值，是对引用指向的对象进行赋值，引用本身始终指向最初的对象，它是那个对象的别名。
 
+=== "snippet-1"
 
-```cpp
-#include <iostream>
-void swapByPointer(int* a, int* b) {
-    int temp = *a;
-    *a = *b;
-    *b = temp;
-}
-void swapByReference(int& a, int& b) {
-    int temp = a;
-    a = b;
-    b = temp;
-}
-int main() {
-    int x = 5;
-    int y = 10;
-    std::cout << "Before swapping: x = " << x << ", y = " << y << std::endl;
-    // 使用指针交换变量的值
-    swapByPointer(&x, &y);
-    std::cout << "After swapping by pointer: x = " << x << ", y = " << y << std::endl;
-    x = 5;
-    y = 10;
-    // 使用引用交换变量的值
-    swapByReference(x, y);
-    std::cout << "After swapping by reference: x = " << x << ", y = " << y << std::endl;
-    return 0;
-}
-```
+    ```cpp
+    #include <iostream>
+    void swapByPointer(int* a, int* b) {
+        int temp = *a;
+        *a = *b;
+        *b = temp;
+    }
+    void swapByReference(int& a, int& b) {
+        int temp = a;
+        a = b;
+        b = temp;
+    }
+    int main() {
+        int x = 5;
+        int y = 10;
+        std::cout << "Before swapping: x = " << x << ", y = " << y << std::endl;
+        // 使用指针交换变量的值
+        swapByPointer(&x, &y);
+        std::cout << "After swapping by pointer: x = " << x << ", y = " << y << std::endl;
+        x = 5;
+        y = 10;
+        // 使用引用交换变量的值
+        swapByReference(x, y);
+        std::cout << "After swapping by reference: x = " << x << ", y = " << y << std::endl;
+        return 0;
+    }
+    ```
 
-```cpp
-#include <iostream>
-using namespace std;
-class Parent
-{
-public:
-    virtual void v_test() { cout << "Parent::v_test" << endl; }
-    int a = 0;
-};
-class Child : public Parent
-{
-public:
-    void v_test() override { cout << "Child::v_test" << endl; }
-};
-int main()
-{
-    Parent parent;
-    Child child;
-    parent.a = 1;
-    child.a = 2;
-    Parent* p = &child;
-    Parent& ref_parent = parent;
-    cout << p->a << endl;
-    cout << ref_parent.a << endl;
-    // 对引用指向的对象进行赋值
-    // 改变的是对象内部的值，a的值变了
-    ref_parent = child;
-    cout << ref_parent.a << endl;
-    p->v_test();
-    ref_parent.v_test();
-    return 0;
-}
-```
+=== "snippet-2"
+
+    ```cpp
+    #include <iostream>
+    using namespace std;
+    class Parent
+    {
+    public:
+        virtual void v_test() { cout << "Parent::v_test" << endl; }
+        int a = 0;
+    };
+    class Child : public Parent
+    {
+    public:
+        void v_test() override { cout << "Child::v_test" << endl; }
+    };
+    int main()
+    {
+        Parent parent;
+        Child child;
+        parent.a = 1;
+        child.a = 2;
+        Parent* p = &child;
+        Parent& ref_parent = parent;
+        cout << p->a << endl;
+        cout << ref_parent.a << endl;
+        // 对引用指向的对象进行赋值
+        // 改变的是对象内部的值，a的值变了
+        ref_parent = child;
+        cout << ref_parent.a << endl;
+        p->v_test();
+        ref_parent.v_test();
+        return 0;
+    }
+    ```
+
+    ??? example "输出"
+
+        ```plaintext
+        2
+        1
+        2
+        Child::v_test
+        Parent::v_test
+        ```

docs/c-cpp/design_pattern/template_method.md

@@ -24,15 +24,35 @@
 
 新建一个WinForm程序，我们可以看到这个Form类被拆成了两部分，一个是用户代码，另一个是设计器生成的代码。最终，它们会被合并成一个XXForm类，而开放给开发者修改的可以看成是一个钩子接口（这里是类包围的多个hook接口）。
 
-!!! Abstract
+???+ note
 
     以类为基本单元来看，我觉得继承本身就是一种模板方法模式，或者说模板方法的目的就是多态，而继承也是其实现机制之一。父类的接口是固定的，而子类可以重写父类的某些方法来实现不同的行为。
 
 ## UML
 
-![Page-1](../../assets/drawio/c-cpp/template-method.drawio)
-![Page-2](../../assets/drawio/c-cpp/template-method.drawio)
-![Page-2](../../assets/drawio/c-cpp/template-method.drawio)
+=== "UML Diagram"
+
+    ![Page-1](../../assets/drawio/c-cpp/template-method.drawio)
+
+=== "C# Partial Class"
+
+    ``` C#
+    // Customer.Part1.cs
+    public partial class Customer  
+    {  
+        public string Name { get; set; }  
+        public string Email { get; set; }  
+    }
+
+    // Customer.Part2.cs
+    public partial class Customer  
+    {  
+        public void DisplayCustomerInfo()  
+        {  
+            Console.WriteLine($"Name: {Name}, Email: {Email}");  
+        }  
+    }
+    ```
 
 ## Sample
 

mkdocs.yml

@@ -9,7 +9,8 @@ repo_url: https://github.com/icecoobe/notes
 edit_uri: edit/main/docs/
 
 # Copyright
-copyright: Copyright &copy; 2025 icecoobe<br>The website content is licensed under <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</a>
+# copyright: Copyright &copy; 2025 icecoobe<br>The website content is licensed under <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</a>
+copyright: Copyright &copy; 2025 icecoobe <a href="https://squidfunk.github.io/mkdocs-material/reference/">Awesome - Material for MkDocs</a>
 
 # Configuration
 # ref: https://github.com/krahets/hello-algo/blob/main/mkdocs.yml
@@ -88,7 +89,6 @@ plugins:
       # based on the selected theme. Supports classic mkdocs and mkdocs-material.
       darkmode: true 
 
-      
 extra_css:
   - assets/stylesheets/extra.css
 extra_javascript:
@@ -130,6 +130,8 @@ markdown_extensions:
   - pymdownx.arithmatex:
       generic: true
 extra:
+  # remove Made with Material for MkDocs notice
+  generator: false
   social:
     - icon: fontawesome/brands/github 
       link: https://github.com/icecoobe