Trước tiên

Để dữ liệu trong quá khứ, hiện tại và cuộc sống không bị mất đi, blog này được ra đời

Hexo

Blog này được xây dựng bằng Hexo một framework làm web mình chỉ việc cấu hình đơn giản và tạo các bài viết bằng file markdown sau đó framework sẽ tự convert sang html, css, js…

Hexo có rất nhiều temple về nhiều theme đẹp. Ở đây mình chọn them butterfly do có pà W1ndys custome đẹp nên lấy về dùng. Tôi có nhắn tin xin pà đó rồi nha nên mấy bạn đừng bảo tôi chôm chỉa :) nha Pà đó cũng đang học đại học giống mình và cute cực kỳ (W1ndys có thể không phải nữ). Hướng dẫn cực kỳ chi tiết tại butterfly

Giscus

Giscus là một dịch vụ bot API miễn phí, cho phép tạo giao diện comment trên các trang cá nhân của bạn. Khi có người comment sẽ hiển thị trên trang cá nhân gán API và trên phần Dicussions trên Github và đồng thời cũng có thông báo qua email cá nhân.

Giscus dễ dàng sửa đổi và linh hoạt trong nhiều trường hợp. Bạn có thể truy cập trang chủ Giscus tại Giscus

Để cấu hình và sử dụng Giscus tham khảo tại đây

Sửa mã Gicus tại:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
giscus:
  repo: huyvu15/huyvu15.github.io 
  repo_id: <Repo_id>
  category_id: <cate_id>
  theme:
    light: light 
    dark: dark 
  option:
    data-category: "Show and tell"
    data-mapping: url 
    data-strict: 0 
    data-reactions-enabled: 1 
    data-emit-metadata: 1 
    data-input-position: top 
    data-theme: preferred_color_scheme 
    data-lang: en   
    data-loading: lazy         
    crossorigin: anonymous

Busuanzi

Chỉ mang tính chất minh họa

Busuanzi là một dịch vụ API không thu phí, cho phép bạn theo dõi số lượt xem trang trên website một cách dễ dàng (ý tưởng vẫn là tạo một biến i và khi có ai click vào thì i++). Để bắt đầu sử dụng Busuanzi, bạn có thể làm theo các bước sau:

  1. Đăng ký tài khoản: Truy cập trang web chính thức của Busuanzi tại https://busuanzi.ibruce.info/ và tiến hành đăng ký tài khoản.

  2. Nhận mã API: Sau khi hoàn tất đăng ký, bạn sẽ nhận được mã API riêng. Hãy sao chép mã này để sử dụng trong bước tiếp theo.

  3. Triển khai mã API: Để tích hợp Busuanzi vào website của bạn, hãy thêm đoạn mã sau vào trang của bạn:

1
2
<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
<span id="busuanzi_container_page_pv">Trang web của bạn đã được xem: <span id="busuanzi_value_page_pv"></span> lần</span>

Đoạn mã này sẽ hiển thị số lần trang web của bạn được xem trực tiếp trên trang.

  1. Tùy chỉnh hiển thị: Busuanzi cho phép bạn tùy chỉnh thông tin hiển thị để bao gồm các dữ liệu thống kê khác như số lượt truy cập trong ngày, tuần hoặc tháng. Bạn có thể điều chỉnh mã để phù hợp với nhu cầu thống kê của mình.

  2. Tính năng nâng cao: Ngoài việc đếm số lượt xem, Busuanzi còn cung cấp các tính năng như theo dõi lượt truy cập từ các quốc gia khác nhau, giúp bạn có cái nhìn tổng quan hơn về lượng truy cập website của mình.

_config.butterfly

1
2
3
4
busuanzi:
  site_uv: true
  site_pv: true
  page_pv: true

Google Analytics

Chattra

Tích hợp tính năng chat đơn giản dễ sử dụng và miễn phí qua id chat. Có tích hợp luôn mạng xã hội

link hướng dẫn: https://www.youtube.com/watch?v=SwxNKFCMPcE&ab_channel=Popsy

3 thứ không thẻ quay lại

mũi tên đã bay

lời đã nói

và những ngày đã qua