記事ディレクトリ
Hugoを使用してgiteeでブログを作成します(Windows環境で)
みなさん、こんにちは!giteeでブログを立ち上げるのは初めてであり、ブログを書くのも初めてです。私はブロガーとして、ブログを作成する過程で多くの回り道をしましたが、豊富な経験も積んでいます。今、私は自分のブログを構築するプロセスをみんなと共有し、困っている人たちを助けることを望んでいます。もちろん、まだ多くの欠点があります、あなたはアドバイスすることを歓迎します!
1.なぜgiteeを使用するのですか?
多くの友人がGitHubでブログを作成する方が良いと考えていると思いますが、なぜgiteeを使用するのですか?以下にgiteeを使用する利点を要約します。
- よりスムーズなアクセスいくつかのよく知られた理由により、GitHubが利用できないか、場合によっては遅い場合があります。サーバーが中国にあるため、giteeのアクセス速度は依然として非常に良好です;(そうです!このブログを書いた日、多くの友人ができなかったと言いましたGitHubにアクセスしてください〜)
- プライベートリポジトリGitHubと比較して、giteeはプライベートリポジトリの機能を提供し、インターネット上でコードをホストするためのより多くのオプションを提供します。
(更新:GitHubはプライベートリポジトリもサポートするようになりました)
2.gitをインストールします
- インストールアドレス:https://git-scm.com/download/win
- 次のステップはインストール中に終了します
- 成功したら、右クリックしてgitbashを表示します
3.Hugoをインストールします
-
Hugoフォルダーを作成し、サブフォルダーbin、サイト(将来ローカルでブログを作成する場所)を開いて作成し、圧縮されたパッケージをbinフォルダーに解凍します。
-
システムパスにhugoを追加します
- [システムの詳細設定]-> [環境変数]を開き、[ユーザー変数]の[パス]をクリックし、[編集]をクリックし、右上隅の[新規]をクリックして、上のbinフォルダーのアドレスをコピーして貼り付け、Enterキーを押して、[OK]をクリックします。
-
インストールが成功したかどうかを確認します。gitbashに入力します
hugoバージョン
4.リモートウェアハウスを作成します
-
giteeアカウントを登録する
-
右上隅の「+」記号をクリックして、新しい倉庫を作成します
-
カスタムウェアハウス名(ユーザー名と同じである必要はありません)
-
オープンソース:オープン
-
作成する
自分の倉庫ができたので、倉庫の住所を忘れずに書き留めてください。後で必要になります〜
5.ブログを作成します(次のすべてのコマンドはgit bashに入力されます)
-
新しいブログ
サイトフォルダ内
hugo新しいサイトmyblog
myblog
カスタマイズ可能なブログの名前です -
テーマを設定する
- Hugoブログテーマダウンロードライブラリ:https://themes.gohugo.io/
- あなたが好きなテーマを見つけた後
-
通常の操作:ダウンロード後に解凍し、開いて、フォルダー名の「-master」を削除してから
myblog
、themes
フォルダー全体をフォルダーに移動します。 -
コマンドライン操作:
cdテーマ
gitclone https://github.com/jbub/ghostwriterghostwriter
例としてここのテーマ
-
-
themes/exampleSite
フォルダの内容をコピーしmyblog
て
+に貼り付けます。コピーした拡張子が.ymlの場合、config.tomlは元のファイルを削除するか、直接置き換えることができます。 -
構成ファイル
baseUrl
を変更し、giteeウェアハウスのアドレスに変更します(「/」で終わることを忘れないでください)(。gitを追加しないでください)(余分なスペースはありません)、構成を追加します- 最後の3行を追加します
-
テーマ効果を見る
- で
myblog
hugoサーバー-tゴーストライター--buildDrafts
- 最後のもの
http://localhost:1313
をローカルブラウザにコピーしてEnterキーを押します(この時点ではgitブッシュは開いたままであることに注意してください。GoogleChromeをお勧めします) - 注:コピー/貼り付けを右クリックして、コピーしてgitブッシュに貼り付けます
- で
-
独自のブログ投稿を作成します(せっかちな学生は最初にこのステップをスキップできます)
- ブログを追加
-
オープン
myblog
/content
/post
、新規blog.md(ブログのソースファイル) -
vscode、Typora、Notepad ++、およびその他のソフトウェアを使用してblog.mdを開きます(利用できない場合は、メモ帳も使用できます)
-
最初に書く
-
マークダウンの構文に従って特定のコンテンツを書く
-
myblog
フォルダに戻り、hugoサーバー-tゴーストライター--buildDrafts
-
最後のもの
http://localhost:1313
をローカルブラウザにコピーし、Enterキーを押してブログをプレビューします
-
- ブログを追加
-
ローカルブログをgiteeにデプロイする
-
myblog
フォルダの下hugo --theme = ghostwriter --baseUrl = "(ウェアハウスアドレス)" --buildDrafts
-
でフォルダ
myblog
を生成public
します -
cd public git init //初始化本地仓库 git add . //将public文件夹下的所有文件放入缓存流中等待提交,注意此处空一格有个点 git commit -m "xx" //把缓存内容放进发送头,仍为待发送状态,“xx”为对本次上传作的说明 git remote add origin (仓库地址) //绑定了.git配置文件夹对应的远端服务器 git push -u origin master //推送到gitee
注意
-
実行
git add .
する前に.gitignore
、ファイルがアップロードされたコンテンツを制限しているかどうかを確認することをお勧めします(これにより、404がgiteeのブログに表示されます)。制限されている場合は、次のように変更します。- 説明:このファイルは無視ルールを書き込むために使用されます(無視されたファイルはgiteeにアップロードされません)
- 説明を示す「#」記号で始めます。つまり、ファイルはルールを無視せずに実際にアップロードされます〜(もちろん、このファイルを直接削除することもできます)
- 毎回変更したくない場合は、静的フォルダー内の.gitignoreファイルを変更できます。
-
警告が表示された場合は、
入力しますgit config core.autocrlf false //現在のgitウェアハウス
またはgitconfigでのみ有効--globalcore.autocrlf false //グローバルに有効 -
ファイルをアップロードするだけでよい場合は、次のように入力します
git add xxx(ファイル名)
-
-
giteeのブログをチェックしてください
-
giteeの右上にある[Service]-> [Gitee pages]をクリックして、HTTPSを強制的に使用し、[Start]をクリックして、生成されたURLを開くと、ブログが表示されます。
-
ページのレンダリングが失敗した場合、つまりテーマがない場合は、最初に更新して有効かどうかを確認します。それでも機能しない場合は、ブラウザの開発者ツールを開き、ウェアハウスアドレスgitee.ioの後に.cssリンクに「/」がないかどうかを確認します。欠落している場合は、ローカルmyblogフォルダーのconfig.tomlファイルのbaseUrlのアドレスに「/」を追加し、パブリックフォルダーの内容を再度アップロードします。
-
それでもレンダリングが行われない場合は、ローカルconfig.tomlファイルのbaseUrlをコメントアウトし(コメント方法:行の先頭に「##」と入力)、パブリックフォルダーを削除してから、リモートウェアハウスをデプロイする前にgiteeに再デプロイできます。空にしてからコマンド
hugo --theme = ghostwriter --baseUrl = "(ウェアハウスアドレス)" --buildDrafts
に
hugo --theme = ghostwriter --buildDrafts
その後、通常の展開操作です。
-
-
-
ローカルで変更した後、再度アップロードする
-
myblog
にhugo //编译站点(要在本地浏览器查看,则使用 hugo server) cd public git add . git commit -m “xxx” git push -u origin master
-
6.証言
これまでのところ、ブログは構築されています!
ブログを作成するプロセスはそれほどスムーズではないかもしれません。さまざまなバグによって人々は人生を疑うかもしれませんが、それに固執して自分で作成したブログを見ると、以前に支払ったすべての価値があると感じるでしょう!これは私たちの技術者の誇りでもあります。
初めてブログを書くときは間違いは避けられません。訂正していただければ幸いです。
この記事に興味のある友達やアイデアがあれば、コメント欄にメッセージを残して、みんなで勉強して話し合うことができます〜
PS:構築のラウンドの後、ブログを作成せずにファイルをアップロードする方法を知っていますか?そうです、ブログに関連するすべてのステップを保存して試してみてください!
その他の推奨事項:
参照
[1]:https://blog.csdn.net/man_zuo/article/details/88651416
[2]:https://blog.csdn.net/weixin_43691058/article/details/101772871