自定义博客园Markdown样式.超简单!
来源:互联网 发布:python 哪方面的私活多 编辑:程序博客网 时间:2024/05/20 08:45
前言
写笔记就喜欢用Markdown, 轻量, 直观, 易保存. 但是博客园自带的Markdown样式, 实在惨不忍睹.
不说别的, 多行代码样式看起来, 实在别扭, 字体太小. 虽然不排斥其它等宽字体作为代码字体, 但
是我个人已经习惯Consolas字体.
博客园官方最早的样式设置教程, 我看了下基本能追溯到2008年, 而且常年没跟新了, 在网上看了其
它大牛分享的样式设置, 又感觉特别麻烦, 索性自己研究个简单的分享给大家.
实现方式
在博客园上写过博客的朋友都知道, 博客园前台基本就两个界面: 首页, 文章页. 分别在这两个页面
上查看源代码可以看到, 所有应用在文章中的CSS样式表. 如下图:
上图第8行和第11行的样式表, 是博客园自带的样式表, 我们不用管它. 而第9行样式表是皮肤样式表
也就是我们选择的皮肤对应的样式表, 第10行是关键, 我们图中href地址也可以想到, 这正是
用户自定义样式所存放的位置.
大家可以在这里, 看到我自己定义的样式表.
OK, 现在问题来了, 我们应该在哪写该样式呢. 很简单管理->设置
里就有. 如下图所示:
我的样式表中那些选择符是怎么来的
很简单, 用浏览器自带开发者工具1个1个选中查看, 并不太多, 因为组成Markdown的基本语法本身就
不多, 为此我专门在博客园上写了篇包含Markdown基本元素的博客, 供大家测试.博客链接是:
http://www.cnblogs.com/asheng2016/p/7462731.html
阅读全文
0 0
- 自定义博客园Markdown样式.超简单!
- 自定义博客园Markdown样式.超简单!
- 自定义博客园Markdown样式.超简单!
- 超简单MarkDown教程
- 自定义css样式美化博客园
- 超简单自定义Toast
- 超简单的标记语言Markdown-写博客-语法-在线编辑器
- 自定义简单ProgressBar样式
- 自定义CSDN博客CSS样式
- 超简单Nsoup版Csdn博客爬虫
- Android简单自定义Dialog样式
- RatingBar简单介绍+自定义样式
- Android自定义简单spinner样式
- 【转载】自定义CSDN博客CSS样式
- 自定义超简单SearchView搜索框
- 超好的纯js日期控件 可以自定义样式
- Spinner自定义样式的简单应用
- 一个简单的自定义SeekBar样式
- 牛客错题集锦5
- StringBuffer、String、StringBuilder的用法以及他们的区别
- Spring注解@Resource和@Autowired的区别
- 心脏滴血漏洞简单攻击
- 快速幂
- 自定义博客园Markdown样式.超简单!
- 虚拟机网络设置
- 奔跑吧linux
- n皇后
- windows DLL共享变量
- POJ 2342 Anniversary party ~~Tree Dp
- ZooKeeper_5_Java操作ZK_创建节点
- 设计模式之观察者模式
- 洛谷1341 无序字母对