博客园教程-定制皮肤
2020-10-09 19:34
801 查看
目录笔录草稿 步骤 2. 申请开通博客园 3. 申请支持 JS 权限 4. 配置皮肤添加 页面定制CSS代码 添加 博客侧边栏公告
前言
记录博客园皮肤设置。
链接
参考
- 上面链接
笔录草稿
步骤
- 注册博客园
- 申请开通博客园
- 申请支持 JS 权限
- 配置皮肤
1. 注册博客园
- 进入 http://www.cnblogs.com 该链接进行注册;
- 注意查收激活邮件;
- 输入手机接收到的激活码;
- 完成激活并进入登录页面。
2. 申请开通博客园
- 进入 我的博客;
- 申请博客; 填写申请理由
- 等待申请成功
3. 申请支持 JS 权限
- 进入我的博客
- 进入选项
- 进入账户设置
- 进入博客设置
- 申请 JS 权限 等待申请成功
4. 配置皮肤
(当前处于网页页面 A)
-
进入我的博客
-
进入选项
-
进入账户设置
-
进入博客设置
-
博客皮肤
选择 SimpleMemory
勾选 禁用模板默认CSS
勾选 允许 MetaWeblog 博客客户端访问
做好以上步骤后,开始源码配置
添加 页面定制CSS代码
-
在新的网页打开https://github.com/BNDong/Cnblogs-Theme-SimpleMemory(当前处于网页页面 B)
-
进入src/style/base.min.css(当前处于网页页面 B)
复制其源码(全部)(即是base.min.css文件内容)(去该链接复制 李柱明 ,但可能不是最新)
粘贴到上面步骤中的 博客设置-->页面定制CSS代码 中(当前处于网页页面 A)
添加 博客侧边栏公告
此步骤必须申请并通过 JS 权限
- 返回到https://github.com/BNDong/Cnblogs-Theme-SimpleMemory链接中(当前处于网页页面 B)
- 进入说明文档看官方教程或看本简略教程,如 v1.*.*(当前处于网页页面 B)
- 复制以下代码到 上面步骤中的 博客侧边栏公告 中(当前处于网页页面 A) 该例子为一个简陋的皮肤配置
- 需要丰富显示效果,可以参考官方文档,或留言讨论。
<script type ad8 ="text/javascript"> window.cnblogsConfig = { GhVersions : 'v1.3.3', // 版本 blogUser : "userName", // 用户名 blogAvatar : "https://xxxx.png", // 用户头像 blogStartDate : "2016-11-17", // 入园时间,年-月-日。入园时间查看方法:鼠标停留园龄时间上,会显示入园时间 } </script> <script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v1.3.3/src/script/simpleMemory.min.js" defer></script>
- 保存(当前处于网页页面 A)
- 刷新我的博客页面即可。
相关文章推荐
- 详谈如何定制自己的博客园皮肤
- 详谈如何定制自己的博客园皮肤【转】
- 博客园_02_详谈如何定制自己的博客园皮肤
- 博客园皮肤-我的博客园皮肤设置教程
- 开源博客QBlog开发者视频教程:博客皮肤模板制作指南-模板之拿来主义(六)
- 【转】2018最新csdn修改博客皮肤模板教程
- iOS 11开发教程(八)定制iOS11应用程序图标
- 博客园主题美化教程
- 【超详细教程】使用Windows Live Writer 2012和Office Word 2013 发布文章到博客园全面总结
- iOS 7 教程:定制iOS 7中的导航栏和状态栏
- 开源博客QBlog开发者视频教程:[皮肤]模板机制页面填充解说(五)
- Scott Mitchell 的ASP.NET 2.0数据教程之二十:定制数据修改界面
- iOS 7 教程:定制iOS 7中的导航栏和状态栏
- 昕友亿方InfoPath智能平台软件视频教程公开,4分钟学会轻松定制企业级应用软件
- 英雄联盟自定义皮肤教程[使用篇]
- (译)Silverlight教程第七部分: 使用控件模板定制控件的观感
- iOS 7 教程:定制iOS 7中的导航栏和状态栏
- 一套简约漂亮的响应式博客园主题皮肤
- 我的博客园定制样式
- 基于Yii框架1.14的博客教程(翻译)_定制建立更新操作_第21节