F8
Quay lại
Đang tải...

Trung Lê Thành

Trung IT

13

Blog và cách mình lên ý tưởng

Trung Lê Thành
Trung Lê Thành

5 năm trước · 6 phút đọc

Lời ngỏ

Hello anh em blogger và anh em đọc giả thân mến. Mục đích bài này, chia sẻ cho các anh em sắp và sẽ có ý định viết blog => cách sử dụng tính năng blog trên F8 và một số tip hay khi chèn hình.
Con vịt helllo Con vịt helllo
Con vịt helllo Con vịt helllo Con vịt helllo

Nội dung

1. Thanh công cụ

Thanh công cụ trên f8

Để sử dụng các công cụ dưới đây => nên chọn trước văn bản cần định dạng:

  • Heading - Tiêu đề của một danh mục. Nếu mốt được thêm tính năng hiện danh mục tự động theo thẻ Heading thì hay nhỉ!
  • Bold (Ctrl +B) - In đậm.
  • Italic (Ctrl + I) - In nghiêng.
  • Underline (Ctrl + U) - Gạch chân - chắc đang bị lỗi.
  • Striikethrough - Gạch ngang.

Để sử dụng các công cụ dưới đây => nên chọn trước định dạng rồi => nhập dữ liệu :

  • Unordered list - Danh sách không có thứ tự.
  • Ordered list - Danh sách có thứ tự.
  • Quote - Ghi chú - Trích dẫn.
  • Line break - Dấu ngắt dòng.
  • Inline code - Chèn code trên một dòng.
  • Code - Chèn code trên nhiều dòng.
  • Table - Chèn bảng - Cái này mình thấy hơi khó sử dụng. Nhưng khi biết kết hợp thì tạo ra vài layout hay ho.
  • Image - Chèn hình. Cú pháp: ![<Mô tả hình ảnh>](<Link ảnh muốn chèn>).
  • Link - Liên kết tới một địa nào đó. Cú pháp: [<Nhãn hiển thị>](<Link liên kết>).

2. Một số Tip trên blog

2.1. Tip chèn hình cách 1

Bước 1: Bạn mở sẵn thư mục chứa hình ảnh bạn cần chèn.

Bước 2: Bạn click và kéo hình vào cửa sổ soạn thảo nằm bên trái. Website sẽ tự động tải hình lên hệ thống sau đó sẽ trả về cho bạn cú pháp hiển thị hình ảnh bạn vừa chọn.

2.2. Tip chèn hình cách 2

Bước 1: Bạn chuột phải vào hình chọn Copy image.

Tương tự nếu bạn dùng phím ptr scr - chụp màn hình.

<Gái xinh>

Bước 2: Trong cửa sổ soạn thảo nằm bên trái => Ctrl + V (Paste hình) Website sẽ tự động tải hình lên hệ thống sau đó sẽ trả về cho bạn cú pháp hiển thị hình ảnh bạn vừa chọn.

2.3. Hiển thị ảnh GIF - ảnh động.

Bước 1: Bạn cần chuẩn bị link ảnh động.

Bước 2: Bạn gõ cú pháp chèn hình như bình thường - ![<mô tả - thuộc tính alt của thẻ img >](<Chỗ này chèn link bạn đã tìm ở đây nha>).

Ví dụ: ![image.png](https://i.pinimg.com/originals/13/97/82/139782aaec75983457b42e67707777bb.gif)=> bạn copy để thử nhé => kết quả nè tada.
image.png image.png

2.4. Căn chỉnh lề cho body table - phần nội dung của bảng.

Giả sử bạn có nhiều nội dung và cần phải định dạng lề trái cho chữ, số bên phải,.... Bạn có thể tham khảo cách này nhé.

Ví dụ:

| Left-Aligned  | Center Aligned  | Right Aligned |
| :------------ |:---------------:| -----:|
| col 3 is      | some wordy text | $1600 |
| col 2 is      | centered        |   $12 |
| zebra stripes | are neat        |    $1 |

Kết quả nè:

Left-Aligned Center Aligned Right Aligned
col 3 is some wordy text $1600
col 2 is centered $12
zebra stripes are neat $1

2.5. Thay đổi theme dark mode bằng extension.

Trong khi chờ đợi cập nhật thêm tính năng drak mode thì bạn có thể dùng extension này thay thế nhé. Công dụng chắc khỏi bàn cãi rồi. Bạn xem ví dụ mình demo là rõ.

image.png

2.6. Chèn code có nút copy

Sử dụng tính năng Code trên thanh công cụ => Viết đúng cú pháp, bạn sẽ được kết quả như hình: image.png Cú pháp: ``` <Đuôi file: CSS/ JS> <body code> ```

Ví dụ:

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

Lưu ý: Khi xuất bản bài viết nó sẽ hiển thị đúng định dạng bạn mong muốn.

3. Các bước lên ý tưởng => triển khai

Thời gian trung bình một bài viết của mình dao động 1 tới 2 ngày.

Bước 1: Phác họa ý tưởng bằng các keyword.

image.png

Bước 2: Tìm dữ liệu liên quan đến keyword ở bước 1.

Bước 3: Viết nội dung và phân chia các mục rõ ràng. Nên ghi chú vị trí bạn muốn chèn hình luôn (nếu có). Ví dụ: mình sẽ ghi //Chèn hình.

Bước 4: Tìm hình ảnh liên quan đến nội dung và chèn chúng vào hợp lý. Nếu một bài viết có nhiều chữ => không có hình nào minh họa => đọc rất khoai.

Bước 5: Trích dẫn nguồn ảnh, tài liệu (nếu có). Đây là một cách bạn tôn trọng tác giả - người tạo ra hình ảnh, tài liệu - Mình khuyến nghị nên thực hiện.

image.png

Bước 6: Làm đẹp bài viết => Đọc lại lần thứ nhất => Check các link đã liên kết chạy không? => Sửa các lỗi sai chính tả => Cập nhật lại (nếu có).

Bước 7: Đọc lại lần thứ cuối => Nếu ổn => Thực hiện lên lịch đăng bài.

Bước 8: Thực hiện chèn ảnh bìa cho bài viết, mô tả bài viết, thẻ hashtag. Chờ đọc giả phản hồi bài viết thôi.

Lời kết

Trên đây là đôi cách sử dụng tính năng blog. Rất mong admin sẽ tính năng giao diện ban đêm sài cho đỡ hại mắt và khắc phục lỗi chỗ thanh tiêu đề blog. Nếu bài viết có thiếu sót, xin hãy phản hồi lại cho mình! Cảm ơn bạn đã theo dõi bài viết.

Nguồn ảnh

[1] https://vcdn-sohoa.vnecdn.net/2019/08/13/anh-vit-4994-1563184203-8682-1565668951.gif

[2] Vietnamese Sexy Beauty Group - Facebook.

[3] https://i.pinimg.com/originals/13/97/82/139782aaec75983457b42e67707777bb.gif

[4] https://seongon.com/blog/seo/cong-cu-nghien-cuu-tu-khoa.html

[5] https://www.elegantthemes.com/blog/business/how-to-copyright-your-websites-content

#TT

13
other