Hexo.widgets:に表示するウィジェットのファイル名を列挙します。作成した人気の記事のウィジェットのスタイル適用ローカルサーバーを使い動作確認を行うとウィジェットが表示されますが、記事のタイトルが大きいように感じます。生成するリストに<h3>タグが入っており若干大きく表示されているのがあります。スタイルを適用してそろえるようにします。popular">とwidget-titleにpopularを追加して作りました。これにより人気記事のウィジェットにクラスを当てられるようにしています。あとは<h3>タグのフォントサイズを親タグから継承させて完成です。アップしないようにします。データにアクセスされてしまうほか、権限設定に誤りがあると不正操作される可能性があります。関連する記事リストを表示せっかくなので記事の下に関連する記事のリストも表示します。デフォルトでタグから関連記事を抽出してくれます。形態素解析にも対応しておりmorphologicalAnalysisオプションを追加することで利用可能です。形態素解析を利用する場合はプロジェクトディレクトリ直下の_config.ymlに以下を追記します。共有リンクの下にします。こちらは前回の記事で改修した場所/themes/landscape/layout/_partial/article.ejsの<footer>タグ内になります。以下のコードを<footer>タグ内に追記します。%></div>/themes/landscape/source/css/_partial/article.stylを編集して、スタイルを適用します。underline配置やスタイルは全体のデザインや好みがありますので、一例として。color-linkは/themes/landscape/source/css/_variables.stylに定義されている値を使っています。効いているので必要に応じて上書きする必要があります。<a>タグのcolorは記事のタグで使われているため本文と同じ色に設定されています。そのためリンクっぽくないので上書きしています。使う着眼点と、それを実現する実装力、素晴らしいです!!累計アクセスも取得できているので拡張することで、いわゆる「殿堂入り」リストも作れそうです。版へのポーティングにもチャレンジしてみたいです。2017Riotz.works投稿や発言は私的なものであり、所属する企業や組織には関係ありません。HomeSlides。