$ npm install --save hexo-generator-feed

# Extensions

## Plugins: http://hexo.io/plugins/

plugins: hexo-generate-feed

# Set rss to false to disable feed link.

# Leave rss as empty to use site's feed link.

# Set rss to specific value if you have burned your feed already.

rss: /atom.xml

$ hexo g

http://7u2ss1.com1.z0.glb.clouddn.com/love.js

<!-- 页面点击小红心 -->

<script type="text/javascript" src="/js/src/love.js"></script>

// 文章内链接文本样式

.post-body p a{

  color: #0593d3;

  border-bottom: none;

  border-bottom: 1px solid #0593d3;

  &:hover {

    color: #fc6423;

    border-bottom: none;

    border-bottom: 1px solid #fc6423;

  }

}

<div>

    {% if not is_index %}

        <div style="text-align:center;color: #ccc;font-size:14px;">-------------本文结束<i class="fa fa-paw"></i>感谢您的阅读-------------</div>

    {% endif %}

</div>

<div>

  {% if not is_index %}

    {% include 'passage-end-tag.swig' %}

  {% endif %}

</div>

# 文章末尾添加“本文结束”标记

passage_end_tag:

  enabled: true

.site-author-image {

  display: block;

  margin: 0 auto;

  padding: $site-author-image-padding;

  max-width: $site-author-image-width;

  height: $site-author-image-height;

  border: $site-author-image-border-width solid $site-author-image-border-color;

  /* 头像圆形 */

  border-radius: 80px;

  -webkit-border-radius: 80px;

  -moz-border-radius: 80px;

  box-shadow: inset 0 -1px 0 #333sf;

  /* 设置循环动画 [animation: (play)动画名称 (2s)动画播放时长单位秒或微秒 (ase-out)动画播放的速度曲线为以低速结束 

    (1s)等待1秒然后开始动画 (1)动画播放次数(infinite为循环播放) ]*/

  /* 鼠标经过头像旋转360度 */

  -webkit-transition: -webkit-transform 1.0s ease-out;

  -moz-transition: -moz-transform 1.0s ease-out;

  transition: transform 1.0s ease-out;

}

img:hover {

  /* 鼠标经过停止头像旋转 

  -webkit-animation-play-state:paused;

  animation-play-state:paused;*/

  /* 鼠标经过头像旋转360度 */

  -webkit-transform: rotateZ(360deg);

  -moz-transform: rotateZ(360deg);

  transform: rotateZ(360deg);

}

/* Z 轴旋转动画 */

@-webkit-keyframes play {

  0% {

    -webkit-transform: rotateZ(0deg);

  }

  100% {

    -webkit-transform: rotateZ(-360deg);

  }

}

@-moz-keyframes play {

  0% {

    -moz-transform: rotateZ(0deg);

  }

  100% {

    -moz-transform: rotateZ(-360deg);

  }

}

@keyframes play {

  0% {

    transform: rotateZ(0deg);

  }

  100% {

    transform: rotateZ(-360deg);

  }

}

$ npm install gulp -g

$ npm install gulp-minify-css gulp-uglify gulp-htmlmin gulp-htmlclean gulp --save

var gulp = require('gulp');

var minifycss = require('gulp-minify-css');

var uglify = require('gulp-uglify');

var htmlmin = require('gulp-htmlmin');

var htmlclean = require('gulp-htmlclean');

// 压缩 public 目录 css

gulp.task('minify-css', function() {

    return gulp.src('./public/**/*.css')

        .pipe(minifycss())

        .pipe(gulp.dest('./public'));

});

// 压缩 public 目录 html

gulp.task('minify-html', function() {

  return gulp.src('./public/**/*.html')

    .pipe(htmlclean())

    .pipe(htmlmin({

         removeComments: true,

         minifyJS: true,

         minifyCSS: true,

         minifyURLs: true,

    }))

    .pipe(gulp.dest('./public'))

});

// 压缩 public/js 目录 js

gulp.task('minify-js', function() {

    return gulp.src('./public/**/*.js')

        .pipe(uglify())

        .pipe(gulp.dest('./public'));

});

// 执行 gulp 命令时执行的任务

gulp.task('default', [

    'minify-html','minify-css','minify-js'

]);

// Custom styles.

code {

    color: #ff7600;

    background: #fbf7f8;

    margin: 2px;

}

// 大代码块的自定义样式

.highlight, pre {

    margin: 5px 0;

    padding: 5px;

    border-radius: 3px;

}

.highlight, code, pre {

    border: 1px solid #d6d6d6;

}

// 主页文章添加阴影效果

 .post {

   margin-top: 60px;

   margin-bottom: 60px;

   padding: 25px;

   -webkit-box-shadow: 0 0 5px rgba(202, 203, 203, .5);

   -moz-box-shadow: 0 0 5px rgba(202, 203, 204, .5);

  }

