博客配置Racket代码字体
我想在博客园的文章中插入Racket代码,但是博客园的代码块和高亮都太难看了,如果能把scribble/manual的CSS文件中的Racket代码块的配置拿出来就可以有漂亮的Racket代码高亮了,而且和官网racket-lang.org上的一模一样。示例如下:
(require 2htdp/image) ; draw a picture (let sierpinski ([n 8]) (cond [(zero? n) (triangle 2 'solid 'red)] [else (define t (sierpinski (- n 1))) (freeze (above t (beside t t)))])) 
代码高亮的CSS文件可以从我的博客园文件里下载:https://blog-static.cnblogs.com/files/yuziwen/my-racket-style2.css,直接把它复制进设置里的自定义CSS就可以了。当然还是要自己用scribble写代码,生成了html以后把maincolumn 里的HTML复制过来(链接直接替换成官网的链接)就可以了。如果只想复制代码不想复制正文格式的就把 main 里的复制过来就可以了
当然,因为博客园自己的CSS文件太过凌乱,我根本搞不清楚应该覆盖掉哪些原来的格式,就干脆批量把所有格式加上!important了。也就是说,如果你想自己再添加格式的话,必须加在那个CSS文件的后面并全部加上!important才行......
博客配置Racket代码字体的更多相关文章
- github博客配置
		配置基础环境 1.先下载github,运行git bash,输入 12 npm installnpm install -g hexo 2.选择一个熟悉的地方创建hexo文件夹,打开文件夹,在文件夹中运 ... 
- Hexo博客配置笔记
		安装Hexo npm install hexo-cli -g cd /blog hexo init 安装next主题 git clone https://github.com/iissnan/hexo ... 
- 使用Hexo搭建个人博客配置全过程
		大致过程分为: 1.搭建Node.js 环境 2. 搭建Git 环境 3.安装配置Hexo 4.GitHub 注册和配置 5. 关联Hexo 与 GitHub Pages 7.Hexo的常用操作 下面 ... 
- 云开发中的战斗机 Laf,让你像写博客一样写代码
		各位云原生搬砖师 and PPT 架构师,你们有没有想过像写文章一样方便地写代码呢? 怎样才能像写文章一样写代码? 理想的需求应该是可以在线编写.调试函数,不用重启服务,随时随地在 Web 上查看函数 ... 
- 借用Snippet插件美化博客中的代码
		书写博客,难免要贴出代码.然而直接贴出代码,则不美观.于是,应运而生出现了很多代码美化的插件.其中比较有名的是Syntax Highlighting插件. 笔者在网上翻阅的时候发现了Snippet ... 
- Word 2013发布博客配置步骤
		.打开Word 2013,点击"共享"››"博客": .在打开的窗口中点击"管理帐户": .然后点击"新建": ... 
- 使用Markdown在博客里插入代码
		今天尝试了一下在线使用Markdown编辑器写博客,发现想要实现下面这样的效果还真得折腾一会儿. <html> <head> <meta charset="ut ... 
- javascript博客爱心特效代码与代码解析
		这个鼠标点击出现爱心的特效经常在别的博客里见到,于是我查了度娘后拿来直接用上了. 虽然不知道原作者是谁,但肯定是个大神,只有通过观摩他/她的代码膜拜一下啦. 直接上代码(解析在代码注释里): // 自 ... 
- [2017BUAA软工]第二次博客作业:代码复审
		〇.comment链接 https://github.com/hanayashiki/Sudoku/issues/1 一.代码复审 1.概要部分 (1)代码能符合需求和规格说明么? 经测试,对于合法输 ... 
随机推荐
- sysbench 多线程异步io模拟mysql测试的脚本
			用于测试的脚本: for size in 100 do cd /mnt/stec sysbench --test=fileio --file-num=1 --file-total-size=${siz ... 
- MySQL 8.0新特性之原子DDL
			文章来源:爱可生云数据库 简介 MySQL8.0 开始支持原⼦ DDL(atomic DDL),数据字典的更新,存储引擎操作,写⼆进制日志结合成了一个事务.在没有原⼦DDL之前,DROP TABLE ... 
- selenium-百度搜索框输入后,定位联想下拉框元素
			1.输入关键字后,显示联想下拉框,鼠标右键对应的联想字段,点击检查,就可在F12模式下元素查看器中定位到,之后使用Xpath定位. 
- div中嵌套div水平居中,垂直居中
			方法一: div(父):display:table; div(子):display:table_cell;margin:0 auto;vertical-align:middle; 方法二: div(父 ... 
- C借函数指针构造映射
			这是候老师的<深入浅出 MFC>中C借函数指针构造映射截图,可以看到MFC们的映射思想: 
- day3-课堂代码
			# a = ('哈哈', 'xixi', 'hehe') # print(a[0]) # print(a[0:2]) # # # 列表 # a = ['哈哈', 'xixi', 'hehe', 1, ... 
- JS图片灯箱(lightBox)效果基本原理和demo
			到年底了,项目不怎么忙,所以有空特地研究了下KISSY中源码JS灯箱效果,感觉代码比较简单,所以就按照他们的思路依赖于Jquery框架也封装了一个,特地分享给大家,以前经常看到网上很多这样的插件,感觉 ... 
- Docker学习2-虚拟化
			虚拟化就是由位于下层的软件模块,根据上层的软件模块的期待,抽象(虚拟)出一个虚拟的软件或硬件模块,使上一层软件直接运行在这个与自己期待完全一致的虚拟环境上.从这个意义上来看,虚拟化既可以是软件层的抽象 ... 
- Mac 下搭建服务器
			1.开启服务器 Apache. sudo apachectl -k start 打开浏览器,在地址栏输入 localhost,如果出现 It works! 那么第一步已经成功了,如果没成功---出门左 ... 
- Android MD5算法
			package com.example.myapi.md5; import java.io.UnsupportedEncodingException; import java.security.Mes ... 
