Githubスペースを使用してHexoテクノロジーブログを構築します。HexoNexTテーマにメッセージボード機能を追加します（13）

まだ実装されていません：

メッセージを残してブログをより人道的にする

NexTテーマ公式サイトには、タブページとカテゴリーページを追加する方法があり、メッセージブックの追加方法は同じです。方法が少し異なります。

1.ゲストブックページを追加

ブログのルートディレクトリに移動して、次のコマンドを実行します。

hexo new page guestbook

次に、メッセージページにビジターコードを追加します

前のステップで、hexoコマンドを使用して新しいページを作成し、ブログsourceディレクトリを入力しgusetbookますindex.md。ファイルが入った追加のフォルダーが作成されます。編集するファイルを開きます。

<div class="ds-recent-visitors" data-num-items="28" data-avatar-size="42" id="ds-recent-visitors"></div>

このコードをindex.md下部に追加します。
次に、話しているサイトにログインし、[設定]-> [カスタムCSS]に移動して、以下を追加する必要があります。

#ds-reset .ds-avatar img,
#ds-recent-visitors .ds-avatar img {
    width: 54px;
    height: 54px;     /*設置圖像的長和寬，這裏要根據自己的評論框情況更改*/
    border-radius: 27px;     /*設置圖像圓角效果,在這裏我直接設置了超過width/2的像素，即為圓形了*/
    -webkit-border-radius: 27px;     /*圓角效果：兼容webkit瀏覽器*/
    -moz-border-radius: 27px;
    box-shadow: inset 0 -1px 0 #3333sf;     /*設置圖像陰影效果*/
    -webkit-box-shadow: inset 0 -1px 0 #3333sf;
}

#ds-recent-visitors .ds-avatar {
    float: left
}
/*隱藏多說底部版權*/
#ds-thread #ds-reset .ds-powered-by {
    display: none;
}