barryclark · quang-ng · Mar 8, 2024 · Mar 8, 2024 · Mar 8, 2024 · Mar 8, 2024
diff --git a/CNAME b/CNAME
diff --git a/_config.yml b/_config.yml
@@ -3,10 +3,10 @@
 #
 
 # Name of your site (displayed in the header)
-name: Your Name
+name: Quang Nguyen
 
 # Short bio or description (displayed in the header)
-description: Web Developer from Somewhere
+description: Software Engineer
 
 # URL of your avatar or profile pic (you could use your GitHub profile pic)
 avatar: https://raw.githubusercontent.com/barryclark/jekyll-now/master/images/jekyll-logo.png
@@ -18,15 +18,15 @@ avatar: https://raw.githubusercontent.com/barryclark/jekyll-now/master/images/je
 # Includes an icon in the footer for each username you enter
 footer-links:
   dribbble:
-  email:
+  email: nguyenvanquang247@gmail.com
   facebook:
   flickr:
-  github: barryclark/jekyll-now
+  github: https://github.com/quang-ng
   instagram:
-  linkedin:
+  linkedin: https://www.linkedin.com/in/quang-nv/
   pinterest:
   rss: # just type anything here for a working RSS icon
-  twitter: jekyllrb
+  twitter: 
   stackoverflow: # your stackoverflow profile, e.g. "users/50476/bart-kiers"
   youtube: # channel/<your_long_string> or user/<user-name>
   googleplus: # anything in your profile username that comes after plus.google.com/

diff --git a/_layouts/default.html b/_layouts/default.html
@@ -13,6 +13,10 @@
     <link rel="alternate" type="application/rss+xml" title="{{ site.name }} - {{ site.description }}" href="{{ site.baseurl }}/feed.xml" />
 
     <!-- Created with Jekyll Now - http://github.com/barryclark/jekyll-now -->
+    <link rel="stylesheet" href="{{ "/assets/bootstrap.min.css" | relative_url }}">
+  <script src="{{ "/assets/jquery-3.3.1.slim.min.js" | relative_url }}"></script>
+  <script src="{{ "/assets/popper.min.js" | relative_url }}"></script>
+  <script src="{{ "/assets/bootstrap.min.js" | relative_url }}"></script>
   </head>
 
   <body>
@@ -27,15 +31,61 @@ <h1 class="site-name"><a href="{{ site.baseurl }}/">{{ site.name }}</a></h1>
           </div>
 
           <nav>
-            <a href="{{ site.baseurl }}/">Blog</a>
+            <a href="{{ site.baseurl }}/">Home</a>
+            <a href="{{ site.baseurl }}/tags">Tags</a>
+            <a href="{{ site.baseurl }}/posts">Archive</a>
             <a href="{{ site.baseurl }}/about">About</a>
+
           </nav>
         </header>
       </div>
     </div>
 
     <div id="main" role="main" class="container">
-      {{ content }}
+      <div class="row">
+        <div class="col-2">
+          {% capture site_tags %}{% for tag in site.tags %}{{ tag | first }}{% unless forloop.last %},{% endunless %}{% endfor %}{% endcapture %}
+{% assign tags_list = site_tags | split:',' | sort %}
+
+<!-- Start tag array header -->
+<div class="tags-list">
+  {% for item in (0..site.tags.size) %}{% unless forloop.last %}
+    {% capture this_word %}{{ tags_list[item] | strip_newlines }}{% endcapture %}
+    <a href="/tags/#{{ this_word | slugify | downcase }}" class="post-tag"><span class="term">{{ this_word }}</span> <span class="count">({{ site.tags[this_word].size }})</span></a><br/>
+  {% endunless %}{% endfor %}
+</div>
+<!-- End tag array header -->
+        </div>
+        <div class="col-8">{{ content }}</div>
+        <div class="col-2">
+          {% for post in site.posts %}
+          {% capture this_year %}{{ post.date | date: "%Y" }}{% endcapture %}
+          {% capture next_year %}{{ post.previous.date | date: "%Y" }}{% endcapture %}
+
+          {% if forloop.first %}
+          <article>
+
+            <ul>
+          {% endif %}
+              <li>
+                  <span class="post-date">{{ post.date | date_to_string }}</span> <br/>
+                  <a class="tag-post-title"href="{{ post.url | prepend: site.baseurl }}" title="{{ post.title | escape }}">{{ post.title | escape }}</a>
+              </li>
+          {% if forloop.last %}
+            </ul>
+          </article>
+          {% else %}
+              {% if this_year != next_year %}
+                </ul>
+              </article>
+              <article>
+                <ul>
+              {% endif %}
+          {% endif %}
+      {% endfor %}
+        </div>
+      </div>
+
     </div>
 
     <div class="wrapper-footer">

diff --git a/_layouts/post.html b/_layouts/post.html
@@ -2,16 +2,40 @@
 layout: default
 ---
 
