「Hexo」いまさらGA4対応

「Hexo」いまさらGA4対応

Googleアナリティクス UAからGA4に変更

Googleアナリティクスのシステムが変わったかなにかでUAというものからGA4というものに変更しなければならないらしい。
前々からメールが来ていたが放置していた。

その期限が2023年7月1日までだったが普通に過ぎてしまったのであわてて対応。
といってもすぐに終わった。
早くやればよかった。

Unityで2Dブラウザゲームを作ってブログで公開するまで1時間(1/2 作成)

Unityで2Dブラウザゲームを作ってブログで公開するまで1時間(1/2 作成)

Unityでブラウザゲームを作る

Unityでゲームを作りたい。
テストとして必要最低限のゲームを作ってブログに貼る。

必要最低限のゲームなのでだいたい1時間くらいでできる。

Hexo Icarus 関連する記事を表示したい

Hexo Icarus 関連する記事を表示したい

hexo-related-popular-posts

ブログによくある「この記事に関連する記事」みたいなやつを出したい。
このブログはHexoにより生成されており、Hexoには良い感じのプラグインが多数存在する。

ここでhexo-related-popular-postsというHexo用の素晴らしいプラグインを使うことで関連記事を生成する。

hexo-related-popular-postsのGitHubリポジトリで実験する。

公式ドキュメント通りにやればおおよそうまくいくが環境の問題か一部詰まった所がある。

  • 環境
パッケージバージョン
hexo4.2.1
node12.14.1
icarus2.6.0

実装方法を以下に記す。

Hexo ブログ記事内でVue.jsを動かす

Hexo ブログ記事内でVue.jsを動かす

Vue.jsの練習をする

練習のためHexoブログ記事内でVue.jsを動かす。
最新のVue3.0を使う。
記事ファイル「〇〇.md」中に直接書いたら動く。

本文中に以下のように書く。

    1. CDNからVue3.0を読み込む
1
<script src="https://unpkg.com/vue@3.0.0/dist/vue.global.js"></script>
    1. いい感じに書く
1
2
3
<script>
source code
</script>

すると反映される。

Hexo + Icarus リンクカードを設定する

Hexo + Icarus リンクカードを設定する

リンクカードを貼りたい

リンクカード、ブログカードなどと呼ばれるものをブログに貼りたかった。
下に貼ってあるようなやつ。

普通にURLを貼るよりかっこいい。

Hexo ブログ記事内でjavascriptを動かす

Hexo ブログ記事内でjavascriptを動かす

Hexoブログ記事内でjavascriptを動かす方法

記事ファイル「〇〇.md」中に直接書いたら動いた。

本文中に

1
2
3
<script>
source code
</script>

と書くと反映される。

ハトクラPC マンションでポート解放できない理由とVPSによる解決方法

ハトクラPC マンションでポート解放できない理由とVPSによる解決方法

ハトクラPC マンションだとポート解放できない

「Heart of Crown~ハートオブクラウン~」のPC版(以降ハトクラPC)において、ネット対戦を行う際には誰かがホストとなり部屋を立てる必要がある。

ここでPC設定・ルータ設定を手順通りに行っても「ポート開放できない」、「UPnP接続できない」等といった問題が発生する場合、恐らくマンションに問題がある。
以降にその原因と解決方法を記す。

ブログの素早さを上げる

ブログの素早さを上げる

ブログのスピード

Webサイトにおいて最も重要な要素はスピード。
スピードを高めてブログパワーを高める。

Hexo ブログ公開まで(3/3) ~ConoHa VPSを契約、設定、ファイル転送~

Hexo ブログ公開まで(3/3) ~ConoHa VPSを契約、設定、ファイル転送~

Hexoブログを公開する

前回作成したローカル環境のHexoブログを外部に公開する。

前回↓

ConoHa VPSを契約し、セキュリティを強化し、publicファイルを転送し、外部からアクセスする。

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×