部落格園新增背景步驟

2022-04-09 12:34:44 字數 695 閱讀 5777

準備工作:

1,首先你的獲取到js許可權    申請後 半天左右能批下來   

2,與此同時可以 先找張好看的**儲存到部落格相簿中方面後面 使用   (不建議使用網上的鏈結或圖床 不穩定 畢竟是別人的  儲存到部落格保險些)

寫入**

3,接下來就是獲取許可權後  在自己部落格中找到body對應的class類名

5,然後使用該類名新增背景及其樣式;

其中background-attachment: fixed;   設定背景影象是否固定或者隨著頁面的其餘部分滾動   這裡設定為fixed 固定位置

background-size: cover;  設定大小為覆蓋 整個部落格body 這樣即使改變瀏覽器大小 背景也不會溢位了

background-position: center;  設定居中  ,也可以不設定    看自己需求

這樣的背景就設定好了!

部落格園新增目錄生成

以下兩種方法配合食用更佳 部落格側邊欄公告新增 也可以新增到頁尾html 注意 目錄生成標題對應markdown中的 和 其實也不一定新增在右上角,位置和顏色還有字型大小都可以隨自己喜好改的 頁面定製css 新增 生成部落格目錄的css uprightsidebar sidebartab sideb...

部落格園特效簡單新增

為了是部落格稍微花哨一點,不要太單調,簡單的新增了一些特效進來.時鐘人特效新增,只需要一段 就可以達到效果了.介面懸浮的輪播圖,本來是位置固定的,但是能夠展示的位置太小,就懸浮放置了.直接上介面的 div id carousel title 點選消失 figure img src alt title...

給部落格園新增目錄

目錄如上所示 將所生成的部落格html中的標題元素 h1 h6 檢出 根據目錄等級生成目錄樹 根據目錄樹生成html 插入到適當位置 獲取 cnblogs post body 元素下的標題元素 返回標題的陣列 returns function getheadsfrompost return data...