タグページにメタデータを持たせられるようになりました。
https://blog.utautattaro.com/tag/amongus/
現在はdescriptionと画像を設定可能。
URLとかも持たせられるようにする予定。
タグデータのmicroCMSプロジェクトを作成
タグページ生成時にタグデータ一覧になかったらタグを登録
タグがつけられたページ数を確認して変更があればpatchで情報を上書き
for(let i=0;i<tagarr.length;i++){
generates.push({ route: '/tag/' + tagarr[i].name, payload :{"name":tagarr[i].name,"posts":tagarr[i].posts,"info":taginfomationarr[tagarr[i].name]}})
if(!configtags.includes(tagarr[i].name)){
await axios.post('https://xxxxxxxxxx.microcms.io/api/v1/tags',{"tagname":tagarr[i].name,"description":"","postsnum":tagarr[i].posts.length},{headers: { "X-WRITE-API-KEY": "xxxxxxxxxx","Content-Type":"application/json" }})
}else if(taginfomationarr[tagarr[i].name].postsnum != tagarr[i].posts.length){
await axios.patch('https://xxxxxxxxxx.microcms.io/api/v1/tags/'+taginfomationarr[tagarr[i].name].id,{"postsnum":tagarr[i].posts.length},{headers: { "X-WRITE-API-KEY": "xxxxxxxxxx","Content-Type":"application/json" }})
}
}
infoデータが有ればタグページ上部に表示
<div class="text-center" v-bind:style="'color : #'+ string_to_utf8_hex_string(name+name+name+name+name).substr(name.length,6) + ';'">
<h1>#{{name}}</h1>
<p class="text-muted" v-if="info.description">{{info.description}}</p>
</div>
<div v-if="info.icon" class="d-flex justify-content-center">
<b-img v-bind:src="info.icon.url" style="width:30%;min-width: 200px;"></b-img>
</div>
使うかわからないけど、今後学校の授業とかで長期で資料とか載せたい場合とかでも
いい感じに使えるようになってきた。
JamStackでもアクセスカウンターを実装したい
2021年12月13日(月) 3時21分10秒 | 315 viewvue-scrolltoとv-b-scrollspyが共存したらかっこよかった
2021年12月1日(水) 16時37分57秒 | 291 viewあたらしいVisual ImageをAI使って作りました
2023年4月20日(木) 16時38分53秒 | 54 view目次を作りたい→作った
2020年10月29日(木) 11時1分28秒 | 36 view目次をデフォルトで開いたり、開いたり閉じたりを検出したい
2020年10月30日(金) 9時52分28秒 | 23 view