如何优化博客园的显示效果,提升阅读体验?

2026-05-19 16:330阅读0评论SEO基础
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计941个文字,预计阅读时间需要4分钟。

如何优化博客园的显示效果,提升阅读体验?

关于自由互联后台+首先进入后台管理页面,点击设置,进入设置页面,选择选项页面,设置博客皮肤:SimpleMemory+设置代码高亮(不要选择显示行号!!)+进入GitHub,切换版本:设置页面

关于自由互联后台

  • 首先进入后台管理页面,点击设置,进入设置页面

  • 选项页面

  • 设置博客皮肤:SimpleMemory

  • 设置代码高亮(不要勾选显示行号!!!)

  • 进入GitHub,切换版本:

  • 设置页面定制CSS代码:

CSS代码位置在GitHub中:/dist/simpleMemory.css 拷贝此文件代码至页面定制css代码文本框处(选中页面定制css代码文本框下面的禁用模板默认css)

  • 设置博客侧边栏公告:

在侧边栏HTML代码中设置一下代码:

1 <script type="text/javascript"> 2 window.cnblogsConfig = { 3 info: { 4 name: 'userName', // 用户名 5 startDate: '2021-01-01', // 入园时间,年-月-日。

阅读全文

本文共计941个文字,预计阅读时间需要4分钟。

如何优化博客园的显示效果,提升阅读体验?

关于自由互联后台+首先进入后台管理页面,点击设置,进入设置页面,选择选项页面,设置博客皮肤:SimpleMemory+设置代码高亮(不要选择显示行号!!)+进入GitHub,切换版本:设置页面

关于自由互联后台

  • 首先进入后台管理页面,点击设置,进入设置页面

  • 选项页面

  • 设置博客皮肤:SimpleMemory

  • 设置代码高亮(不要勾选显示行号!!!)

  • 进入GitHub,切换版本:

  • 设置页面定制CSS代码:

CSS代码位置在GitHub中:/dist/simpleMemory.css 拷贝此文件代码至页面定制css代码文本框处(选中页面定制css代码文本框下面的禁用模板默认css)

  • 设置博客侧边栏公告:

在侧边栏HTML代码中设置一下代码:

1 <script type="text/javascript"> 2 window.cnblogsConfig = { 3 info: { 4 name: 'userName', // 用户名 5 startDate: '2021-01-01', // 入园时间,年-月-日。

阅读全文