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
  複製代碼