chore: update readme description, blog and img

[GuangmingLuo]

What type of PR is this?

Check the PR title.

• This PR title match the format: <type>(optional scope): <description>
• The description of this PR title is user-oriented and clear enough for others to understand.
• Attach the PR updating the user documentation if the current PR requires user awareness at the usage level. User docs repo

(Optional) Translate the PR title into Chinese.

(Optional) More detailed description for this PR(en: English/zh: Chinese).

en: update readme description, blog and img
zh(optional):

1. 更新 README 关于消息协议和传输协议描述
2. 文档指南新增最佳实践
3. 新增新的 Blog 与链接
4. 修复 Landscape 图片失效的问题

(Optional) Which issue(s) this PR fixes:

(optional) The PR that updates user documentation:

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 68.56%. Comparing base (6967747) to head (f07d948).

Additional details and impacted files

@@             Coverage Diff             @@
##           develop    #1277      +/-   ##
===========================================
+ Coverage    68.49%   68.56%   +0.06%     
===========================================
  Files          285      285              
  Lines        20643    20643              
===========================================
+ Hits         14140    14153      +13     
+ Misses        5321     5311      -10     
+ Partials      1182     1179       -3     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.