+<!-- <style>
+  ul.blog-pager {margin-left: 0;}.blog-pager li {list-style: none;}li.previous {float: left;}li.next {float: right;}.pager li a{text-transform:uppercase;font-size:14px;font-weight:bold;letter-spacing:1px;padding:10px 5px;background:#FFF;border: 1px solid #ddd;border-radius:0;color:#404040;}.pager li a:hover,.pager li a:focus{color:#FFF;text-decoration:none;background:#0085a1;border:1px solid #0085a1;}
+</style> -->
+
 <article class="post">
   <h1>{{ page.title }}</h1>
 
+  <br/>
+  <div class="date">
+    Written on {{ page.date | date: "%B %e, %Y" }}
+  </div>
+  <br/>
   <div class="entry">
     {{ content }}
   </div>
 
-  <div class="date">
-    Written on {{ page.date | date: "%B %e, %Y" }}
-  </div>
+
+  <nav aria-label="Page navigation example">
+    <ul class="pagination">
+      {% if page.previous.url %}
+      <li class="page-item">
+        <a class="page-link" href="{{ page.previous.url | prepend: site.baseurl | replace: '//', '/' }}" data-toggle="tooltip" data-placement="top" title="{{page.previous.title}}">&larr; Previous Post</a>
+        </a>
+      </li>
+      {% endif %}
+        {% if page.next.url %}
+      <li class="page-item">
+        <a class="page-link"  href="{{ page.next.url | prepend: site.baseurl | replace: '//', '/' }}" data-toggle="tooltip" data-placement="top" title="{{page.next.title}}">Next Post &rarr;</a>
+        </a>
+      </li>
+      {% endif %}
+    </ul>
+  </nav>
+
 
   {% include disqus.html %}
 </article>
diff --git a/_layouts/tags.html b/_layouts/tags.html
@@ -0,0 +1,34 @@
+---
+layout: archive
+title: Tags
+permalink: /tags/
+description: "Posts listed by Tags"
+author_profile: false
+comments: false
+---
+
+{% capture site_tags %}{% for tag in site.tags %}{{ tag | first }}{% unless forloop.last %},{% endunless %}{% endfor %}{% endcapture %}
+{% assign tags_list = site_tags | split:',' | sort %}
+
+<!-- Start tag array header -->
+<div class="tags-list">
+  {% for item in (0..site.tags.size) %}{% unless forloop.last %}
+    {% capture this_word %}{{ tags_list[item] | strip_newlines }}{% endcapture %}
+    <a href="#{{ this_word | slugify | downcase }}" class="post-tag"><span class="term">{{ this_word }}</span> <span class="count">({{ site.tags[this_word].size }})</span></a>
+  {% endunless %}{% endfor %}
+</div>
+<!-- End tag array header -->
+  <hr/>
+<!-- Start tag list -->
+{% for item in (0..site.tags.size) %}{% unless forloop.last %}
+  {% capture this_word %}{{ tags_list[item] | strip_newlines }}{% endcapture %}
+    <article>
+    <h2 id="{{ this_word | slugify | downcase }}">{{ this_word }}</h2>
+        <ul>
+    {% for post in site.tags[this_word] %}{% if post.title != null %}
+      <li><span class="post-date">{{ post.date | date_to_string }}</span><a class="tag-post-title" href="{{ post.url | prepend: site.baseurl }}" title="{{ post.title | escape }}">{{ post.title | escape }}</a> </li>
+    {% endif %}{% endfor %}
+        </ul>
+    </article><!-- /.hentry -->
+{% endunless %}{% endfor %}
+<!-- End tag list -->
diff --git a/_posts/2023-02-08-python-decorator-func.md b/_posts/2023-02-08-python-decorator-func.md
@@ -0,0 +1,37 @@
+---
+layout: post
+title: Giới thiệu về Python Decorator Function
+tags: [python]
+---
+
+
+Trong Python, Decorator là một tính năng mạnh mẽ cho phép bạn thay đổi hoặc mở rộng hành vi của một hàm mà không cần thay đổi mã nguồn gốc của hàm đó. Decorator giúp tách biệt việc xử lý logic và chức năng bổ sung, đồng thời cung cấp một cách linh hoạt để mở rộng chức năng của một hàm.
+
+Một decorator function là một hàm bao bọc một hàm khác và thực hiện các thay đổi hoặc chức năng bổ sung trước, sau hoặc xung quanh hàm gốc. Điều này cho phép bạn thêm các chức năng bổ sung như logging, caching, xác thực, đo lường thời gian và nhiều hơn nữa vào một hàm mà không cần phải sửa đổi mã nguồn của hàm đó.
+
+Ví dụ dưới đây minh họa cách sử dụng decorator function trong Python:
+
+```python
+def uppercase_decorator(func):
+    def wrapper(text):
+        result = func(text.upper())
+        return result
+    return wrapper
+
+@uppercase_decorator
+def greet(name):
+    return f"Hello, {name}!"
+
+greeting = greet("John")
+print(greeting)
+```
+Trong ví dụ trên, chúng ta đã định nghĩa một decorator function có tên là uppercase_decorator. Nó nhận một hàm func làm đối số và trả về một hàm wrapper mới. wrapper là nơi chúng ta thực hiện các thay đổi hoặc chức năng bổ sung trước và sau khi hàm gốc func được gọi.
+
+Bằng cách sử dụng decorator function @uppercase_decorator trước hàm greet, chúng ta đã bọc hàm greet trong decorator. Khi chúng ta gọi greet("John"), decorator sẽ thực thi và chuyển đổi tên thành chữ hoa trước khi gọi hàm gốc. Sau đó, decorator nhận kết quả trả về từ hàm gốc và trả về kết quả đã được xử lý.
+
+Kết quả đầu ra sẽ là:
+
+```shell
+Hello, JOHN!
+```
+Như vậy, decorator function uppercase_decorator đã thay đổi hành vi của hàm greet bằng cách làm cho tên được chuyển đổi thành chữ hoa trước khi in ra kết quả chào mừng.