パーク自身がブログのテーマのコレクションを書きました

ファイルのディレクトリ

--index.js
--readme.md
--theme
--acg
--acg.css
--acg.js
--readme.md
--light
--light.css
--light.js
--readme.md
- -その他のテーマ...

一般的に実行する方法

  • index.js
    index.js入り口ファイルは、それがエントリーに関連するロードファイルが選択したトピックのtheme.jsに基づいて、ユーザーおよびデフォルトの設定と次のウィンドウオブジェクト内の場所にそれをマージします

  • theme.js
    ウィンドウオブジェクト内のユーザ設定オブジェクト、建物のテーマ

  • theme.css
    テーマスタイルファイル

テーマを使用します

I♥ポイントコードアドレス

  1. ブログガーデンホーム - >管理 - >スイッチのレガシー舞台裏 - > [設定]
  2. あなたは、テーマを使用している場合acglightブログがデフォルトスキンに設定されている設定しますBuildtowin
  3. CSSに対応したテーマをコピーして貼り付けるページのカスタムCSS
  4. デフォルトのCSSスタイルを無効にするには、チェック
  5. コピーして貼り付けるに次のブログのサイドバーの発表を(支持体には、コードをHTML)(サポートJSコード)
    <script src="https://guangzan.gitee.io/awescnb-files/js/flexible.min.js"></script>
    <script src="https://github923665892.github.io/awesCnb-G/index.js"></script>
    <script>$.awesCnb({
                // 主题
                theme: {
                    name: 'acg',  // 'acg' (默认) | 'light' | 待添加
                    color: '#FFB3CC'  // #FFB3CC (默认)  | random
                },
                // 代码高亮
                highLight: {
                    type: 'atomOneDark' // 'atomOneDark' (默认) | 'atomOneLight' | 'github'
                },
                // 代码行号
                lineNumbers: {
                    enable: true  // true (默认) | false
                },
                // 文章目录
                catalog: {
                    enable: true  // true (默认) | false
                },
                // 音乐播放器
                musicPlayer: {
                    enable: true,  // true (默认) | false
                    type: 'APlayer'    // 'APlayer' (默认) | 'iframe'
                },
                // 底部友情链接
                links: [
                    {
                    name: 'theme awesCnb',
                    link: 'https://github.com/github923665892/awesCnb-G'
                    }
                ]
            });
    </script>
  1. コピーしに次のHTMLを貼り付け、トップはHTML
<section id='loading'>
     <div class="sk-fold">
         <div class="sk-fold-cube"></div>
         <div class="sk-fold-cube"></div>
         <div class="sk-fold-cube"></div>
         <div class="sk-fold-cube"></div>
      </div>
</section>
  1. 保存

テーマacg関数の完了

  • モバイル端末は、適応しました
  • 音楽
  • ホーム改訂
  • コードの最適化のスタイル
  • コードボタンをコピーします。
  • 行番号
  • 記事のディレクトリ
  • カスタムグローバルテーマカラー
  • リンク
  • トッププログレスバー
  • コメントの最適化
    ...

加わります

歓迎ああああああへようこそようこそ

  • ブログ風の庭園の多くのあなたはすでに独自の定義した場合、あなただけに参加、少しあなたのブログにコードを変更する必要があります!
  • 最初から!
  • そして、私と一緒に既存のテーマを最適化!

どのように行います

  1. あなたはする必要があるthemeとして、テーマフォルダの下に新しいフォルダを作成しますdemo
  2. 新しいdemo.js demo.cssノートのjsファイル名やフォルダ名一貫した
  3. あなたの仕事を開始します

問題

あなたが最後にコメントすることができます任意の質問を持っています。

おすすめ

転載: www.cnblogs.com/guangzan/p/11990887.html