<script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>

<div class="powered-by">

<i class="fa fa-user-md"></i><span id="busuanzi_container_site_uv">

  本站访客数:<span id="busuanzi_value_site_uv"></span>

</span>

</div>

<span id="busuanzi_container_site_pv">

    本站总访问量<span id="busuanzi_value_site_pv"></span>次

</span>

<span id="busuanzi_container_site_uv">

  本站总访问量<span id="busuanzi_value_site_uv"></span>次

</span>

$ npm install hexo-wordcount --save

<div class="theme-info">

  <div class="powered-by"></div>

  <span class="post-count">博客全站共{{ totalcount(site) }}字</span>

</div>

skip_render: README.md

# Put your favicon.ico into `hexo-site/source/` directory.

favicon: /favicon.ico

$ npm install hexo-wordcount --save

# Post wordcount display settings

# Dependencies: https://github.com/willin/hexo-wordcount

post_wordcount:

  item_text: true

  wordcount: true

  min2read: true

<script src="//cdn.bootcss.com/pace/1.0.2/pace.min.js"></script>

<link href="//cdn.bootcss.com/pace/1.0.2/themes/pink/pace-theme-flash.css" rel="stylesheet">

<style>

    .pace .pace-progress {

        background: #1E92FB; /*进度条颜色*/

        height: 3px;

    }

    .pace .pace-progress-inner {

         box-shadow: 0 0 10px #1E92FB, 0 0 5px     #1E92FB; /*阴影颜色*/

    }

    .pace .pace-activity {

        border-top-color: #1E92FB;    /*上边框颜色*/

        border-left-color: #1E92FB;    /*左边框颜色*/

    }

</style>

{% if page.copyright %}

<div class="my_post_copyright">

  <script src="//cdn.bootcss.com/clipboard.js/1.5.10/clipboard.min.js"></script>

  <!-- JS库 sweetalert 可修改路径 -->

  <script src="https://cdn.bootcss.com/jquery/2.0.0/jquery.min.js"></script>

  <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

  <p><span>本文标题:</span><a href="{{ url_for(page.path) }}">{{ page.title }}</a></p>

  <p><span>文章作者:</span><a href="/" title="访问 {{ theme.author }} 的个人博客">{{ theme.author }}</a></p>

  <p><span>发布时间:</span>{{ page.date.format("YYYY年MM月DD日 - HH:MM") }}</p>

  <p><span>最后更新:</span>{{ page.updated.format("YYYY年MM月DD日 - HH:MM") }}</p>

  <p><span>原始链接:</span><a href="{{ url_for(page.path) }}" title="{{ page.title }}">{{ page.permalink }}</a>

    <span class="copy-path"  title="点击复制文章链接"><i class="fa fa-clipboard" data-clipboard-text="{{ page.permalink }}"  aria-label="复制成功！"></i></span>

  </p>

  <p><span>许可协议:</span><i class="fa fa-creative-commons"></i> <a rel="license" href="https://creativecommons.org/licenses/by-nc-nd/4.0/" target="_blank" title="Attribution-NonCommercial-NoDerivatives 4.0 International (CC BY-NC-ND 4.0)">署名-非商业性使用-禁止演绎 4.0 国际</a> 转载请保留原文链接及作者。</p>  

</div>

<script> 

    var clipboard = new Clipboard('.fa-clipboard');

    $(".fa-clipboard").click(function(){

      clipboard.on('success', function(){

        swal({   

          title: "",   

          text: '复制成功',

          icon: "success", 

          showConfirmButton: true

          });

	});

    });  

</script>

{% endif %}

<div>

      {% if not is_index %}

        {% include 'wechat-subscriber.swig' %}

      {% endif %}

</div>

<div>

      {% if not is_index %}

        {% include 'my-copyright.swig' %}

      {% endif %}

</div>

@import "my-post-copyright"

gentie_productKey: #your-gentie-product-key

gentie_productKey: #your-gentie-product-key

{% if not (theme.duoshuo and theme.duoshuo.shortname) and not theme.duoshuo_shortname and not theme.disqus_shortname and not theme.hypercomments_id %}

  {% if theme.gentie_productKey %}

    {% set gentie_productKey = theme.gentie_productKey %}

    <script>

      var cloudTieConfig = {

        url: document.location.href, 

        sourceId: "",

        productKey: "{{gentie_productKey}}",

        target: "cloud-tie-wrapper"

      };

    </script>

    <script src="https://img1.ws.126.net/f2e/tie/yun/sdk/loader.js"></script>

  {% endif %}

{% endif %}

{% include './comments/gentie.swig' %}

