插件

ルール： Markdownの構造を保護する。 URLやコードは翻訳しない。 翻訳された内容のみを返す。 MoeKoe Music エクステンション MoeKoe Music ブラウザエクステンション版は、MoeKoeMusic Webをベースに構築され、ブラウザエクステンション内でAPIルートの互換性を完了しています。 🌎 GitHubリポジトリ 特徴 ブラウザエクステンションのアイコンをクリックして、独立したウィンドウでMoeKoeMusicを起動します。 ユーザーがAPIアドレスを設定する必要はなく、ローカルのAPIサービスを追加で起動する必要もありません。 MoeKoeMusicのオリジナルWebページとインタラクションを保持し、ブラウザエクステンションの運行環境に互換性があります。 快速スタート 環境要求 Node.js 20以降 Git Chrome / EdgeなどのChromiumコアブラウザ 依存関係のインストール git submodule update --init --recursive npm install npm run install:app npm run install:appは、MoeKoeMusicとMoeKoeMusic/apiの依存関係をそれぞれインストールします。インストール後は、子モジュールのワークスペースを確認し、アップストリームのlockfileの非期待の変更をコミットしないようにしてください。 エクステンションの構築 npm run build 構築物は以下に输出されます： dist/extension ブラウザにインストール chrome://extensionsまたはedge://extensionsを開きます。 「開発者モード」を有効にします。 「既に解凍されたエクステンションをロード」をクリックします。 プロジェクトのdist/extensionディレクトリを選択します。 extensionソースディレクトリをロードしないでください。そうすると、ブラウザはマニフェストやバックグラウンドスクリプトの読み込みに失敗を通知します。 APIの実行方法 MoeKoe Music Webバージョンに比べて、このプラグイン版はユーザーにAPIアドレスを入力させることはありません。MoeKoeMusicのフロントエンドは、HTTPルートに基づいてリクエストを送信し、ビルド時にAxiosリクエストをエクステンション内部のメッセージチャネルに適用します。 リクエストフローは以下の通りです： MoeKoeMusic Web -> extension/app/api-adapter.js -> extension/api/service-worker.cjs -> extension/api/generated/modules.cjs -> extension/api/generated/modules.cjs -> MoeKoeMusic/api/module/*.js -> 酷狗関連インターフェース extension/api/generated/modules.cjsは生成ファイルで、scripts/generate-extension-api-entry.mjsがMoeKoeMusic/api/moduleをスキャンして生成します。APIモジュールを追加または更新した場合、以下のいずれかの命令を再実行します： ...

