首页 > 其他分享 >博客园如何设置自定义主题?

博客园如何设置自定义主题?

时间:2023-09-01 19:04:01浏览次数:53  
标签:1.5 rotate 自定义 博客园 transform 设置 translate px deg

博客园如何设置自定义主题?_博客园

作者:西瓜程序猿

主页传送门:https://blog.51cto.com/kimiliucn


前言

写博客也有一个月了,发现博客园自带的主题都不太好看,然后搜索了一下发现这款主题【Cnblogs-Theme-SimpleMemory】界面还挺好看的,也是开源的。那[西瓜程序猿]就以这个主题来介绍一下如何在博客园中进行配置,跟着一起来操作吧!


默认主题:

博客园如何设置自定义主题?_博客园_02

设置自定义主题:

博客园如何设置自定义主题?_CSS_03

博客园如何设置自定义主题?_CSS_04


一、提前准备

1.1-申请自定义JS权限

(1)可以点击下面网址进入到后台配置页面,找到JS权限,点击【申请JS权限】。

设置网址:用户中心 - 博客园

博客园如何设置自定义主题?_主题美化_05

(2)然后填写申请理由,申请理由样例(一般都会通过):

尊敬的管理员:您好,我需要自定义主题,麻烦通过下我的JS权限申请,谢谢!


1.2-修改博客皮肤

(1)将博客皮肤设置为【SimpleMemory】。

博客主题:SimpleMemory

博客园如何设置自定义主题?_博客园_06

博客园如何设置自定义主题?_主题美化_07

1.3-关闭代码行号

在代码高亮这一栏,将【显示行号】取消勾选。

博客园如何设置自定义主题?_CSS_08

不然会出现这种效果:

博客园如何设置自定义主题?_博客园_09

正常效果如下:

博客园如何设置自定义主题?_CSS_10


1.4-禁用默认CSS

在页面定制CSS代码这一栏,将【禁用模板默认CSS】勾选上。

博客园如何设置自定义主题?_CSS_11


1.5-侧边栏自定义配置

可以根据自行需要去配置博客侧边栏要显示哪些内容。首先点击 个人信息——>设置——>博客设置——>选项 ,也可以直接打开下面地址访问。

配置地址:用户中心 - 博客园

博客园如何设置自定义主题?_CSS_12


二、设置主题

主题名称:Cnblogs-Theme-SimpleMemory

开源地址:GitHub - BNDong/Cnblogs-Theme-SimpleMemory:

标签:1.5,rotate,自定义,博客园,transform,设置,translate,px,deg
From: https://blog.51cto.com/kimiliucn/7325308

相关文章

  • 为wordpress每个分类页面设置子域名(三级域名)
    更多网站技术讨论,欢迎移步:https://webtech.hanginthere.space 引言:对于一个内容管理系统而言,分类页面是一个链接主页与文章页面的枢纽。我们经常有为分类页面设置子域名的需求。设置”子域名”后,访问更佳便捷。本例以bluehost管理后台为例,描述了为wordpress每个分类页面设置......
  • Window10 设置 desktop.ini
    通过desktop.ini可以给文件夹和子文件夹自定义一些信息和文件夹图标 1.在文件夹中新建一个txt文档,将文件名和扩展名改为desktop.ini。2.使用notepad++、VisualStudioCode一类的文本编辑器进行编辑。3.相关命令行可查询百度百科[DESKTOP.INI]。4.自定义图标需要IC......
  • uniapp 如何自定义导航栏并自适应机型
    Uniapp是一款跨平台开发框架,可以同时开发出可以在多个平台(如微信小程序、H5、App等)上运行的应用。在开发过程中,我们常常需要自定义导航栏来满足UI设计的需求。本文将介绍如何在Uniapp中自定义导航栏并自适应不同机型的屏幕大小。1.使用nav-bar组件自定义导航栏Uniapp提......
  • pycharm编辑器如何设置换行
    PyCharm是一种PythonIDE,带有一整套可以帮助用户在使用Python语言开发时提高其效率的工具,比如调试、语法高亮、Project管理、代码跳转、智能提示、自动完成、单元测试、版本控制。此外,该IDE提供了一些高级功能,以用于支持Django框架下的专业Web开发。pycharm设置自动换行,步骤如下:1)只......
  • Vue进阶(幺伍玖):动态样式设置
    (文章目录)一、需求在Vue项目开发过程中,需要根据按钮数量动态设置icon元素宽度。二、分析在el-col标签内,若只展示1个icon元素的话,则设置宽度为100%;若显示2个icon元素的话,则设置宽度为50%;以此类推...三、解决方法<el-colv-for="(btn,index)inbtnArr":key="index":sty......
  • Java Swing查看字体和设置全局字体
    查看支持的字体以下代码用于运行时在控制台打印支持的字体GraphicsEnvironmentgEnv=GraphicsEnvironment.getLocalGraphicsEnvironment();finalStringAvailableFontFamilyNames[]=gEnv.getAvailableFontFamilyNames();Stream.of(AvailableFontFamilyNames).forEach(Sys......
  • 直播开发app,Xcode如何添加字体,自定义字体
    直播开发app,Xcode如何添加字体,自定义字体1.网上搜索字体文件(后缀名为.ttf,或.odf) 2.把字体库导入到工程的resouce中 3.在程序viewdidload中加载一下一段代码 NSArray*familyNames=[UIFontfamilyNames];for(NSString*familyNameinfamilyNames){  printf("Famil......
  • 解决Activity启动黑屏及设置android:windowIsTranslucent不兼容activity切换动画问题
    注:如果设置和取消会造成不同bug,冲突的解决设置不同的style,具体另行百度。。。。。。。之前在做APP的时候不太关注这个问题,因为自己在使用其他APP的时候也会在应用启动的初始有一个黑屏闪过后才会出现应用的欢迎页。直到最近开发过程中发现自己在欢迎页启动的线程由于请求和......
  • window服务重启脚本.bat(右键设置为 以管理员运行)
    startcmd/k"cd/dC:\ProgramFiles\nacos\bin&&startup.cmd"ping127.0.0.1-n25>nulstartcmd/c"cd/dC:\Users\admin\Desktop\nginx-1.16.1&&nginx.exe"startcmd/k"cd/dC:\ProgramFiles\geoserver\......
  • linux定时任务的设置
    为当前用户创建cron服务1. 键入crontab -e编辑crontab服务文件     例如文件内容如下:    */2****/bin/sh/home/admin/jiaoben/buy/deleteFile.sh     保存文件并并退出     */2****/bin/sh/home/admin/jiaoben/buy/deleteFile.sh......