githubにサイトをアップロードする際、CSS、Rubyに関するコードが正常に読み取られない

Question

こんにちは。質問2回目の初心者であるので、読みづらい点が多々あると思いますが、よろしくお願いします。

前提・実現したいこと

Ruby on Rails を用いてウェブソフトを作成し、ローカル環境では完成したので、githubを用いてサイトにアップロードしたいです。
(progateの練習でgithubにアップロードしたことはありますが、自分のプログラムをアップロードするのは初めてです。)

発生している問題・エラーメッセージ

アップロードしたところ、Ruby部の「<%= 〇〇　%>」というコードがそのまま表示されてしまいます。またCSSも全く適応されていません。検索リンクも動作しません。
以下にトップページのローカル環境とgithubでの表示を載せています。

アップロードまでに行ったこと

https://wayasblog.com/github-upload/
を参考に操作を進めました。
gitをインストールし、

cd [フォルダ]
git init
git add .

まで行ったのですが、git add . の際

error: 'Code/Ruby/weblog/' does not have a commit checked out fatal: adding files failed
git add .

とのエラーメッセージが出たので、一度このやり方を諦めました。

次はgithub上でindex.htmlを作成し、そこにトップページのコードをコピペしました。
その後
add file→upload files
を開き作成したファイルを可能な限りすべてドラッグしてアップロードしました。
このファイル数が100以上あると言われたものはアップロードできなかったので、そのファイルについてはアップロードしませんでした。
確認すると少なくともapp,bin,config,db,log,test,viewsフォルダ　routes.rbファイルはアップロードされています。

足りない情報ありましたらできるだけすぐ補足いたしますので、ご回答をよろしくお願いします。

利用環境

VS code

Comments

[maisumakun]

サーバサイドの環境はどのように用意しましたでしょうか？

[hirotech3]

ご質問ありがとうございます。
VS codeのターミナルから
rails new app ○○
と入力して環境を用意しました。

[maisumakun]

ローカルではなくて、GitHubへプッシュしたら「どこのサーバ」で実行されるように設定していますか？

[hirotech3]

知識不足で申し訳ありませんが、どのようにそれを確認するかが分かりません。
その設定をしていない可能性もあります。どのように確認できますでしょうか？

[maisumakun]

「そのまま表示されている」のを確認したURLはどのようなものでしょうか？

[hirotech3]

https://hirotech1.github.io/test/
になります

[m.ts10806]

そもそもGithubはソースコード自体のバージョン管理、共有ツールであって、サーバーそのものではないです。
自身でローカルで実行環境作れるのでしたら、如何様にもできるのでは。

Answer 1

GitHub Pagesは、単なるHTMLを表示することしかできません。Rubyを実行することはできません。

Comments

[maisumakun]

実際に動くサイトを確認するには、GitHub以外にRailsを動かせるサーバを用意する必要があります。

[hirotech3]

そうなんですね。それではサーバの用意方法を教えていただけませんでしょうか。今から2時間ほど返信ができませんがよろしくお願いします。

[maisumakun]

このコメント欄で書けるほどシンプルなものではありません（し、どのようなサーバがいいのかは使い方によっても変わってきます）。

[dit.]

> 質問者さん
まずは「rails対応 サーバー」等のキーワードで調査をしてみてはいかがでしょうか。

[hirotech3]

maisumakunさん、ご丁寧に迅速なご回答で大変助かりました。またdit.さんのアドバイスで良いサイトを見つけることができました。皆様ありがとうございます。