最近收到好多朋友私信我怎么做的博客園的首頁。我來回答一下吧
1.點擊博客設置
2.在修改設置的頁面CSS設置中寫上你想要的代碼
3.保存
我的博客園首頁代碼
1.首頁圖片效果代碼：
將自己想要的圖片放到自己的相冊里面，然后鏈接
#home{
background-image:url("https://www.cnblogs.com/images/cnblogs_com/yitou13/1339024/o_wennuai.jpg");
}
#matrix{position: fixed; top:0; left: 0; z-index: -1; opacity:0.8;}
2.首頁的動畫效果：
<!-- 背景動畫 --> <canvas id="c_n9" width="1920" height="990" style="position: fixed; top: 0px; left: 0px; z-index: -1; opacity: 0.5;"></canvas> <script src="https://files.cnblogs.com/files/jingmoxukong/canvas-nest.min.js"></script>
3.幾乎大家都會問到的那個妹子的效果
這一段可以放在那個首頁html里面
<img src="https://www.cnblogs.com/images/cnblogs_com/yitou13/1339024/o_wennuai.jpg"> <canvas id="c_n4" width="1264" height="280" style="position: fixed; top: 0px; left: 0px; z-index: -1; opacity: 0.5;"></canvas> <canvas id="c_n4" width="300" height="600" style="position: fixed; opacity: 0.7; right: 0px; bottom: -20px; z-index: 99999; pointer-events: none;border-style:hidden;"></canvas>
<html>
<head>
<meta charset="UTF-8" />
<title>Live2d Test Env</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js"></script>
<script type="text/javascript">
L2Dwidget.init();
</script>
</body>
</html>