初入江湖:打造自定义博客页面
书生下山,寻得秘笈
却说那书生,怀揣满腔热血,心念江湖,欲在浩瀚的互联网世界中开辟一方天地。闻听有一绝世秘笈,名曰 Cnblogs-Theme-SimpleMemory,乃诸多代码侠士梦寐以求之至宝。
书生来到大理,无意中听闻换装宝典在此地现世。心中一动,决意前往探寻。
勤学苦练,备齐装备
书生知晓,欲在江湖立足,必先备齐以下装备:
- 灵敏的电脑
- 稳定的网络
- 博客园账号
- 对代码的无限热爱
段誉道:“你欲学绝技,必先修炼内功,备齐装备方能事半功倍。”书生点头称是,开始准备所需。
运功调息,初步配置
书生按图索骥,开始调息运功,进行基础配置:
- 登入江湖:前往 博客园,登入账号。
- 进入后堂:点击右上角头像,选择“设置”,侧边栏“博客设置”。
- 选定皮肤:在“博客皮肤”中,选择“SimpleMemory”。
祭出秘笈,导入心法
装备齐全,心态平和,书生祭出秘笈,导入心法:
- 打开哆啦A梦的百宝箱,找到最新的 simpleMemory 代码。
- 复制主题自定义CSS部分,粘贴到“页面定制CSS代码”中。
- 复制以下代码,粘贴到“博客侧边栏公告”中。
<script type="text/javascript">
window.cnblogsConfig = {
info: {
name: 'userName', // 您的用户名
startDate: '2021-01-01', // 您的入园时间,年-月-日。入园时间查看方法:鼠标停留园龄时间上,会显示入园时间
avatar: 'http://xxxx.png', // 您的头像 URL 地址
},
}
</script>
<!-- 插件文件引入 -->
<script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@{VERSION}/dist/simpleMemory.js" defer></script>
<!-- 也可以使用下面的地址进行加载,CDN 使用哪家,大家自己权衡 -->
<!--<script src="https://jsd.cdn.zzko.cn/gh/BNDong/Cnblogs-Theme-SimpleMemory@{VERSION}/dist/simpleMemory.js" defer></script>-->
王语嫣在一旁指导:“秘籍虽好,须用心参悟,方能化为己用。”书生依言,将秘籍一一落实。
妙手偶得,完美布局
书生欲求完美,可根据己心进行布局调整:
- 调整配置:在复制的代码中,根据官方秘笈指引,调整各项配置参数。
- 微调布局:如需更改页面布局,可进一步修改CSS和JS代码,使其与心意相合。
仗剑天涯,测试效果
心法初成,书生仗剑天涯,测试效果:
- 保存设置:点击“保存”,等待系统更新。
- 查看博客:返回博客首页,查看心法实际效果,若有不妥之处,返回修改。
王语嫣赞道:“心法已成,须多加测试,方可完美。”书生依言行之,反复测试调整。
深入简出,登顶巅峰
段誉赞道:“然技艺无止境。不断精进,方可登顶巅峰。”书生铭记教诲,继续深入研读,提升自我。