修改部落格園主題
參考模板為：本部落格皮膚 - 張賀賀呀 - 部落格園
1.賬號設定
在賬號設定中
1.選擇部落格皮膚為SimpleMemory，因為部落格皮膚的修改是基於該皮膚
2.申請JS許可權，一般申請後1-2h會透過
3.將參考模板中的程式碼分別貼上到側邊欄、CSS等對應框中
2.個性化設定
完全照搬博主程式碼的話，最終的呈現為：
顯然需要根據自身需求進行修改
這裡我只修改了ID和頭像
<input id="linkListFlg" type="hidden" />
<script type="text/javascript">
window.cnblogsConfig = {
info: {
// 使用者名稱
name: '瘋狂生長的陳大花',
// 入園時間，年-月-日。入園時間檢視方法：滑鼠停留園齡時間上，會顯示入園時間
startDate: '',
// 使用者頭像
avatar: 'https://images.cnblogs.com/cnblogs_com/blogs/823955/galleries/2428545/o_241028060920_ac44cc918f0c03718014684c630bfe2.jpg',
// 瀏覽器 URL 圖示
blogIcon: 'https://images.cnblogs.com/cnblogs_com/blogs/823955/galleries/2428545/o_241028060920_ac44cc918f0c03718014684c630bfe2.jpg',
},
banner: {
home: {
//title: "每一個不曾起舞的日子，都是對生命的辜負。", // 主頁banner上的標語，顯示自定義文字，預設為空，自動獲取一句。String []
titleSource: 'one',
background: [ // 隨機背景圖 String []
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240310163315200-426613682.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240310163319634-201179836.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240310163323655-893358695.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240310163326095-976420367.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240310111459241-1451009357.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240310110249189-176402640.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240310110253773-1474497184.png",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240310110254496-884156417.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240310110257840-1802105579.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240310110310116-1894663626.png",
"https://img2023.cnblogs.com/blog/1703421/202311/1703421-20231125221944507-159693916.jpg",
"https://img2024.cnblogs.com/blog/1703421/202401/1703421-20240102175731472-263991923.jpg",
"https://img2023.cnblogs.com/blog/1703421/202311/1703421-20231125212020114-819240456.jpg",
"https://img2023.cnblogs.com/blog/1703421/202311/1703421-20231125214350867-1322188558.jpg",
"https://img2023.cnblogs.com/blog/1703421/202311/1703421-20231129140906633-177410357.png",
"https://img2023.cnblogs.com/blog/1703421/202311/1703421-20231129140945753-1279223673.png",
"https://img2023.cnblogs.com/blog/1703421/202311/1703421-20231129140957451-1264089131.png",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240304001400494-2052478393.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240304001415780-913000671.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240304001418771-1675534358.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240304001423006-2133976071.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240304001600042-1070749779.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240310001335098-1862521286.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240310001338678-576805841.png",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240310001342146-466610421.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240310001342130-549712928.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240310103532351-177655502.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240310103541442-231235295.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240310103543657-1156047846.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240310103546085-1821559301.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240310103549772-353242332.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240310103550931-176356463.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240310103553145-527898920.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240310103556609-1770168331.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240310105444509-454081967.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240310105445698-396884579.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240310105446809-775985574.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240310105448334-1092172286.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240310105451052-271930450.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240310105452501-1627966856.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240310105452373-297405267.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240310105454049-1022664240.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240310105455602-1463908850.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240310105456658-44939845.jpg",
"https://img2024.cnblogs.com/blog/1703421/202403/1703421-20240310105458425-483864649.jpg",
],
},
// 文章頁頭圖
article: {
background: [
"https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v2.0.4/dist/images//6d995b207bae4175ff28.webp",
"https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v2.0.4/dist/images//e58d9f9d0eee6d9b9add.webp",
],
},
},
sidebar: { // 列表資料 ['導航名稱', '連結', 'icon']
},
// 頁面載入loading
loading: {
rebound: {
tension: 16,
friction: 6,
},
spinner: {
id: 'spinner',
radius: 90,
sides: 3,
depth: 20,
colors: {
background: '#f0f0f0',
stroke: '#272633',
base: null,
child: '#272633',
},
alwaysForward: true, // When false the spring will reverse normally.
restAt: 0.5, // A number from 0.1 to 0.9 || null for full rotation
renderBase: false,
}
},
// Object 頂部進度條
progressBar: {
id: 'top-progress-bar', // 請勿修改該值
color: '#77b6ff',
height: '2px',
duration: 0.2,
},
// 頁面標籤
title: {
// String "(oﾟvﾟ)ノ Hi" 失去焦點標籤文字 當頁面失去焦點，頁面title顯示的文字。
onblur: '(oﾟvﾟ)ノ Hi',
// Number 500 失去焦點變化延時 當頁面失去焦點，頁面title變化的延時時間，單位毫秒。
// 該配置值為 -1 時，當頁面失去焦點，頁面title顯示的文字不會變化。
onblurTime: 500,
// String "(*´∇｀*) 歡迎回來！" 獲取焦點標籤文字 當頁面獲取焦點，頁面title顯示的文字；顯示後，延時恢復原title。
focus: '(*´∇｀*) 歡迎回來！',
// Number 1000 獲取焦點變化延時 當頁面獲取焦點，頁面title變化的延時時間，單位毫秒。
// 該配置值為 -1 時，當頁面獲取焦點，頁面title顯示的文字不會變化。
focusTime: 1000,
},
// 頁尾
footer: {
// Number 2 頁尾樣式 1 2 分別代表了不同的樣式
style: 1,
// 頁尾標語
text: {
// String "" 頁尾標語左側文字。
left: '天天熬夜',
// String "" 頁尾標語右側文字。
right: '遲早猝死',
// Object "" 字型圖示
iconFont: {
// 圖示名稱
icon: "icon-xl",
// 圖示顏色
color: "red",
// 圖示大小
fontSize: "16px"
}
},
},
// 友情連結
links: {
// Array [] 頁尾友鏈
footer: [
["私信我", 'https://msg.cnblogs.com/send/chenkeer'],
["age", 'https://www.agefans.cc/'],
],
// 友鏈頁
page: [
{
name: 'ZhangHe', // 暱稱
introduction: 'IT技術類部落格', // 簡介
avatar: 'https://images.cnblogs.com/cnblogs_com/yizhangheka/1695816/o_230526064744_ZVArHsuH5w_0365de1b.png', // 頭像
},
],
},
// 右下角選單
rtMenu: {
// url "" 二維碼圖片Url。
qrCode: '',
// 打賞二維碼
reward: {
// 支付寶收款碼
alipay: '',
// 微信收款碼
wechatpay: ''
},
},
// Object 日/夜間模式 日/夜間模式配置。頁面使用日/夜間模式優先順序：使用者設定 > 自動切換 > 預設。
switchDayNight: {
enable: true, // 是否開啟日/夜間模式切換按鈕
auto: { // 自動切換相關配置
enable: false, // 開啟自動切換
dayHour: 5, // 日間模式開始時間，整數型，24小時制
nightHour: 19 // 夜間模式開始時間，整數型，24小時制
}
},
// 動效 版本 v2.0.3 及之後，所有動效預設配置為關閉。
animate: {
// Object 主頁banner動效配置。
homeBanner: {
enable: true, // 是否開啟動效
options: {
radius: 15,
density: 0.2,
color: 'rgba(255,255,255, .2)', // 顏色設定，“random” 為隨機顏色
clearOffset: 0.3
}
},
// Object 文章頁banner動效配置。
articleBanner: {
enable: true,
},
// Object 背景動效
background: {
enable: true,
options: {
colorSaturation: "60%",
colorBrightness: "50%",
colorAlpha: 0.5,
colorCycleSpeed: 5,
verticalPosition: "random",
horizontalSpeed: 200,
ribbonCount: 3,
strokeSize: 0,
parallaxAmount: -0.2,
animateSections: true
}
},
},
// 程式碼
code: {
// String "" 渲染型別/** 所有可配置項
// cnblogs: 使用部落格園預設程式碼高亮樣式。
// hljs: 使用 Highlighting 外掛渲染程式碼高亮樣式。
// */
type: 'hljs',
// Object 只有 code.type 為 hljs 時，此配置才生效。
options: {
hljs: {
/** 所有可配置項
default、a11y-dark、a11y-light、agate、an-old-hope、androidstudio、arduino-light、arta、ascetic
、atelier-cave-dark、atelier-cave-light、atelier-dune-dark、atelier-dune-light、atelier-estuary-dark
、atelier-estuary-light、atelier-forest-dark、atelier-forest-light、atelier-heath-dark
、atelier-heath-light、atelier-lakeside-dark、atelier-lakeside-light、atelier-plateau-dark、atelier-plateau-light
、atelier-savanna-dark、atelier-savanna-light、atelier-seaside-dark、atelier-seaside-light
、atelier-sulphurpool-dark、atelier-sulphurpool-light、atom-one-dark-reasonable、atom-one-dark、atom-one-light
、brown-paper、codepen-embed、color-brewer、darcula、dark、darkula、docco、dracula、far
、foundation、github-gist、github、gml、googlecode、grayscale、gruvbox-dark、gruvbox-light、hopscotch
、hybrid、idea、ir-black、isbl-editor-dark、isbl-editor-light、kimbie.dark、kimbie.light、lightfair
、magula、mono-blue、monokai-sublime、monokai、nord、obsidian、ocean、paraiso-dark、paraiso-light、pojoaque
、purebasic、qtcreator_dark、qtcreator_light、railscasts、rainbow、routeros、school-book、shades-of-purple
、solarized-dark、solarized-light、sunburst、tomorrow-night-blue、tomorrow-night-bright
、tomorrow-night-eighties、tomorrow-night、tomorrow、vs、vs2015、xcode、xt256、zenburn
*/
// 程式碼高亮主題。
theme: 'atom-one-dark-reasonable',
// 語言識別範圍，不配置預設不限制，支援語言 > https://github.com/highlightjs/highlight.js/blob/main/SUPPORTED_LANGUAGES.md
languages: ['Bash', 'CSS', 'Dockerfile', 'Go', 'HTML', 'XML', 'HTTP']
},
// String "" 程式碼框高度限制 限制高度。例如：70vh、70%
maxHeight: '70vh',
// Boolean false 程式碼行號渲染
// 是否渲染程式碼行號，如開啟會在程式碼框左側增加行號顯示，預設不開啟。 不與部落格園行號渲染相容，如果部落格園新增程式碼時勾選顯示行號並同時開啟此配置，會出現雙行號的現象。大家自己權衡使用此配置。
line: true,
// Boolean true 風格程式碼框 mac風格程式碼框樣式。
macStyle: true,
},
},
// 文章字尾
/*articleSuffix: {
// url "" 文章字尾左側圖片，不配置使用使用者頭像配置 info.avatar，使用者頭像沒配置使用主題預設頭像。
imgUrl: '',
// String "" 關於博主，支援HTML程式碼，不配置使用預設。
aboutHtml: "I am a good person",
// String "" 版權宣告 版權宣告，支援HTML程式碼，不配置使用預設。
copyrightHtml: "版權...",
// String "" 聲援博主，支援HTML程式碼，不配置使用預設。
supportHtml: "聲援...",
},*/
// Array [] 控制檯輸出
consoleList: [
['QQ', '746620446'],
],
// String "" 網站統計
//cnzz: "123456",
}
</script>
<script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v2.0.4/dist/simpleMemory.js" defer></script>
<script src="https://blog-static.cnblogs.com/files/zhangfengxian/cnblogs-nav.js"></script>