Hello World from Hexo - Tips and tricks

,

Đây là trang web tạo ra tự động bằng Hexo

Nhấn để xem nội dung

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Xem bài viết đầu tiên bằng markdown ở đây

Đọc bài viết

Test rút gọn link: Shopee

Quick Start

Create a new post

1
$ hexo new "My New Post"

More info: Writing

Open Obsidian, move index to _posts

2HFmdaxUAd.png 8Tqzo86k6q.png

Run server

1
$ hexo server

More info: Server

Generate static files

1
$ hexo generate

More info: Generating

Deploy to remote sites

1
$ hexo deploy

More info: Deployment

Tips and Trick

Color text

1
<span style="color: red;"> TEXT HERE </span>

Result
TEXT HERE

Code:

1
<span style="color: red;background-color: #ddd">HERE</span>

Result
HERE

HIGHLIGHT

<span class="hl"> TEXT </span>
This is TEXT

Thu gọn/Mở rộng nội dung

1
2
3
4
5
6
<details>
<summary>Nhấn để xem nội dung</summary>

NỘI DUNG CẦN HIỂN THỊ

</details>
Nhấn để xem nội dung

NỘI DUNG CẦN HIỂN THỊ

Viết tắt: di chuột vào WHO để xem đầy đủ

WHO was founded in 1948.

TOAST

1
2
3
4
5
6
7
8
9
10
11
12
<div class="toast warning">
  Cẩn thận nhé, thao tác này có thể gây lỗi!
</div>
<div class="toast error">
  Cẩn thận nhé, thao tác này có thể gây lỗi!
</div>
<div class="toast success">
  Cẩn thận nhé, thao tác này có thể gây lỗi!
</div>
<div class="toast info">
  Cẩn thận nhé, thao tác này có thể gây lỗi!
</div>
Cẩn thận nhé, thao tác này có thể gây lỗi!
Cẩn thận nhé, thao tác này có thể gây lỗi!
Cẩn thận nhé, thao tác này có thể gây lỗi!
Cẩn thận nhé, thao tác này có thể gây lỗi!
## Youtube Shorts 
1
2
3
4
5
6
<iframe width="315" height="560"
src="https://www.youtube.com/embed/SQzm3OeBrJ0"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>

Youtube video

YouTube chặn iframe trong môi trường file:// do chính sách bảo mật (CORS).

Lưu ý: Chỉ hiển thị khi bạn chạy blog qua localhost:4000 hoặc deploy lên GitHub Pages.

1
2
3
4
5
6
<iframe width="560" height="315"
src="https://www.youtube.com/watch?v=fZ8j6C6ONcE"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>

Google Map: Nhà thờ Đức Bà Sài Gòn

1
2
3
4
<iframe 
  src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3919.4460264875426!2d106.69517891533457!3d10.779783992320025!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31752f3c7db62a6b%3A0x9d0b1091e4446ae5!2zTmjDoCBUaOG7iyDEkOG7qWMgQuG6o24gU8Ogbmc!5e0!3m2!1sen!2s!4v1585556609603!5m2!1sen!2s" 
  width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0">
</iframe>

Soundcloud

👁️: