Dengの自作ブログThunderhitがオープンしました

Pythonデータマイニングとテキスト分析＆Stataアプリケーション能力の向上と経験的フロンティアがサインアップし始めました〜

ステーションBでHugoを使って個人的なブログを作成しているブロガーのビデオを見ました。とてもシンプルな感じです。彼のブログが10分以内にクラウドに表示されます。もちろん、ブログをもっと美しくクールにしたいと思います。それを作るには多くの努力が必要です。今では誰もがその効果を見ることができます。DaDengは1日を費やし、少し変更を加えました。

Hugoをインストールします
新しいHugoプロジェクト
アカデミックテーマのダウンロード
ローカルブログを開始する
ローカルで新しい記事を作成する
ローカルブログをサーバーにデプロイする
その他の
実験的なコードのダウンロード

1. Hugoをインストールします。
ここでは、Macを例として、Hugoをインストールし、コマンドラインを入力します。


brew install hugo

2.新しいHugoプロジェクトを作成
し、デスクトップに切り替え（プロジェクトをデスクトップに配置するのが好きです）、コマンドラインから実行します


cd desktop

MyBlogという新しいhugoプロジェクトフォルダを作成し、コマンドラインで実行します

hugo new site MyBlog

これで、デスクトップにMyBlogフォルダーが表示され、作業ディレクトリをMyBlogに切り替えることができます。


cd MyBlog

Reporter現在、コマンドラインはMyBlogのルートディレクトリにあります。次にWebサイトのテーマをダウンロードします

3.学術テーマのダウンロード
ヒューゴは、多くのテーマを持って、私が選んだhttps://themes.gohugo.io/academic/、

コマンドラインで次のコマンドを1行ずつ実行します


cd themes

git clone https://github.com/gcushen/hugo-academic.git

{{％alert note％}} MyBlog / themesに追加のhugo-academicフォルダーが表示され、hugo-academicがacademicに変更され、Webサイトが確立されました〜{{％/ alert％}}

{{％alert warning％}}ここで、プロジェクトのルートディレクトリMyBlog {{％/ alert％}}に戻ります。


cd ..

コマンドラインからpwdを実行し、ディレクトリを確認します

pwd

取得する


/Users/电脑用户名/desktop/MyBlog

4.ローカルブログを開始します。
次に、ブログを開始するための例としてアカデミックテーマを取り上げます。

コマンドラインの実行


hugo server -t academic --buildDrafts

{{％アラートノート％}}補足：tは件名を意味します{{％/アラート％}}

実行後、コマンドラインでプロンプトが表示されます


http://localhost:1313/

上記のリンクをコピーしてブラウザに貼り付けると、ブログラフハウスが構築されます〜

5.
コマンドラインで実行されるMyBlogのルートディレクトリである新しい記事をローカルに作成します


hugo new post/first-article.md

{{％alert note％}} MyBlog / contentに新しい投稿フォルダが作成され、投稿にfirst-article.mdファイルがあります。{{％/ alert％}}

次のステップは、マークダウンを使用してfirst-article.mdにコンテンツを書き込むことです。

現在のWebサイトをテストし、引き続きMyBlogルートディレクトリに戻り、コマンドラインを実行してみましょう。

hugo server -t Academic --buildDrafts
ブラウザーで、最初のAriticle記事を見ることができます。

****

ローカルブログをサーバーにデプロイします**
githubにウェアハウス名メソッドで新しいウェアハウスを作成します

<あなたのgithubユーザー名> .github.io


比如我的github账号名是thunderhit，那么仓库名为

thunderhit.github.io


在MyBlog根目录，命令行执行

hugo --theme = Academic --baseUrl = ' https：//thunderhit.github.io/ ' --buildDrafts


{{% alert note %}}补充: 主题academic, 网站地址 https://thunderhit.github.io/，你们根据自己需要改成自己的仓库名{{% /alert %}}

现在我们在MyBlog中多了一个public文件夹，其中有我们新建的文章内容。

**绑定public与github仓库**

命令行切换到public目录，初始化git

CD公共
gitの初期化
gitのアドオン。
-m'Myヒューゴブログをコミットgitのは初めて」のために提出され


**把public与远程github仓库关联**

依次执行（大家的github地址略微不同，需要改动一下)

git remote add origin [email protected]：thunderhit / thunderhit.github.io.git

git push-uオリジンマスター



命令行上传完毕后，在浏览器网址栏打开链接 https://thunderhit.github.io/

就可以看到我们自己的博客了~

![](https://s4.51cto.com/images/blog/202012/30/16353ea4015cc8575d5df46eedb88a26.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=)

**更多**
如果大家想学仔细学Hugo，推荐大家看B站Up主：ianianying的视频

**实验代码下载**
如果实验没成功，大家可以下载我的博客项目。项目资源获取方式，【公众号：大邓和他的Python】后台回复关键词"Hugo"

Dengの自作ブログThunderhitがオープンしました

おすすめ