VPSサーバー側とCloud9側どちらでSSHと接続をしたらいいのか

実現したいこと

XサーバーVPSと契約させて頂いたので、さっそくCloud9で作成したRuby on railsアプリのXサーバーVPSへのデプロイを試みるためにドキュメントやマニュアル、記事を探したのですがありませんでした。
こちらはXサーバーVPS側へのお問い合わせした際での回答でマニュアルやドキュメント等は存在していないという回答を受けました。
なので他の言語・フレームワークでデプロイされている記事を探したところ、大体の手順等を書かれている記事を見つけました。
SSHをまずは接続すると知ったのですが、こちらはXサーバーのコンソール側で行うのか、Cloud9でSSHの接続を行うとCLoud9のコマンドからXサーバーVPSにデプロイが可能になるのでしょうか？

エックスサーバーVPSでDjangoアプリをデプロイする

発生している問題

SSHの接続をXサーバーのコンソールかCloud9で行うのかが分かりません。

試したこと

Cloud9でSSHの接続が出来るかの方法を探しておりSSHを接続するためのワークスペース構築かコマンドから絶族出来る方法を探しています。

!追記!
・Cloud9にXサーバーVPSと接続された環境を新たに作る
1.作成ボタンを押し、詳細から「既存のコンピューティング」を選択
2.契約したXサーバーに付けたサーバー名をユーザーに記入Xサーバーに記載されたIPアドレスを記入
3.ポート番号は「22」のまま
4.AWS Cloud9側で生成されたSSH公開鍵をXサーバーVPS側で登録
5.作成ボタンをクリック
6.「ターゲットリソースの現在の状態との競合があるため、リクエストは失敗しました。プロパティを変更して、もう一度試してください。」という文言と、「AWS Cloud9 couldn't connect to SSH server ユーザー名@IPアドレス」が表示され作成できませんでした。

参考記事
Sakura VPSをクラウドIDE(AWS Cloud 9)で使う