HexoのPluginを話題にした記事(1ページ)|おちゃカメラ。pagesで運営していたHexoブログをNetlify(ネットリファイ)と独自ドメインに移行したので手順とハマった点をまとめたいと思います。Netlifyは無料プランの帯域制限もGithubより遥かに緩めでHTTP/2やCIも使えます。CIやAPIで幾つか制約があるためCIの使用を断念しました。2018.06.19markdownに外部マークダウンを読み込ませるブログ用プラグインを作った記事の元となるマークダウンファイルに、別のマークダウンを読み込ませて表示させるプラグインを作りました。複数の記事で同じような内容を使いたいけど、更新も頻繁にあるので作業大変!といったケースで効果を発揮します。メンテナンスする手間が省けるかと思いますので、もし宜しければ使ってみてください。Cloudのトラックを埋め込めるプラグイン「hexo-tag-soundcloud」を作りました。プラグインのインストールはnpmから出来ます。投稿記事となるmarkdownファイルにsoundcloudタグを入れるとトラックを埋め込み出来ますので、ぜひ導入してみてください。HTMLの妥当性を検証できる機能追加しました。現在はWordpressを辞めて静的サイトで運営していますが、サーバー維持費が安くなりました。静的サイトジェネレーターはHexo、Jekyll、Hugo、Middleman、Octopress、Gatsbyが有名です。HTMLの記述が問題ないのか確認してみました。コマンド一発で検証できて凄く便利です。フロントエンドの業務ではgulp-amphtml-validatorやgrunt-amp-validatorを使えば一括で自動検証できるので仕事が捗りそうです。2018.06.19ブログでTwitterの投稿記事を埋め込むプラグインを作った一般的な埋め込み方も解説したいと思いますが、今回はHexoブログでTwitterを埋め込めるhexo-tag-Twitterを作りましたので、その使い方を説明します。インストールはnpmから出来ます。投稿記事となるmarkdownファイルにtwitterタグを入れると簡単にツイートを埋め込む事ができます。»スポンサーリンク関連する記事よく読まれている記事2016.11.03WordPressからHexoにブログ移行して分かったメリット・デメリットWordPressからHexoに移行して1年が経ちました。そこで少し感想を書いていきたいと思います。ワードプレスに感じていた不満点や、移行して良かったこと、デメリット、苦労話など。静的サイト・ジェネレータによる個人ブログ移行の実録として参考にしていただければ光栄です。pagesで運営していたHexoブログをNetlify(ネットリファイ)と独自ドメインに移行したので手順とハマった点をまとめたいと思います。Netlifyは無料プランの帯域制限もGithubより遥かに緩めでHTTP/2やCIも使えます。CIやAPIで幾つか制約があるためCIの使用を断念しました。2017.08.01markdownに外部マークダウンを読み込ませるブログ用プラグインを作った記事の元となるマークダウンファイルに、別のマークダウンを読み込ませて表示させるプラグインを作りました。複数の記事で同じような内容を使いたいけど、更新も頻繁にあるので作業大変!といったケースで効果を発揮します。メンテナンスする手間が省けるかと思いますので、もし宜しければ使ってみてください。HTMLの記述が問題ないのか確認してみました。コマンド一発で検証できて凄く便利です。フロントエンドの業務ではgulp-amphtml-validatorやgrunt-amp-validatorを使えば一括で自動検証できるので仕事が捗りそうです。2016.07.29Hexoブログで関連記事や人気記事を生成するプラグインを作った静的ブログジェネレーターのHexoで関連記事や人気記事を生成するプラグイン「hexo-related-popular-posts」を作りました。記事のテンプレート内にヘルパータグを埋め込むだけで表示できます。Hexo使いの方はぜひ使ってみてください。Requestやissueもお待ちしてます。HTMLを自動生成するプラグインを作った。Pages)HTMLを生成するプラグインhexo-generator-ampを作りました。HTMLが自動で生成されます。hexo使いの方は宜しければ使ってみてください。2016.09.15ブログでRAW現像写真のBeforeとAfter画像を表示させる巷にはブログでビフォー・アフターの画像をスライド表示させるものがあります。写真のRAW現像や加工した前後の写真を見せるのに便利ですよね。Twentyをこのブログ(Hexo)にも移植してみました。2016.08.12ブログでインスタグラムの投稿記事を埋め込むプラグインを作った一般的な埋め込み方も解説したいと思いますが、今回はHexoブログでInstagramを使えるようにするhexo-tag-instagramの使い方を説明します。インストールはnpmから出来ます。markdownファイルにinstagramタグを入れるとインスタグラムの投稿写真や動画が埋め込む事ができます。2017.01.30ブログでTwitterの投稿記事を埋め込むプラグインを作った一般的な埋め込み方も解説したいと思いますが、今回はHexoブログでTwitterを埋め込めるhexo-tag-Twitterを作りましたので、その使い方を説明します。インストールはnpmから出来ます。投稿記事となるmarkdownファイルにtwitterタグを入れると簡単にツイートを埋め込む事ができます。HTMLの妥当性を検証できる機能追加しました。現在はWordpressを辞めて静的サイトで運営していますが、サーバー維持費が安くなりました。静的サイトジェネレーターはHexo、Jekyll、Hugo、Middleman、Octopress、Gatsbyが有名です。Cloudのトラックを埋め込めるプラグイン「hexo-tag-soundcloud」を作りました。プラグインのインストールはnpmから出来ます。投稿記事となるmarkdownファイルにsoundcloudタグを入れるとトラックを埋め込み出来ますので、ぜひ導入してみてください。Youtube作例&製品レビューGalleryおちゃカメラ。プライバシーポリシーコンテンツの保存及び転載は固くお断りいたします。当サイトに記載されるコンテンツ(文章・画像等)は著作権により保護されています。万が一コンテンツや写真の盗用・二次利用が見つかった場合には500pxの写真販売価格を参考に差止め請求及び使用料または損害賠償請求をさせて頂く場合がございますので予めご了承下さい。記事に関するお問い合わせや寄稿についてはお問い合わせフォームまでお願いいたします。hexo.お問い合わせポートフォリオフィード。