[Debug] Quá trình mình build blog

Trầy trật mãi cuối cùng cũng có một chiếc blog tạm ổn theo ý thích.

Trình tự: mới nhất trước

Đã backup hệ thống (08/06/2025)
Thêm: * Trang bio, có ảnh sản phẩm, đánh giá, nút tìm kiếm * responsive
Đã backup hệ thống (26/05/2025)

Thay đổi:

  • Màu của h2 ở darkmode và lightmode
  • Màu post-content cho dễ nhìn
  • Màu description, natiga ở dark/light mode

Thêm:

  • breadcrumb: Home > Page > Page 1 > ..
  • thumbnail và description cho post (25/05/2025)
  • toast
  • ước lượng thời gian đọc
  • nút sao chép mã
Big update: 26/05/2025
Cải thiện tốc độ load ảnh, nén ảnh (host) , loading="lazy"; (26/05/2025)

Cải thiện heading (5/5/2025)

Đã backup hệ thống (04/05/2025)
Big update: 03/05/2025
Thêm gallery , responsive, hiện title khi hover Thêm `Fancybox`, chuyển mọi ảnh thành gallery, animation siêu mượt!

Task list

  • Firebase
  • Nén js
  • Comment code
  • Tìm kiếm nhanh trong gallery

Lỗi chỉ mục trang -> Đã fix
pagination: Page %d of %d
Lỗi font tiếng Việt: -> Đã fix khi dùng
font-family 'JetBrains Mono', monospace
Update:
Thêm lượt xem (home and post)
Thêm bài ghim

Đã backup hệ thống (02/05/2025)
- [x] Dark/Light mode chạy trơn tru - [x] Nav chạy mượt - [x] Blog load nhanh - [x] Sửa lỗi số trang - [x] Sửa lỗi font monospace ở pre,code,line trên mobile
Big update (02-05-2025)
: * Chỉnh darkmode/light mode theo đúng `tỉ lệ tương phản 4.5:1` * Thêm nút cuộn xuống `actions_desktop.ejs : Line 5 26 33`
  • Thêm light mode:
    footer , main.js
  • Đếm số bài viết, đếm số lượng bài trong từng tag:
1
2
3
4
5
6
7
8
<span class="h1"><a href="<%- url_for(theme.nav.articles) %>"><%= __('index.articles') %> (<%= site.posts.length %>)</a></span>
<span><h5>🏷️ Thẻ bài viết:</h5>
<ul>
<% site.tags.sort('name').each(function(tag){ %>
<a href="<%= url_for(tag.path) %>"><%= tag.name %>(<%= tag.length %>)</a>,
<% }); %>
</ul>
</span>

Thêm slogan:

1
<span>Một chiếc blog <i>đơn giản</i> cho <em>người đơn giản.</em></span>
  • Backup lần 2 khi hệ thống đang ổn định =))

  • Cập nhật: hiển thị các bài viết ẩn

  • Đã backup hệ thống (01/05/2025)
  • Test file mới xem còn lỗi không (12PM 01/05/2025)
    => Đã test: Sửa thành công các link lỗi
    Thêm TXT vào bản ghi domain
    Verify domain

  • ⚠️Sửa lỗi CNAME (01/05/2025): lỗi nghiêm trọng
    => Đã test: Vẫn còn một số lỗi
    Tên miền chưa ổn định

1
2
* Quá trình sửa lỗi: Phải dùng cả chatgpt lẫn Grok
Nguyên nhân: `Đường dẫn tới css và js không đúng`
  • Sửa lỗi, thêm vài thứ, menu, màu sắc (01/05/2025)
  • Học cách trỏ tên miền
  • Mua tên miền (30/04/2025)
  • Tiếp tục tối ưu (30/04/2025)
  • Sửa lỗi, nhờ chatgpt, grok… (30/04/2025)
  • Tối ưu code (30/04/2025)
  • Cài theme (30/04/2025)
  • Học lại kiến thức về git
  • Cài Hexo, git, NodeJS (29/04/2025)
  • Clone repo về local (29/04/2025)
  • Bắt đầu làm blog (29/04/2025)

👁️: