Hexoの記事の写真には、処理を曇らせるしていない、透かしを追加します

インターネットのために彼は、プラグインを開発したので、ウォーターマークを追加するために処理し、サードパーティのクラウドから借用されているが、私は使用したくない見つけます

Hexo画像の透かしGithubの住所を追加

現在、直接プラグインでのhexo公式オンライン検索

以下の内容が入っているGithubコピーされた、私のブログの公式バージョンは、現在、私の中に搭載されているGithub倉庫blog

画像の透かしを追加するブログサイトのHexoの静的が生成されます。

オリジナルのプロセスを構築し、元の静的なページのウェブサイトで読み、どんな影響を与えることはありません、出力が画像を透かし入り。

元の建物の静的なサイトに存在しない、唯一の透かし画像があります。

機能の既存のバージョンを、最後のヒント事項を読んで、状況が含まれており、サポートするために、必ず追加されます

使用するnpmプラグインを

npm install hexo-images-watermark

サイト構成ファイルで_config.yml次の構成:

watermark:
    enable: true
    textEnable: true
    rotate: -45
    gravity: centre

hexo generateあなたはときに自動的に実行されます_postカタログに透かし画像を追加し、新しい写真が中に置かれるpublic位置に対応するディレクトリ。

必要な設定パラメータ

enable

デフォルト値:なし
説明true実行される写真は、ウォーターマークを追加するfalseアドオンを実行しません。

textEnable

デフォルト値:falseの
説明:テキストの透かしを追加するかどうか(❌警告:現在同時にテキストと画像をサポートしていない透かしを追加)

imageEnable

デフォルト値:falseの
説明:かどうかは、ウォーターマークを追加するために写真を使用する(❌警告:現在同時にテキストと画像をサポートしていない透かしを追加)

その他のパラメータ

text

デフォルト値:(SpiritLing)は存在しません一度使用プロフィールのURLは、URLが直接作者の名前を表示
説明:あなたはテキストを使用すると、変換後の画像は、画像サイズを透かし入りさよりも大きくなると、長すぎる、エラーが発生しました。

color

デフォルト値:RGB(169169167)
説明:カラー中古RGB、RGBA、#XXXXXXと赤のスタイルの名前にすることができます。⚠️テキストのみに有効な

gravity

デフォルト値:南東
説明:なぜ場所透かし位置方向、オーバー北西左右の東を決定します

パラメータの値を使用できます。

タイプ 説明
センター センター
西洋の
東北
南東
南西
北西

fontSize

デフォルト値:18
説明:文字サイズ、⚠️テキストのみに有効な

watermarkImage

デフォルト値:watermark.png
説明:透かし画像を、画像がルート内のソース・ファイルのパス名に配置される。⚠️画像における任意の物品のサイズを超える、またはエラーが発生していない、それがズームと共に使用することができます

width

デフォルト値:50
説明:画像をズームします。⚠️画像のみに対して有効

height

デフォルト値:50
説明:画像をズームします。⚠️画像のみに対して有効

rotate

デフォルト:0
説明:のような回転角度、4545度反時計回りの代表、-45時計回りに45度の代表

background

デフォルト値:透明
解説:テキストを持つとは、あなたが一般的に透明色をすることができ、これらの場所の色を設定、空白の一回余分になり、テキスト・ツー・画像回転を参照するように回転させます

注意事項⚠️⚠️⚠️

  1. それ以外の場合はエラーが静的なページを生成し終了します、あまりにも長いテキストは透かし画像がない大きすぎる、大きすぎる(ズームを使用することができます大きすぎる⚠️が、規模はグローバルです)
  2. 追加する画像やテキストを一緒にサポートしていません。
  3. 現在はサポートし*.jpg*.png二つのフォーマットの画像、およびのみをサポートsource/_posts地元紙の写真である画像フォルダを、;彼らはまた、遠隔画像をサポートしていません。
  4. 透かし画像のみがサポートされているリモートおよび非soucreルートパスのファイルをサポートしていない*.jpg*.png二つのフォーマットの画像
  5. これは、透かしを追加し、フルサイクル図をサポートしていません。
  6. 使用してください1.1.x上記のバージョンが1.0.xHexoのAPI関連のテスト、バージョンは無秩序、使用の際に使用されている1.0.xバージョンの任意の問題が、ほとんど無視

TODOリスト

  • [X]テキストの透かし
    • [X]カスタムテキスト、色、大きさ
    • []カスタムフォント
    • []サイクルサポートを追加します
    • []オーバーラン処理
  • [X]画像透かし
    • [X]カスタム透かし画像
    • []リモート透かし画像
    • []サイクルサポートを追加します
    • []オーバーラン処理
  • [X]位置
    • [X]固定位置:9つの方向
    • []カスタムトップ、左
  • [X]回転
  • [X]ズーム(写真のみ)
  • [他の形式がサポートされています

著者:SpiritLing
免責事項:このブログのすべての記事特に指定のない限り、使用されているBY-NC-SA 4.0ライセンス。ソースを示してください!
ブログ、ウェブサイト
のアドレスを開始

おすすめ

転載: www.cnblogs.com/spirit-ling/p/12074419.html