近況 前回の雑談からもう2ヶ月以上も経ってしまいました。そろそろ自分の考えを整理する時が来たようです。前回は色々と感慨を述べたきり音沙汰がなかったので、少し急ぎすぎたかもしれません。その後の作業が追いつかなくなってしまいました。 また国慶節の季節がやってきました。やはり私の国慶節は「独身の日（ダブルイレブン）」のようなものです。以前所有していた3つのドメイン（52ecy.cn, moeins.cn, moeins.com）は、復活戦には勝ったものの、装備がなくなってしまいました。 そのため、ドメインを新規購入するしかありませんでした。同時にもブログを復旧させました。やはり自分でいじりたいのでしょう。博客园（cnblogs）に間借りするのは、どうも居心地が悪く感じます。 以前からずっと使っていたemlogですが、この機会に思い切ってシステムをWordPressに移行し、同時に新しいテーマに切り替えました。このテーマは专收爆米花さんが21年頃にリリースしたもので、当時locで見かけてすぐにstarを付け、私のGitHubで4年間眠っていましたlolimeow。当時はずっとemlogを使っていたので、いじるのが面倒だったのです。この機会に乗じて、徹底的にやろうと決め、データの移行やテーマの調整など、かなりの手間をかけました。 作者の方がずっとテーマの更新を積極的に進めてくれていたおかげで、使用中に大きな問題はありませんでした。しかし、私が以前使っていたシステムの機能がいくつか欠けていたので、私もこのテーマを更新し、元のリポジトリにプルリクエストを送りました。上に貼ったGitHubのリンクは私が更新した後のものです。 最も面倒だったデータ移行の部分ですが、ネットで長いこと探し回ってもexe版しか見つかりませんでした。exe版はなんとなく不安な感じがする上に、私は今Macを使っているので、直接実行することもできません。「ないなら自分で作ればいい」ということで、時間をかけて移行スクリプトを自作するしかありませんでした。GitHubのアドレスは記事の最後に載せてあります。emlogのデータをWordPressに完璧に移行できます。さすが俺！ 画像はこれまで通り、一部はバックアップとして七牛云（Qiniu Cloud）に、もう一部は新浪图床（Sina Image Hosting）に保存しています。移行してみると、市場には私に適した使いやすい七牛云プラグインがなかったので、また自分で一つ作りました。 新ドメイン あまり気は進みませんでしたが、またドメインを変更するしかありませんでした。以前のドメインは他人の肥やしになってしまいました。萌音シリーズ：MoeKot.cn。「萌音ノート」「萌音カード」「萌音コミュニティ」「萌音ストア」などを含む萌音シリーズは、今後このドメインの下に置かれます。メインサイトシリーズ：MoeJue.cn。これは私のメインサイトで、ブログやシリーズに属さないプロジェクトなどがこのドメインの下に置かれます。 解説 Moe: 日本語の「萌え」の読み方で、ローマ字表記です。中国語では一般的に「萌」と訳されます。 Kot: 日本語の「声（こえ）」を意味する言葉で、ローマ字表記です。 Jue: 阿珏（A Jue）ちゃんの簡単な音訳です。 ブログ 私はとても昔を懐かしむ情に厚い人間なので、以前のブログもすべて残してあります。Xlog cnblogs emlog Blog 関連サイトのドメインも移行しましたが、すべてをリストアップするのはやめておきます。もちろん、一部のリンクが完全に置換されていない可能性もあります。 すべてのデータは元のままで、誰一人のデータも欠けていません。ブログの登録ユーザーのデータさえも一緒に移行したので、新しいシステムで直接ログインできます。パスワードも同じです。 ぜひstarを付けてください！ 使い方もREADME.mdに書いておきました。何か問題があれば、直接issueを立ててください。 emlogからWordPressへの移行スクリプト 私のブログは間もなくTencent Cloud開発者コミュニティにも同期される予定です。皆さんのご参加をお待ちしています：https://cloud.tencent.com/developer/support-plan?invite_code=15kxzzid10tgx

