Beautifulhugoでの記事コピペ防止

コピペ防止の適用

* 本ページはプロモーションが含まれています

記事のコピペ防止 

テキストのドラッグ、画像のコピーを禁止して、記事をコピーさせない方法 」を参考に、 テキストの選択(ドラッグ)を禁止させる

なお、Beautifulhugoテーマで適用なので、他テーマはよしなに。

スクリプト追記 

bodyタグ内に追記

  • beautifulhugo/layouts/_default/baseof.html
<body onMouseDown="return false;" onSelectStart="return false">

CSS修正 

bodyのcssに追記

  • beautifulhugo/static/css/main.css
user-select:none;
-webkit-user-select:none;
-ms-user-select: none;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-drag:none;
-khtml-user-drag:none;

ポイント 

要は、bodyタグ内にJavascriptを記述し、CSSのbodyにCSSを適用すれば良いだけ


See also