博文

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

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总...

优化 huashengdun/webssh 增加生成SSH link 的功能

图片
本来  huashengdun/webssh 就有带参数的功能. 但是对于小白来说, 使用起来有障碍, 特别是, 里面的密码要经过 base64 转化. 所以增加了一个按钮, 用以生成一个带参数的链接. 这个链接可以添加到浏览器的书签栏, 下次直接按一下就SSH登录了. 演示视频 有这么几种应用的方案 1. 部署 Github 项目 https://github.com/crazypeace/webssh/ 比如, koyeb 就是这样的, 参考教程:  https://zelikk.blogspot.com/2023/10/huashengdun-webssh-codesandbox.html 2. 使用油猴脚本 https://github.com/crazypeace/huashengdun-webssh/raw/master/user.js/Build-SSH-Link.user.js 源码  https://github.com/crazypeace/huashengdun-webssh/blob/master/user.js/Build-SSH-Link.user.js

调试 Url-Shorten-Worker API报错 from origin 'null' has been blocked by CORS policy: Request header field content-type is not allowed by Access-Control-Allow-Headers in preflight response.

图片
问题  想调试 Url-Shorten-Worker, 把 index.html 保存在本地电脑上, 调用服务器https://1way.eu.org/的API, 报错 Access to fetch at 'https://1way.eu.org/bodongshouqulveweifengci' from origin 'null' has been blocked by CORS policy: Request header field content-type is not allowed by Access-Control-Allow-Headers in preflight response.

Chrome 开发模式调试 JS 脚本

图片
感谢阮一峰Newsletter提到的信息 https://www.ruanyifeng.com/blog/2022/07/weekly-issue-216.html 参考 https://blog.openreplay.com/how-to-use-chrome-as-a-code-editor-and-debugger

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'/>

The Hot3 in Last 30 Days

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

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