下面是"博客园CnBlogs自定义博客样式分享"的完整攻略:
步骤一:创建博客园自定义样式
- 进入博客园网站,登录账号。
- 进入“设计”标签页,找到“自定义CSS”选项,点击进入。
- 在编辑框中输入你想要设置的CSS代码,可以使用已有的CSS模板,也可以自己编写,然后点击“发布”按钮,保存自定义的博客样式。
例1:使用CSS模板 – 添加BDP风格
/* BDP风格 */
.bdp{
border:1px solid #513716;
background:#fafafa;
color:#513716;
padding:10px;
text-align:left;
margin:15px 0;
}
例2:自定义CSS – 修改博客文章字体颜色
/* 修改博客文章字体颜色 */
.post-body p{
color:#1E90FF;
}
步骤二:分享自定义博客样式
- 生成StyleSheets,可以自行复制博客园生成的样式CSS链接,或者使用第三方分享平台如“GitHub Gist”。
- 复制样式文件链接,在博客园的“@博客设置”-“主题/皮肤”-“在线模板”-“添加模板”中填写自己分享的CSS文件链接、模板名称等信息,保存即可。
例3:分享到GitHub Gist
- 首先创建一个GitHub账号,登录后进入“Settings”- “Developer settings”- “Personal access tokens”,生成一个新的token用来分享代码(需要勾选“gist”权限)。
- 接着,你可以新建一个gist文件,将你的CSS代码拷贝进去并保存,获取到gist文件的Raw链接。
- 最后,将该链接复制到博客园的“@博客设置”-“主题/皮肤”-“在线模板”-“添加模板”,填写模板名称、作者及描述,保存模板即可。
以上就是“博客园CnBlogs自定义博客样式分享”的完整攻略了。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:博客园CnBlogs自定义博客样式分享 - Python技术站