自定义博客园Markdown样式.超简单!
2017-09-01 17:39
721 查看
前言
写笔记就喜欢用Markdown, 轻量, 直观, 易保存. 但是博客园自带的Markdown样式, 实在惨不忍睹.
不说别的, 多行代码样式看起来, 实在别扭, 字体太小. 虽然不排斥其它等宽字体作为代码字体, 但
是我个人已经习惯Consolas字体.
博客园官方最早的样式设置教程, 我看了下基本能追溯到2008年, 而且常年没跟新了, 在网上看了其
它大牛分享的样式设置, 又感觉特别麻烦, 索性自己研究个简单的分享给大家.
实现方式
在博客园上写过博客的朋友都知道, 博客园前台基本就两个界面: 首页, 文章页. 分别在这两个页面
上查看源代码可以看到, 所有应用在文章中的CSS样式表. 如下图:
上图第8行和第11行的样式表, 是博客园自带的样式表, 我们不用管它. 而第9行样式表是皮肤样式表
也就是我们选择的皮肤对应的样式表, 第10行是关键, 我们图中href地址也可以想到, 这正是
用户自定义样式所存放的位置.
大家可以在这里, 看到我自己定义的样式表.
OK, 现在问题来了, 我们应该在哪写该样式呢. 很简单
管理->设置里就有. 如下图所示:
我的样式表中那些选择符是怎么来的
很简单, 用浏览器自带开发者工具1个1个选中查看, 并不太多, 因为组成Markdown的基本语法本身就
不多, 为此我专门在博客园上写了篇包含Markdown基本元素的博客, 供大家测试.博客链接是:
http://www.cnblogs.com/asheng2016/p/7462731.html
相关文章推荐
- 自定义博客园Markdown样式.超简单!
- 自定义博客园Markdown样式.超简单!
- 自定义博客园Markdown样式.超简单!
- Android 自定义Notification消息通知样式并实现与Activity简单交互
- Android EditText简单自定义边框样式
- 【WPF】右下角弹出自定义通知样式(Notification)——简单教程
- Android自定义简单spinner样式
- 博客园样式排版自定义
- 自定义简单ProgressBar样式
- 最简单的方法在DataGrid中自定义样式列(通过继承可以在Datagrid中使用下拉列表框,日期控件等)
- Android简单自定义Dialog样式
- 优化博客园Markdown样式(代码行号、版权信息、章节目录等)
- 博客园自定义样式
- 最简单的android自定义进度条样式
- RatingBar简单介绍+自定义样式
- 一只大二狗的Android历程--简单自定义按钮样式(Custom Button Style)
- 自定义博客园样式
- 最简单的自定义Toolbar SearchView样式方法
- [Android初级]自定义SeekBar样式(简单说明)
- 自定义简单的Toast,可自行修改文字、图片、样式