展开

关键词

动态博客的后台定制

搭建动态博客的初衷就是想随时随地,只要一个浏览器,就能更新博客。那么就需要一个后台来管理文章,包含文章编辑器,和各种表单控件。 使用方法非常简单,引入 CSS, Javascript 文件后,只需要一句话就搞定了: Html <script> var simplemde = new SimpleMDE({ element: document.getElementById 针对以上两点开始我们的定制

28110

博客园装修】博客css美化仿B站

本文链接:https://blog.csdn.net/shiliang97/article/details/103301032 很久不用博客园了,博客园是我最早开始写博客的平台https://www.cnblogs.com /hx97/,忽然想继续在博客园上写一些文章,但是博客园的皮肤不是特别喜欢了,(挺喜欢的,但是不是特别喜欢,我觉得换的好看一点点会让我更想写下去。) 博客更换前 ? ? 更换成Blibili样式,参考教程https://www.cnblogs.com/gshang/p/11869120.html 最后面是我的教程,也可以直接看原教程。 展示下我的博客效果 ? ? 只需要后台找到设置,然后换成Custom皮肤 ? 然后插入一行代码即可(引用人家写好的css) @import url(https://blog-static.cnblogs.com/files/gshang/gshang.2019.11.19.1.css

87720
  • 广告
    关闭

    腾讯云校园大使火热招募中!

    开学季邀新,赢腾讯内推实习机会

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    详谈如何定制自己的博客园皮肤

    页面定制CSS代码 博客侧边栏公告 页首Html代码 页脚Html代码 (2)页面定制CSS代码 不必添加内容,但是需要勾选 禁用模板默认CSS。 (3)博客侧边栏公告 添加以下代码: <! 定制博客CSS 的原理 为了帮助理解,说明这些输入框的作用时,我都截取了浏览器开发者工具的截图。 说明 市场上流行的浏览器基本上都支持开发者工具,一般快捷键为 F12。 页面定制CSS代码 在这里添加的 css 代码会被博客园添加到一个临时 css 文件中,并用于渲染你的博客页面。 ? 另外,需要将博客管理后台的主标题、子标题清空。 ? 文章内容样式定制 有关文章内容的样式定制,我都写入了 cnblog.js 和 cnblog.css。当然,为了提高访问速度,这两个文件被我压缩了。 如果想在我的源码基础上作一些修改,可以在这里访问源码: cnblog.js cnblog.css 带头像的评论栏 博客园的评论栏默认不显示用户头像,这样显得非常单调。所以我添加了一段定制代码。

    1.3K00

    博客css样式代码

    本文总结了如何美化博客园中文章的部分显示样式。美化文章标题的显示样式、增添LaTex数学公式的显示、目录索引的显示、添加文章末尾的固定信息。 0 获取权限 首先,在自定一个博客样式之前,我们需要进入博客园自定义博客模板的页面,向博客园管理团队申请页面运行js的权限。 【博客园】->【设置】->【博客设置】,点击页面上的js权限申请,然后填写申请的理由,耐心等几分钟,再刷新一下,页面就会显示支持js代码 。 1 美化文章标题 在【博客设置】页面中的【页面定制css代码】框中输入下面的css代码即可完成文章标题的美化的。 important; padding: 5px 0 5px 10px; text-shadow: 2px 2px 3px #222222; }  2 加一个可爱的返回顶部功能 css代码

    1.5K20

    技巧 - 快速定制生成 Ant Design 主题 CSS 文件

    温馨提示:因微信中外链都无法点击,请通过文末的 “阅读原文” 到技术博客中完整查阅版; 1、起因 因为项目的缘故,Antd 的样式 CSS 文件通过 link 标签引入,而该项目又要求自定义 Antd 我首先想到的能否直接去官网能否直接定制并下载 CSS 文件。 然而答案是 否定 的。 作为业界优秀的开源项目,Antd 提供了自定义定制主题样式的方法(在官网 定制主题 就有详细的说明)然而 Antd 却只提供了 LESS 样式定制的功能,并没有提供现成的生成 CSS 样式文件定制并下载的功能 利用关键字 antd theme css custom 搜索一番,还真找到几篇有用的文章(见文末参考文档)。随后经过本人的总结和实践,就有了本文介绍的定制生成 Antd 主题 CSS 样式文件的方法。 4、小结 从上可看到整个过程一次就能上手,后续想要生成另外一份定制CSS 文件就更简单了: 修改自定义的 my-theme.less 文件中的样式变量 执行 lessc --js my-theme.less

    1.6K20

    博客园美化插入代码css

    最近有几个博客园的朋友们私信问我怎么设置代码颜色字体的,干脆整理一下。 博客园写博客的TinyMCE编辑器下添加代码有两种方式,我平时用的是第二种,就是代码背景是一行灰一行白的,行号和代码之间有一条绿色竖线的这种。 important; }  然后,它的颜色是可以通过css定制的,下面的配色是按我的喜好配的: .syntaxhighlighter .preprocessor {/*头文件、预编译部分*/ important; } ---- 2017.4.30更新:博客园设置Google-code-prettify渲染代码高亮

    25310

    CSS博客网站添加时光轴记录

    我们玩独立博客的,都会有一个关于或发展历程的页面,专门用来记录我们折腾博客的一些重大事情。如果用时光轴来记录这些重大事情,可以让用户更加直观地看到我们的发展历程,这样对用户体验应该是有好处的。 在我们所使用的 WordPress 主题的 style.css 文件后面添加以下代码: /* 站点动态时间轴 */ #teamnewslist ol{list-style:none;margin-left 2、由于这个时光轴仅仅是通过 CSS 来实现,所以在编辑时光轴记录的时候一定要严格按照相应的格式编写才行。 3、同样是因为时光轴是通过 CSS 来实现,所以任何博客网站,包括 WordPress、zblog 等程序建立的博客网站都可以按这个方法成功添加时光轴记录。 沈唁志|一个PHPer的成长之路! 原创文章采用CC BY-NC-SA 4.0协议进行许可,转载请注明:转载自:纯CSS博客网站添加时光轴记录

    32730

    博客园主题修改中用到的css属性

    对于原主题中想要取消的css属性,使用inherit. 响应式 当屏幕宽度不同时,隐藏部分元素。 ease-in-out; border: 0; border-bottom: 1px solid #fff; color: #fff; width: 5pc; } 动画 css3

    69870

    CSS轻松实现博客网站Logo扫光效果(亲测有效)

    最近有网友跟我反馈,想要一个logo扫光的特效,第一款主题梦想家就有这个特效,不过后期也有人反馈说太卡,使用主题的时候CPU就爆了,好吧,那我就撤了,把相关的特效删除了没在跟紧,记得之前张戈在博客中有谈到过这个事情 我就想着为什么有些人会卡有些人不卡呢,服务器配置太低,但是一个css而已的,应该占不上太多的资源吧,抽空把css的logo扫光特效优化下,在主题模板中也用上了最新的logo扫光,当然也一定是加上了开关, rel="home">     辽联信息   

    css

    17130

    从 1 到 0 构建博客项目(2) -- 操作系统篇(2)--定制Centos

    我们定制镜像得把这两种都包含进去。 2.定制Centos redhat/oel同样适用。 删除检查选项的默认(不删除的话,就不得行,只能有一个默认,当然你手选也行,但就没得定制镜像的意义了撒) 2.1.4 配置ks.cfg(不会的可以用图形化的: system-config-kickstart (可加入定制镜像): 主要设置的是PS1环境变量和一些其它操作,我觉得太麻烦就打成rpm包了。 ='\t [\[\e[31;40m\]\u\[\e[0m\]@\h \[\e[36;40m\]\W\[\e[0m\]]\$' 2020-09-20_175243.png 5.升级openssh(可加入定制镜像 2020-09-20_175745.png 2020-09-20_182448.png 6.定制yum源(附加) createrepo 略....

    64730

    JS+CSS让网站嗨起来,博客要被玩坏了!

    昨天在无主题博客看到他分享了这个功能的代码之后,觉得可以试试。 代码保存为 hi.css 上传到网站即可,然后记住这个 css 文件的 http 路径,后面的 js 中需要填写。 ③、页面 JS 代码 <script type="text/javascript"> /* 定义hi.css */ var hicss="此处请填写hi.css的地址,比如http://zhangge.net onclick="hig();" ondblclick="location.reload(true);">点我嗨一下 将以上代码添加到网站的合适位置即可,样式可以进一步 DIY 一下,比如张戈博客是弄了一个图片启动按钮 三、文件下载 为了方便部署,张戈特意打包了所有代码和文件,不过要记得修改代码中的 CSS 和歌曲地址哦!

    61790

    自定义博客cnblogs样式的必备前端小知识——css

    css样式相关小知识 文字超出一行显示省略号 overflow: hidden; /*自动隐藏文字*/ text-overflow: ellipsis; /*文字隐藏后添加省略号*/ white-space 类选择器样式 > 元素选择器样式 过渡样式 transition: property duration timing-function delay; transition-property:指定过渡的css

    19110

    Emlog博客正文CSS实现首行缩进的方法,理论所有网页通用

    莫小奈说一下如果实现博客文章首行缩进两个字的空格的方法。   方法:给博客正文样式添加:text-indent:2em;    实现:审核元素,找到博客正文的样式,如本模板的为id="zoom",     ----在main.css找到#zoom #zoom {

    34020

    Docker - Nginx定制

    直接采用Nginx镜像进行定制修改 Docker容器换源 常用软件 apt-get install vim apt-get install lrzsz apt-get install zip unzip

    16730

    相关产品

    • 云直播

      云直播

      云直播(CSS)为您提供极速、稳定、专业的直播云端处理服务,根据业务的不同直播场景需求,云直播提供了标准直播、慢直播、快直播三种服务,分别针对大规模实时观看、高并发推流录制、超低延时直播场景,配合移动直播 SDK,为您提供一站式的音视频直播解决方案。

    相关资讯

    热门标签

    活动推荐

    扫码关注腾讯云开发者

    领取腾讯云代金券