{% elseif theme.gentie_productKey %}

      <div id="cloud-tie-wrapper" class="cloud-tie-wrapper">

      </div>

# Support for LiveRe comments system.

# You can get your uid from https://livere.com/insight/myCode (General web site)

livere_uid: your uid

{% if not (theme.duoshuo and theme.duoshuo.shortname) and not theme.duoshuo_shortname and not theme.disqus_shortname and not theme.hypercomments_id and not theme.gentie_productKey %}

  {% if theme.livere_uid %}

    <script type="text/javascript">

      (function(d, s) {

        var j, e = d.getElementsByTagName(s)[0];

        if (typeof LivereTower === 'function') { return; }

        j = d.createElement(s);

        j.src = 'https://cdn-city.livere.com/js/embed.dist.js';

        j.async = true;

        e.parentNode.insertBefore(j, e);

      })(document, 'script');

    </script>

  {% endif %}

{% endif %}

{% include './comments/livere.swig' %}

{% elseif theme.livere_uid %}

      <div id="lv-container" data-id="city" data-uid="{{ theme.livere_uid }}"></div>

{% endif %}

<script>

    (function(){

        if('{{ page.password }}'){

            if (prompt('请输入文章密码') !== '{{ page.password }}'){

                alert('密码错误！');

                history.back();

            }

        }

    })();

</script>

'use strict';

var pagination = require('hexo-pagination');

module.exports = function(locals){

  var config = this.config;

  var posts = locals.posts;

    posts.data = posts.data.sort(function(a, b) {

        if(a.top && b.top) { // 两篇文章top都有定义

            if(a.top == b.top) return b.date - a.date; // 若top值一样则按照文章日期降序排

            else return b.top - a.top; // 否则按照top值降序排

        }

        else if(a.top && !b.top) { // 以下是只有一篇文章top有定义，那么将有top的排在前面（这里用异或操作居然不行233）

            return -1;

        }

        else if(!a.top && b.top) {

            return 1;

        }

        else return b.date - a.date; // 都没定义按照文章日期降序排

    });

  var paginationDir = config.pagination_dir || 'page';

  return pagination('', posts, {

    perPage: config.index_generator.per_page,

    layout: ['index', 'archive'],

    format: paginationDir + '/%d/',

    data: {

      __index: true

    }

  });

};

---

title: 解决Charles乱码问题

date: 2017-05-22 22:45:48

tags: 技巧

categories: 技巧

copyright: true

top: 100

---

$font-size-base            =16px

/* 注释文字闪动函数

 #wechat:hover p{

    animation: roll 0.1s infinite linear;

    -webkit-animation: roll 0.1s infinite linear;

    -moz-animation: roll 0.1s infinite linear;

}

 #alipay:hover p{

   animation: roll 0.1s infinite linear;

    -webkit-animation: roll 0.1s infinite linear;

    -moz-animation: roll 0.1s infinite linear;

}

*/

# Blogrolls

links_title: 推荐阅读

#links_layout: block

links_layout: inline

links:

  优设: http://www.uisdc.com/

  张鑫旭: http://www.zhangxinxu.com/

  Web前端导航: http://www.alloyteam.com/nav/

  前端书籍资料: http://www.36zhen.com/t?id=3448

  百度前端技术学院: http://ife.baidu.com/

  google前端开发基础: http://wf.uisdc.com/cn/

// 鼠标样式

  * {

      cursor: url("http://om8u46rmb.bkt.clouddn.com/sword2.ico"),auto!important

  }

  :active {

      cursor: url("http://om8u46rmb.bkt.clouddn.com/sword1.ico"),auto!important

  }

npm install -save hexo-helper-live2d

{{ live2d() }}

live2d:

  model: wanko

  bottom: -30

git config --global core.autocrlf false

{% if theme.daovoice %}

  <script>

  (function(i,s,o,g,r,a,m){i["DaoVoiceObject"]=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;a.charset="utf-8";m.parentNode.insertBefore(a,m)})(window,document,"script",('https:' == document.location.protocol ? 'https:' : 'http:') + "//widget.daovoice.io/widget/0f81ff2f.js","daovoice")

  daovoice('init', {

      app_id: "{{theme.daovoice_app_id}}"

    });

  daovoice('update');

  </script>

{% endif %}

# Online contact 

daovoice: true

daovoice_app_id: 这里填你的刚才获得的 app_id

{% if theme.fireworks %}

   <canvas class="fireworks" style="position: fixed;left: 0;top: 0;z-index: 1; pointer-events: none;" ></canvas> 

   <script type="text/javascript" src="//cdn.bootcss.com/animejs/2.2.0/anime.min.js"></script> 

   <script type="text/javascript" src="/js/src/fireworks.js"></script>

{% endif %}

# Fireworks

fireworks: true