博文

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

在 blogger 的内容中使用 markdown

图片
群里有人讨论如何在blogger中使用markdown 思路 以前在 短链转markdown日记本 的方案中, 页面内容<textarea>中是markdown格式文本, 外面再挂一段简单的JS转换markdown到HTML.

blogspot给blockquote代码段添加复制按钮

图片
上回书说到 , 我还是回到了用blockquote显示代码的方案. 那么, 没有复制按钮还是不方便呀.

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给代码段添加复制按钮

图片
之前我们实现了给代码段添加高亮. https://zelikk.blogspot.com/2024/05/blogspot-code-prettify.html 但是如果一行太长, 就会这样. 用鼠标拖着去选择, 很不方便. 这时候如果有个复制按钮就好了. 之前一直以为很复杂. 今天既然又有冲动了, 就查一查吧.

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

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

用Stylish插件修改blogger编辑器宽度

图片
blogger的系统有一点点 "过时". 在编辑博文的时候, 我觉得编辑器的宽度有点太窄, 特别是在比较大的显示器上, 显得没有充分利用. 可以打开开发者工具, 找到这个页面元素, 把width属性改大一点. 但是这样修改的结果, 只要刷新页面就复原了. 为了能每次打开这个编辑器页面都可以自动修改. 可以使用插件实现.

如果想youtube不走warp,只让google走warp

图片
编辑 config.json 如果你是用的我的脚本 https://github.com/crazypeace/V2ray_VLESS_WebSocket_TLS_CaddyV2 在让google走warp的routing 上面 添加一段 (蓝色部分) 因为routing里面的规则是按顺序判断的,如果命中规则就执行(打上Tag),并跳过之后的规则。  * 根据你自己的小鸡的实际情况, 原生出站是IPv6就写IPv6, 原生出站是IPv4就写IPv4.  {       "type": "field",       "outboundTag": "force-ipv6",  // force-ipv4 // socks5-warp       "domain": ["geosite:youtube"]  // ***  },              {       "type": "field",       "outboundTag": "socks5-warp",  // force-ipv4 // socks5-warp       "domain": ["geosite:google"]  // ***  }, 能直接这么写的原因是, 在outbound的部分已经写好了根据tag指定IPv4或IPv6出站 {     "protocol": "freedom",     "settings": {         "domainStrategy": "UseIPv4"     },     "tag": "force-ipv4" }, {     "protocol": "freedom",     "settings": {     ...

Blogger 连接 Google Analytics UA-XXXXXXXXX-X

图片
Google Analytics默认生成的统计ID是G-XXXXXXXXXX,填不到Blogger后台里面去。 我们要生成“老版本”的Google Analytics统计ID UA-XXXXXXXXX-X

Blogger修改Google AdSense样式 提醒用户 '此为广告'

图片
作为个人博客, 希望能从Google AdSense挣到一点广告费. 但是Google添加的广告有些确实一眼看过去容易让读者误以为是网站正文插图. 

Blogger的精选博文FeaturedPost只在首页Homepage出现

图片
也许你有希望重点宣传的博文,或者你想置顶一篇声明,于是你在Blogger里设置了 精选博文。也许你觉得在首页显示“置顶”博文的摘要就够了,不用在打开某篇博文还要显示这个。那么……

Blogger应用text-autospace.js给中英文之间 添加空格 用Github Pages解决MIME type mismatch问题 引入jquery解决$ is not a function问题

图片
添加<script src='https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js'/> 添加<script src='https://crazypeace.github.io/text-autospace.js/text-autospace.min.js'/>

修改Blogger模板 自定义CSS时 使用!important

图片
修改Blogger模板 自定义CSS时 会发现添加的CSS代码没有全部生效。

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

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

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

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

把域名指向blogspot

图片
之前玩v2ray的时候,申请了个域名,指向VPS的网盘。后来想在VPS上改一点功能,VPS的网站服务就时开时关的。再后来好像是有个什么问题,一直没弄。 几天前,freenom发个邮件过来,说域名没有实际上的网站在使用,就把域名收回去了。不过,说这个域名还是对所有人开放的,我还可以再申请过来。 我想,那好吧,就把我的blogspot指向这个域名,把坑占住。VPS的梯子那边以后再用二级域名好了。 参考: https://support.google.com/blogger/answer/1233387?hl=zh-Hans&ref_topic=6321959 1. 找到blogger的设置页面,把已经申请到的域名填进去 2. 点保存,Google会告诉你需要如何做。对于一个普通的DNS,可以照着一点点设置。要注意选CNAME类解析,后面才可以填域名(否则A类解析只能指向IP) 3. 对于Cloudflare来说,DNS支持上传配置文件。所以我们直接把这个DNS配置文件下载下来,再上传到Cloudflare的DNS配置页面上去。 Cloudflare的DNS页面,要点“Advanced”才会出现“Upload”。 4. 上传DNS文件后应该成这个样子。 如果你希望在国内访问,那么要把后面的灰色云朵都点成橙色的。 5. 如果希望 abba.tk 自动跳转到 www.abba.tk 的话,要在blogger的设置里勾上这一项 --- 后记 看上去这篇讲了很多异常处理. 可以作为参考  https://www.idcbuy.net/it/2783.html

The Hot3 in Last 30 Days

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

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