Google AdsenseをHexoブログに加えること
Hexo あなたが簡単にブログを作ることができる静的サイトジェネレータです.
を使用します
Hexoのインストールと新しいプロジェクトの作成
まず、Hexo Cliパッケージをインストールします.
風景のテーマを追加
新しいHexoプロジェクトを作成した場合、this repository プロジェクトのルートディレクトリで.
その後、変更
3 . Google Adsenseのタグを風景テーマに追加する
に移動Google Adsense page そして、あなたのドメインを登録してください.
このようなタグを得ることができます.
チェック
Hexoサーバを起動します.
そこにあることがわかる
その後、Google AdSense試験を通過するのを待ちましょう.実際、この記事を書く時、私はその結果を待っています.
を使用します
landscape
テーマ.Hexoのインストールと新しいプロジェクトの作成
まず、Hexo Cliパッケージをインストールします.
npm install -g hexo-cli
と新しいプロジェクトを作成します.hexo init my-blog
cd my-blog
npm install
確認してくださいofficial documentation 詳細は風景のテーマを追加
新しいHexoプロジェクトを作成した場合、this repository プロジェクトのルートディレクトリで.
git clone --depth 1 https://github.com/hexojs/hexo-theme-landscape themes/landscape
それから、あなたはそれを見ることができますlandscape
ディレクトリが追加されましたtheme
ディレクトリ.その後、変更
theme
イン_config.yml
to landscape
. ランドスケープディレクトリではなく、ルートディレクトリの設定ファイル.# _config.yml
# ...
theme: landscape
# ...
これにより基本設定が完了する.3 . Google Adsenseのタグを風景テーマに追加する
に移動Google Adsense page そして、あなたのドメインを登録してください.
このようなタグを得ることができます.
<!-- Google Adsense -->
<script data-ad-client="ca-pub-48....." async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
次に、新しいファイルgoogle-analytics.ejs
インlayout/_partial
ディレクトリlandscape
.<!-- source/themes/landscape/layout/_partial/google-analytics.ejs -->
<!-- Google Adsense -->
<script data-ad-client="ca-pub-48....." async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
一度追加、挿入するlayout.ejs
.<!-- source/themes/landscape/layout/layout.ejs -->
<!DOCTYPE html>
<html>
<%- partial('_partial/head') %>
<body>
<div id="container">
<div id="wrap">
<!-- ... -->
<%- partial('_partial/google-adsense') %>
<!-- ... -->
</div>
<!-- ... -->
</div>
</body>
</html>
挿入位置は任意ですが、私の場合はこの位置にしました.チェック
Hexoサーバを起動します.
hexo server
オープンhttp://localhost:4000
お気に入りのブラウザで、開発者のツールを開きます.そこにあることがわかる
<script>
このようなタグ<script type="text/javascript" src="https://adservice.google.com/adsid/integrator.js?domain=localhost"></script>
これはGoogle AdSenseの専用タグです.その後、Google AdSense試験を通過するのを待ちましょう.実際、この記事を書く時、私はその結果を待っています.
Reference
この問題について(Google AdsenseをHexoブログに加えること), 我々は、より多くの情報をここで見つけました https://dev.to/hideckies/adding-google-adsense-to-hexo-blog-515テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol