博文

目前显示的是标签为“code”的博文

Blogspot最适合我的 还是不用代码高亮 / code-prettify / Prism / highlight.js

图片
除了 google 的  code-prettify , 其实我也尝试过 Prism 和 highlight.js Prism 用法 在blogspot的模板里添加 <link href='https://cdn.jsdelivr.net/npm/prismjs@1.29.0/themes/prism.min.css' rel='stylesheet'/> <script src='https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-core.min.js'/> <script src='https://cdn.jsdelivr.net/npm/prismjs@1.29.0/plugins/autoloader/prism-autoloader.min.js'/> 效果 Prism没有自动识别代码的功能. 需要写blog时, 切换到html模式手动写 pre code 以及指定代码类型 可以有下面这样的效果. (当然, 配色方案能找到很多选择) highlight.js 用法 <link href='https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css' rel='stylesheet'/> <script src='https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js'/> <script>hljs.initHighlightingOnLoad();</script> 效果 highlight.js可以自动识别代码类型, 不过也不怎么准, bash识别成 Ruby 如果想bash识别准确, 每行命令前面要打那个#号. 那这样又不方便直接复制之后在命令行里直接粘贴运行了. 对JS代码的判断还正常. 还有一个最大的问题, 我把blockquote替换为pre code之后, highlight.js总...

Blogspot引入google的code-prettify实现代码高亮

图片
最早的时候, 我是用 CSS定义blockquote来实现某种意义上的显示代码 . 这两天, 看到一个推荐google的code-prettify项目的博客 https://www.shushen.xyz/ 就想到怎么把这个引入到 blogger 里面来.

显示代码优先使用 Source Code Pro 字体

font-family: "Source Code Pro", Menlo, Monaco, Consolas, "Courier New", monospace

第一次翻墙 申请namesilo.com便宜域名 $0.99 一年 $1 优惠码 coupon code 'crazypeace' 或 'crazyzelikpeace'

图片
.xyz $0.99 首年 first year.  https://www.namesilo.com/?rid=ef95362qr   namesilo.com $1 优惠码 coupon code  crazypeace  或  crazyzelikpeace

在Blogger里用box-shadow的CSS样式显示图片阴影

图片
起因是,有些教程里贴了比较多的图片,图片是在白色为底色的界面上截下来的,教程本身页面也是白色为底,如果有多个图片连续的时候,容易让读者分不清图片之间的分隔。

Bandwagon开官方机场(VPN)了Just My Socks 内有优惠码 discount promo code

图片
Bandwagon官方开了个机场(VPN)  Just My Socks (点此购买) https://justmysocks.net/members/aff.php?aff=256&gid=1 支持中文。支持支付宝。支持PayPal。

在Blogger里用比较好的CSS样式显示代码

图片
Blogger没有提供显示代码的样式。可以用一个取巧的办法,把引用样式Hack成用于显示代码的样式。

The Hot3 in Last 30 Days

RackNerd VPS搭Hysteria2 HY2梯子 年付 $10.98 1G端口 3T流量 17G存储 1GB内存

强行重装 233boy的sing-box脚本 取消脚本报错退出的逻辑