HexoのショートコードでAmazonアソシエイトリンクを挿入
Hexoでショートコードを使ってAmazonの商品リンクを簡単に挿入する方法のメモ。
JavaScript
13件-
-
CSSアニメーションの開始位置をランダムにする
CSSアニメーションはロード直後に0%から開始するが、ページを開いていつも同じ場所から始まるのはつまらないのでJavaScriptで開始位置をランダムにしてみる。
-
Twitterでユーザーのツイートを検索しやくするブックマークレット
Twitterの検索はfrom:ユーザー名とすれば特定のユーザーのツイートに限定したり、until:YYYY-MM-DDとすれば期間を指定したりできる。これらのコマンドを使いやすくするブックマークレットを作った。
-
Hexoのカテゴリーページで親カテゴリーを配列で取得する
Hexoにはpage.categoryという変数が用意されていて、カテゴリーページでカテゴリーの名前を出せるのですが、カテゴリーを階層化させているときに、そのカテゴリーが属する親カテゴリーの名前やURLを出す変数がありません。
-
複数のファイルを横断して文字列を一括で置き換えたい
複数のテキストファイル（バイナリファイルの反対の意）に含まれる文字列を他の文字列に一括で置き換えたい場面って偶にありますよね。
-
JavaScriptでCSSを動的にセットする方法2種 (styleタグ、style属性)
CSSを動的にセットしたいときに便利なJavaScriptの関数の雛形です。
-
CSS変数とJavaScriptでページを開く度に色をランダムに変える
サイトを開くたびに色が変わったらなんか面白いのでは？と、ふと思いついたので、JavaScriptでランダムに生成したカラーコードを、CSS変数に代入して遊んでみます。
-
クリックで開閉するドロップダウンメニューをCSSとJavaScriptで作ってみよう
目に見えるところに貼るほど重要ではないけど、開閉メニューでリンクを格納しておきたいというケースがあるかと思います。
-
OSでもWebサイト側でも切り替えられるダークモードを実装する
昨年(2019年)あたりからダークモードが流行しているということで、様々なデバイスやアプリでダークモードが実装されています。というわけで、少し前にこのブログもダークモードに対応させました。そのときのメモ。
-
2行以上の長いタイトルでも１行に収まるように文字サイズをJavaScriptで調整する
記事タイトルが長くなって折り返され、２行になってしまっている...だけど、文字サイズを小さくしてでも１行にきっちり収めたい...！！