emlog管理画面 記事作成用Sina画像アップロードプラグイン 初めてemlogプラグインを作成しました。七牛クラウドストレージの書き方を参考にしました（そうです、管理画面にあるあれです）。二つを一緒に使うことをお勧めします。 プラグインをダウンロードした後、解凍せずに直接emlogの管理画面にアップロードするだけです。（誰がこんなこと言ったんだ、出てこい、殴らないから） 具体的な使用方法はプラグインの設定画面に記載されています。ダウンロードアドレスは記事の最後にあります。 どなたかemlogの開発者アカウントをお持ちの親切な方、emlogアプリセンターへの提出を手伝っていただけませんか。 注意： GitHubからダウンロードしたzip圧縮パッケージのファイル名には-masterが追加され、中のサブフォルダも同様です。アップロードするにはSinaUploadにリネームする必要があります。そうしないとemlogでエラーが発生します。 このプラグインはemlogブログシステム専用です。他のブログシステムでは使用できません。 以下は公開APIです。ご自身で他のシステムのプラグインを作成することができます。 APIアドレス： https://img.52ecy.cn/home/Interface リクエストパラメータ説明： 名称 説明 username 幻想領域のアカウント password 幻想領域のパスワード multipart(任意) false/true、ローカルアップロードかリモートアップロードかを選択します。デフォルトはローカルアップロード(true)です。 url(任意) 転送が必要な画像のURL。multipartがfalseの場合、urlは必須です。 標準JSONデータ返却 { "code":"0000", #ステータスコード "msg":"http://www.52ecy.cn/randbg.png" #画像URL } 成功した場合はステータスコード0000と画像URLを返します。失敗した場合はステータスコードと原因を返します。 .down_link{background:url(‘https://www.52ecy.cn/content/uploadfile/201707/md-bg.jpeg') no-repeat 100% 0% #fffdff; border: 1px solid #faf8fb; border-radius: 2px; color: #666; font-size: 14px; margin-bottom: 10px; padding: 5px 20px;}.downbtn{background: none repeat scroll 0 0 #1BA1E2; border: 0 none; border-radius: 2px; color: #FFFFFF; cursor: pointer; font-family: “Open Sans”,“Hiragino Sans GB”,“Microsoft YaHei”,“WenQuanYi Micro Hei”,Arial,Verdana,Tahoma,sans-serif; font-size: 14px; margin: -4px 20px 0 0; padding: 8px 30px;text-transform:none;text-decoration:none;} .downlink a{text-decoration:none;} .downlink a{text-decoration:none;font-size:15px;} .downlink a:link{color: #ffffff;} .downlink a:visited{color: #ffffff;} .downlink a:hover{color: #ffffff;} .downlink a:active{color: #ffffff;} .downbtn{background: none repeat scroll 0 0 #1BA1E2; border: 0 none; border-radius: 2px; color: #FFFFFF !important; cursor: pointer; font-family: “Open Sans”,“Hiragino Sans GB”,“Microsoft YaHei”,“WenQuanYi Micro Hei”,Arial,Verdana,Tahoma,sans-serif; font-size: 14px; margin: -4px 20px 0 0; padding: 8px 30px;} .yanshibtn{background: none repeat scroll 0 0 #d33431; border: 0 none; border-radius: 2px; color: #FFFFFF!important; cursor: pointer; font-family: “Open Sans”,“Hiragino Sans GB”,“Microsoft YaHei”,“WenQuanYi Micro Hei”,Arial,Verdana,Tahoma,sans-serif; font-size: 14px; margin: -4px 20px 0 0; padding: 8px 30px;text-transform:none;text-decoration:none;} .downbtn:hover,.yanshibtn:hover{background: none repeat scroll 0 0 #9B59B6; border: 0 none; border-radius: 2px; color: #FFFFFF!important; cursor: pointer; font-family: “Open Sans”,“Hiragino Sans GB”,“Microsoft YaHei”,“WenQuanYi Micro Hei”,Arial,Verdana,Tahoma,sans-serif; font-size: 14px; margin: -4px 20px 0 0; padding: 8px 30px;} .downbtn a:hover,.yanshibtn a:hover{background: none repeat scroll 0 0 #9B59B6; border: 0 none; border-radius: 2px; color: #FFFFFF; cursor: pointer; font-family: “Open Sans”,“Hiragino Sans GB”,“Microsoft YaHei”,“WenQuanYi Micro Hei”,Arial,Verdana,Tahoma,sans-serif; font-size: 14px; margin: -4px 20px 0 0; padding: 8px 30px;} ...

通常、1つの仮想ホストでは、ルートディレクトリにバインドできるドメインは1つだけです。 emlogを使用したことがある方なら、その静的リンク（パーマリンク）についてよくご存知のはずです。これは、.htaccessファイルを利用してウェブページをドメインリダイレクトする典型的な例です。 .htaccessを利用してドメインをサブディレクトリにバインドするには、前提として、お使いのホスティングサーバーがApacheのrewrite機能をサポートしている必要があります。そうでなければ.htaccessは使用できません。もしお使いのサーバーがLinuxサーバーであれば、通常はデフォルトで有効になっています。これにより、ドメインのサブディレクトリへのバインドや、1つのホスティングスペースで複数のサイトを運営することが可能になります。 以下は、link.52ecy.cn をサブディレクトリ link にバインドする例の.htaccessコードです。 <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / # link.52ecy.cn をサブディレクトリ link にバインド RewriteCond %{HTTP_HOST} ^link\.52ecy\.cn$ [NC] RewriteCond %{REQUEST_URI} !^/link/ RewriteRule ^(.*)$ link/$1?Rewrite [L,QSA] # 複数バインド可能。上の3行を繰り返し、ドメイン名とディレクトリ名を変更するだけです </IfModule> 上記の手順を完了すると、サブドメインにアクセスできるようになるはずです。しかし、ブラウザで「メインドメイン + バインドしたディレクトリ」にアクセスしても表示されることに気づくでしょう。これは我々が望む動作ではありません。 次に、最後のステップを完了させます。バインドした各ディレクトリ（例えばlinkディレクトリ）にも、.htaccessファイルを追加します。 .htaccessのコードは以下の通りです。 以下は、music.xmgho.com をサブディレクトリ music にバインドする例の.htaccessコードです。 これにより、ドメインのサブディレクトリへのバインドや、1つのホスティングスペースで複数のサイトを運営することが可能になります。これにより、ドメインのサブディレクトリへのバインドや、1つのホスティングスペースで複数のサイトを運営することが可能になります。これにより、ドメインのサブディレクトリへのバインドや、1つのホスティングスペースで複数のサイトを運営することが可能になります。これにより、ドメインのサブディレクトリへのバインドや、1つのホスティングスペースで複数のサイトを運営することが可能になります。 <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / # バインドしたドメインからのアクセスのみを許可 RewriteCond %{HTTP_HOST} !^link\.52ecy\.cn$ [NC] RewriteRule (.*) http://link.52ecy.cn/$1 [L,R=301] # バインドしたディレクトリ内の同名ディレクトリの処理 RewriteCond %{REQUEST_URI} ^\/link\/ [NC] RewriteCond %{QUERY_STRING} !^(.*)?Rewrite RewriteRule ^(.*)$ /%{REQUEST_URI}/%{REQUEST_URI}/$1?Rewrite [L,QSA] </IfModule> 結び： 私のサーバー自体がサブドメインのサブディレクトリへのバインドをサポートしているため、自分ではテストできませんでした。しかし、友人にAlibaba Cloud（阿里云）のホストでテストしてもらったところ、成功しました。ただし、Alibaba Cloudには数量制限があり、多数バインドするとルートディレクトリにリダイレクトされるようです。このことから、すべてのホスティングプロバイダーがこの方法をサポートしているわけではないようで、ご自身でテストして確認する必要があります。 最後に、最も重要な点は、ドメインが正しく名前解決されていなければ意味がないということです[苦笑～]

