前の記事では、ブログの簡単な作成とデプロイができるようになりましたが、いくつかの詳細な部分を最適化する余地がまだあります。次に、ブログのコンテンツを少しずつ改善していきます。
アバターの設定#
hexo では、画像やファイルを多くの場所に保存することができますが、各記事を個別のフォルダに保存するか、各記事に対応する画像フォルダを作成すると、プロジェクトがますます肥大化してしまいます。そのため、画像の保存先として、独自の OSS(オブジェクトストレージ)に保存することにしました。自己構築の画像ホスティングサービスでは、音声や動画などの形式には対応していないものが多いです。
前の記事のデプロイ後、デフォルトのアバターが表示されることに気付くでしょう。アバターの設定場所は、ルートディレクトリの_config.maupassant.yml
にあります:
info:
avatar: /img/avatar.png # このパスに変更する
discription: 生命的意义在于折腾 # アバターの下に表示される個性的な署名
同時に、themes/maupassant/source/img/
ディレクトリにはデフォルトのアバターavatar.png
があります。この画像を置き換えるだけです。
hexo g
を再実行する必要がありますが、アバターが正常に表示されるようになります。
ただし、他の画像リソースについては、source
ディレクトリにimages
という画像フォルダを作成し、avatar.png
をその中に配置するのが最適な方法です。ディレクトリ構造は以下のようになります:
説明:public
はhexo generate
コマンドで生成されるフォルダであり、public/images
はsource/images
にマッピングされ、public/img/avatar.png
はデフォルトのアバターの保存場所です。
外部リンクの変更#
同様に、ルートディレクトリの_config.maupassant.yml
に移動します:
info:
avatar: /img/avatar.png
discription: 最重要的事只有一件
outlinkitem:
- name: envelope
outlink: [email protected]
message: Email
- name: github
outlink: https://github.com/cirry
message: Github
- name: rss
outlink: /atom.xml
message: RSS
友情リンクの変更#
links: # 友链
- title: 菜小牛
url: https://cirry.cn/
src: https://cirry.cn/favicon.ico
desc: 菜小牛の博客
タイムラインの設定#
まず、タイムラインページを作成します。メッセージ
と自己紹介
ページの作成方法と同じです。
hexo new page timeline
次に、_config.maupassant.yml
のmenu
プロパティに、タイムラインページを追加します。
menu:
- page: home
directory: .
icon: fa-home
- page: archive
directory: archives/
icon: fa-archive
- page: about
directory: about/
icon: fa-user
- page: history # 新增history页面
directory: timeline/ # 上記で作成したページのパスを設定
icon: fa-book # アイコンを設定
- page: guestbook
directory: guestbook/
icon: fa-comments
次に、source/timeline/index.md
のヘッダー情報に、次の情報を追加します:
---
title: 時間軸
date: 2022-08-28 13:02:01
layout: timeline # このメタ情報を追加
---
最後に、タイムラインの内容を_config.maupassant.yml
に追加します:
timeline:
- num: 1
word: 2022-08-20 ブログの構築
- num: 2
word: 2022-08-21 最初のブログのデプロイ
効果を確認するには、hexo server
を再実行する必要があります。
Baidu 統計の有効化#
まず、Baidu 統計の ID を取得します。Baidu 統計公式ウェブサイトにアクセスし、アカウントにログインします。
アカウント設定で --> ウェブサイトの追加をクリックし、統計するウェブサイトの情報を正しく入力します。注意:ウェブサイトが https で開かれている場合は、完全なアドレスを入力してください。そうしないと、統計が失敗する可能性があります。
コード管理で、Baidu 統計が生成した ID をコピーします。赤い枠の内容です:
_config.maupassant.yml
でbaidu_analytics
を見つけ、その後に ID をコピーします。
baidu_analytics: "b**********************4" ## Baidu統計のトラッキングIDを入力してください。例:8006843039519956000
著作権情報の表示#
_config.maupassant.yml
でpost_copyright
を見つけ、機能と設定を有効にします。
post_copyright:
enable: true
author: 菜小牛 ## 作者名を入力してください。例:tufu9441
copyright_text:
本作品采用<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">「署名-非商業性使用-相同方式共享 4.0 国際」</a>许可协议进行许可。
## 著作権テキストを入力してください。例:The author owns the copyright, please indicate the source reproduced.
設定が完了したら、スタイルは以下のようになります:
不蒜子の有効化#
_config.maupassant.yml
でbusuanzi
を見つけ、機能を有効にし、以下のように設定します:
busuanzi: true ## ページビューのためにBusuanziを使用する場合は、値をtrueに設定してください。
次の記事では、プラグインのインストールと設定について説明します。