doc: optimize for online usage doc file

[tyvekzhang]

What type of PR is this?

/kind doc

What is the purpose of this PR and its related background?

optimize for online usage doc file

Which issue(s) this PR fixes:

Fixes #

Does this PR introduce a user-facing change?

NONE

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 87.80%. Comparing base (57b5dc9) to head (3337bba). Report is 22 commits behind head on main.

:exclamation: Your organization needs to install the Codecov GitHub app to enable full functionality.

Additional details and impacted files

@@           Coverage Diff           @@
##             main     #135   +/-   ##
=======================================
  Coverage   87.80%   87.80%           
=======================================
  Files          46       46           
  Lines        1197     1197           
=======================================
  Hits         1051     1051           
  Misses        146      146           

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.