Sublime Text3の設定情報を保存しておきます。次回また見失わないように。 設定： { “font_size”: 21, // フォントサイズを設定 “word_wrap”: true, // 自動折り返し “update_check”: false, // 更新チェックを無効にする “font_face”: “Courier New”, // フォントを設定 “highlight_modified_tabs”: true, // 変更されたファイルをハイライト “create_window_at_startup”: false, // 起動時に新しいウィンドウを自動で開かない “open_files_in_new_window”: false, // ファイルを開くときに新しいウィンドウを生成しない “highlight_line”: true, // 現在の行をハイライト表示 “show_encoding”: true, // 右下隅にエンコーディングタイプを表示 “open_files_in_new_window”: false, // 毎回新しいウィンドウで開くのを禁止 “caret_style”: “phase”, // カーソルの点滅方法を設定 “line_padding_top”: 5, // 行上部の余白 “line_padding_bottom”: 5, // 行下部の余白 “fade_fold_buttons”: false, // コード折りたたみアイコンを常に表示 “translate_tabs_to_spaces”: false // Tabの代わりにスペースを使用 } プラグイン： プラグインマネージャーのインストール: ショートカットキー ctrl+` または View > Show Console メニューからコンソールを開きます ...

先日、多くの人のブログでLive2Dの看板娘を見かけ、とても興味を持ちました！そこで、自分のブログにも追加するために、関連チュートリアルをいくつか調べました。 はじめに Live2Dは最先端の技術ではありません。その効果は、基本的な平行移動、回転、透明度、曲面変形などの操作によって実現されます。最終的な効果はテクスチャに大きく依存し、各動作は制作者による綿密な調整が必要です。これは膨大な時間と労力を要するプロセスであるため、質の良いモデルは多くなく、質の良いものは通常ゲーム内にあり、著作権で保護されているため、自由に使用することはできません。 本記事で使用されているモデルは、薬水制作师というモバイルゲームから解包されたものであり、著作権は公式に帰属します。（そうです、私もこのゲームを宣伝しに来ました） 準備作業 「魚を与えるよりも、魚の釣り方を教える方が良い」とは言いますが、この魚は釣るのが難しいので、おとなしく小さな椅子に座って、釣られた魚を食べる側に回りましょう！ 以下のコードは、私が後宫学长から堂々と盗んできた魚を調理したものです。 まずは私のGithubへ行き、私が再度整理したLive2Dのコード（二人の動作と初期の3種類のテクスチャを含む）をダウンロードしてください。やはり調理済みのものが美味しいですからね〜。 ダウンロード後、コードを解凍してブログサイトのルートディレクトリに配置します。（ディレクトリの位置は自由に設定できます） そして、解凍したフォルダの名前を「live2d」に変更します。（名前は何でも構いませんが、見栄えが最も重要です） （少女は盲目的に分析中） 使用方法 それでは、食べ方を教えましょう、いや、本当に食べ始めるわけではありませんが。 ブログのヘッダーファイル（header.php）でインターフェーススタイルを読み込むために、headタグ内に以下のコードを挿入します。 ブログのフッターファイル（footer.php）でスクリプトを読み込むために、bodyタグの終了前に以下のコードを挿入します。 上記のコードで絶対パスを使用する際に注意すべき問題があります。 私のブログwww.52ecy.cnと52ecy.cnはどちらもアクセス可能ですが、参照時にwwwを使用すると、www.52ecy.cnにアクセスする際には問題ありませんが、52ecy.cnに直接アクセスすると、クロスドメイン問題（サブドメインが異なる場合もクロスドメインに該当）によりjsonが読み込めなくなり、看板娘が表示されなくなります。 以下のコードに変更できます（キャラクターの切り替えも、対応するフォルダ名に変更するだけで済みます）。 適切なページ位置にLive2D看板娘の要素を挿入します。ページ下部に配置できます。 マウスをページの特定の要素に置いたときに、Live2D看板娘にヒントを表示させたい場合は、message.jsonファイルを変更してください。 { “mouseover”: [ { “selector”: “.container a[href^=‘http’]”, // ここをページ要素のタグ名に変更 “text”: ["{text}を見てみますか？"] // ここを必要なヒントのテキストに変更 }, { “selector”: “.navto-search”, “text”: [“何かお探しですか、お手伝いしましょうか？”] } ], “click”: [ // ここはLive2D看板娘のタッチイベントのヒント { “selector”: “#landlord #live2d”, “text”: [“触らないで！手をどけて〜〜”, “ほ…本当に恥知らず！”, “これ以上触ったら通報しますよ！⌇●﹏●⌇”, “110番ですか、ここに変態がずっと私を触っています(ó﹏ò｡)”] } ] } ...

ランダム二次元画像API公開 —— ランダムアニメ壁紙、毎日更新、毎回違う。 APIアドレス： https://www.52ecy.cn/randbg/randbg.php リクエストパラメータの説明： 名称 説明 type(オプション) json：標準のjsonデータ(画像アドレス)を返します 302：画像アドレスにリダイレクトします(HTML画像挿入時に必ず使用してください) total(オプション) 1-10 返される画像の数(jsonデータの場合のみ有効、最大10枚) style(オプション) 1/2/3 返される画像のタイプ、 1：webpサムネイル、 2：jpgサムネイル、 3：ウォーターマークなしのオリジナル画像、その他はすべてウォーターマーク付きのオリジナル画像 https(オプション) true/false、返される画像アドレスがhttps形式であるかどうか(現在https証明書は未検証状態のため、httpの使用を推奨します) 標準のjsonデータを返す { "total":"1", #画像の数 "img":"http://www.52ecy.cn/randbg.png" #画像アドレス } 呼び出し例 background: url(http://www.52ecy.cn/randbg/randbg.php?type=302&style=3) no-repeat center; <img src="http://www.52ecy.cn/randbg/randbg.php?type=302&style=3"> ウェブサイトでの呼び出しは、ウェブページのHTMLタグの呼び出し、動的言語の読み込み、アプリ内ウェブページの読み込みなどを含みますが、これらに限定されません。 利用制限 APIは公開されたばかりで、オープンベータ段階にあるため、インターフェースの呼び出しに制限は設けていません。将来的に不可抗力な要因が発生した場合、インターフェースに制限を設けたり、他の対策を講じたりする可能性がありますので、ご了承ください。 著作権およびプライバシーに関する声明 阿珏ブログの二次元画像ランダムAPIを使用すると、関連するウェブサイト、IP、呼び出し元、呼び出し回数、呼び出し時間、トラフィックなどのデータが記録される場合があります。本APIの使用は本規約に同意したものとみなされます。当サイトは阿珏ブログのランダム二次元画像APIに対する最終的な解釈権を有し、特定の状況下では、阿珏ブログがあなたのウェブサイトからの呼び出しを禁止する権利を有します。