博客园主题选址—搭建个人博客系列文章

Cnblogs-Theme-SimpleMemory 1.3.3 版本

2. 权限申请

先在博客园申请开通博客,这里就不做介绍了,然后申请 js 权限(博客侧边栏公告)

博客园主题选址—搭建个人博客系列文章

3. 博客园后台设置 3.1 用户设置

参数:

标题:主要影响后台的显示;

博客地址名:https://www.cnblog.com/博客地址名/,这个只会修改只能通过邮件申请,我申请过一次,申请完之后用了 js 的话,还会用旧的链接地址访问,需要把 css 和 js 的代码清掉保存,再重新填写再保存,才能快速清除;

登录用户名:这个影响不大,因为下面有个显示名称,就是替换这个的

密码:忽略

显示名称(作者名):这里会替换掉登录用户名的显示规则,会影响浏览器标签那里的 title,还有显示作者的地方;

邮箱:评论那里可以选择发送邮箱

回复通知邮箱:默认楼上那个

时区:utc+8 即可,北京时间

语言与地区:简体中文

3.2 模板设置

image-20200928102152457

参数:

博客皮肤:选择SimpleMemory

页面定制 CSS 代码:

CSS代码位置:/src/style/base.min.css 拷贝此文件代码至页面定制CSS代码文本框处。

/src/style/base.min.css 的修改参考 /src/style/base.css。博客设置请使用压缩版本,直接使用 /src/style/base.css 会字符超限!

禁用模板默认 CSS:这里要记得

博客侧边栏公告:

JavaScript 对象是被命名值的容器。值以名称:值对的方式来书写(名称和值由冒号分隔)。

<script type="text/javascript"> window.cnblogsConfig = { GhVersions : 'v1.3.3', //这里的版本要与最下面的 scripts 引用的 js 版本一致 blogUser : "欲戴王冠,必承其重...易波叶平", //用户名,主要是首页打开的为孩子 blogAvatar : "https://cdn.jsdelivr.net/gh/ZhaoUncle/images/blog/avatar.png", //用户头像 blogStartDate : "2017-11-17", // 入园时间,年-月-日。入园时间查看方法:鼠标停留园龄时间上,会显示入园时间 webpageTitleOnblur: '(o゚v゚)ノ Hi', //离开页面,title 显示的文字 webpageTitleFocus: '(*´∇`*) 欢迎回来!',//点击页面,title 显示的文字 webpageIcon: "https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@master/img/webp/blog_logo.webp", //网站图标 fontIconExtend: "//at.alicdn.com/t/font_2104671_57vkche3kz2.css",字体图标配置 menuNavList: [ // 菜单导航 ['导航名称', '链接', 'icon'] ['Blog', 'https://zhaouncle.com/', 'icon-blog-solid'], ['CMS', 'https://link.zhaouncle.com/', 'icon-logo1'], ['k8sYaml 生成器', 'https://k8syaml.com/', 'iconkubernetes1'], ], //homeBannerText: "好好学习,天天向上!",我这里不设置,用的主题的自动获取,默认获取诗词 //homeBannerTextType: "jinrishici", //jinrishici:每次刷新随机获取一句古诗词;one:每日获取一句话 homeTopImg: [ //首页轮播图,可以设置多个进行轮播 "https://cdn.jsdelivr.net/gh/ZhaoUncle/images/blog/home_top_bg.webp", "https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@master/img/webp/home_top_bg.webp" ], essayTopImg: [//文章页面最上面那个图片,每次刷新随机选择 "https://cdn.jsdelivr.net/gh/ZhaoUncle/images/blog/nothome_top_bg.webp", "https://cdn.jsdelivr.net/gh/ZhaoUncle/images/blog/wallhaven-4o5zm9.webp" ], menuUserInfoBgImg: 'https://cdn.jsdelivr.net/gh/ZhaoUncle/images/blog/menu_bg.gif',//菜单栏个人信息背景图 codeLineNumber: true, //代码行号渲染 footerStyle: 2, bottomText: { left : "长风破浪会有时", right: "直挂云帆济沧海", }, reward: { //文章打赏按钮,显示在页面右下角。 enable: true, wechatpay: 'https://cdn.jsdelivr.net/gh/ZhaoUncle/images/blog/WechatPay.png',//我这里设置的赞赏码 alipay: 'https://cdn.jsdelivr.net/gh/ZhaoUncle/images/blog/Alipay.png',//支付宝付款码 }, } </script> <script src="http://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v1.3.3/src/script/simpleMemory.min.js" defer></script> 3.3 开启公告控件

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpdfzf.html