vuepress项目添加百度统计

vuepress项目添加百度统计

• 首先自行百度获取百度统计方法，新建一个网站统计 （tongji.baidu.com/web/2519073…
• 类似与这样

  

• 点击【获取代码】，复制该代码
• 因为代码必须植入到 /.vuepress/dist/index.html 页面的 head 标签 上面才可以，所以我们在部署上传的时候，加上一句话

echo "添加代码"
cd $sourcePath
sed -i '' '/<html/a\
<script>var _hmt = _hmt || [];(function() {var hm = document.createElement("script");hm.src = "https://hm.baidu.com/hm.js?xxxxx（你的key）";var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s);})();</script>' index.html
echo "添加代码执行完毕"

• vuePress 项目的部署全部命令如下

  #!/bin/bash
  #获取全路径
  basepath=$(cd `dirname $0`; pwd)
  sourcePath=$basepath'/docs/.vuepress/dist/'
  target=root@xx.xxx.xxx.xx:/www/
  # 拉去git上最新数据
  echo "开始更新项目"
  git pull
  echo "更新完毕"
  
  echo "开始构建项目"
  yarn docs:build
  echo "构建完毕"
  
  echo "添加代码"
  cd $sourcePath
  sed -i '' '/<html/a\
  <script>var _hmt = _hmt || [];(function() {var hm = document.createElement("script");hm.src = "https://hm.baidu.com/hm.js?xxxx你的key";var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s);})();</script>' index.html
  echo "添加代码执行完毕"
  
  echo "开始上传$sourcePath 到 $target"
  #把dist/ 文件上传到 服务器 /www/
  echo "开始上传---------"
  
  for (( ; ; ))
  do
    rsync -avzP $sourcePath -e ssh $target > run.log 2>&1
  
    if [ $? -eq 0 ] 
    then
      echo "上传成功！"
      break
    fi
  done