cirry

cirry

我的原生博客地址:https://cirry.cn

hexo(2)のテーマの設定

前の記事では、ブログの簡単な作成とデプロイができるようになりましたが、いくつかの詳細な部分を最適化する余地がまだあります。次に、ブログのコンテンツを少しずつ改善していきます。

アバターの設定#

hexo では、画像やファイルを多くの場所に保存することができますが、各記事を個別のフォルダに保存するか、各記事に対応する画像フォルダを作成すると、プロジェクトがますます肥大化してしまいます。そのため、画像の保存先として、独自の OSS(オブジェクトストレージ)に保存することにしました。自己構築の画像ホスティングサービスでは、音声や動画などの形式には対応していないものが多いです。

前の記事のデプロイ後、デフォルトのアバターが表示されることに気付くでしょう。アバターの設定場所は、ルートディレクトリの_config.maupassant.ymlにあります:

info:  
  avatar: /img/avatar.png  # このパスに変更する
  discription: 生命的意义在于折腾 # アバターの下に表示される個性的な署名

同時に、themes/maupassant/source/img/ディレクトリにはデフォルトのアバターavatar.pngがあります。この画像を置き換えるだけです

hexo gを再実行する必要がありますが、アバターが正常に表示されるようになります。

ただし、他の画像リソースについては、sourceディレクトリにimagesという画像フォルダを作成し、avatar.pngをその中に配置するのが最適な方法です。ディレクトリ構造は以下のようになります:

image

説明:publichexo generateコマンドで生成されるフォルダであり、public/imagessource/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.ymlmenuプロパティに、タイムラインページを追加します。

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 で開かれている場合は、完全なアドレスを入力してください。そうしないと、統計が失敗する可能性があります。

image

コード管理で、Baidu 統計が生成した ID をコピーします。赤い枠の内容です:

image

_config.maupassant.ymlbaidu_analyticsを見つけ、その後に ID をコピーします。

baidu_analytics: "b**********************4" ## Baidu統計のトラッキングIDを入力してください。例:8006843039519956000

著作権情報の表示#

_config.maupassant.ymlpost_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.

設定が完了したら、スタイルは以下のようになります:
image

不蒜子の有効化#

不蒜子公式ウェブサイト不蒜子の詳細な設定ドキュメント

_config.maupassant.ymlbusuanziを見つけ、機能を有効にし、以下のように設定します:

busuanzi: true ## ページビューのためにBusuanziを使用する場合は、値をtrueに設定してください。

次の記事では、プラグインのインストールと設定について説明します。

読み込み中...
文章は、創作者によって署名され、ブロックチェーンに安全に保存されています。