引入ace编辑器用作代码高亮(杀鸡焉用牛刀?

作者:V君 发布于:2020-3-20 22:57 Friday 分类:小服杂记

博客中有不少文章把代码段贴出来,有(dan)空(teng)的时候想办法去弄点样式,没(lan)空的时候就直接贴纯文本。是时候应该解决一下了。那就去看看用什么组件好吧。

(放狗出去找)发现了 highlight.js ,看起来不错,但不支持显示行号,并且作者也不打算实现它。那就再找找吧,(找了一会儿),想起 ace 编辑器了,如果只要设置成只读,它就是一个优秀的代码高亮组件,还能折叠代码块。

废话少说开始干!首先找到代码插入点,这次我选择在 content/templates/default/footer.php 底部的 #wrap 结束标记后面,插入 CDN 库引用然后写了下面的代码来启用。

先TL;DR一下使用方法:在需要高亮的元素上增加以下属性

  1. highlight="ace" 启用代码高亮
  2. ace-lang="javascript" 必选,指定代码语言
  3. ace-theme="chrome" 可选,配色主题

代码语言和配色主题可以参照源代码文件名。

注释掉 log 语句并甩锅给 IE(

//replace nbsp \xa0 to normal space \x20
function normalizeSpaces(elm){
    var nodes = elm.childNodes;
    for (var i=0; i < nodes.length; ++i){
        if(nodes[i].nodeName === "#text") nodes[i].textContent = nodes[i].textContent.split("\xa0").join('\x20');
        else normalizeSpaces(nodes[i]);
    }
}

if (ace===undefined){
    console.log('highlight: ace undefined, no works');
}else{
    var items = document.querySelectorAll('[highlight=ace]');
    //console.log(`highlight: found ${items.length} element(s) to highlight, dealing with it.`);
    for (var i=0;i<items.length;++i){
        var item = items[i];
        
        var aceLang=item.getAttribute("ace-lang");
        if (aceLang === null){
            //console.warn(`highlight: the highlight element #${i} missing attribute 'ace-lang', skipped`);
            continue;
        }
        
        normalizeSpaces(item);
        
        var aceTheme=item.getAttribute("ace-theme");
        if (aceTheme === null) aceTheme = "Chrome";
        
        var editor = ace.edit(item);
        editor.setReadOnly(true);
        editor.setOptions({maxLines: Infinity});
        editor.setTheme("ace/theme/"+aceTheme);
        editor.session.setMode("ace/mode/"+aceLang);
    }
}

继续水

标签: 软件开发 javascript Web技术

评论(0) 引用(0) 浏览(9)

将全部公开的SVN项目迁移到Git了

作者:V君 发布于:2020-3-19 20:12 Thursday 分类:小服杂记

由于 SVN 的占用空间日益增大,目前又主要以 Git 为主,使得备份空间占用变得越来越没有意义,因此花了几天时间来搬运。在这里向大家分担一下这个过程。其实也不复杂,只是比较繁琐。因为找不到好用的迁移方法,我用的是最笨的手动方式,即从 SVN 导出最新版然后推送到 Git。

找到办法之后就可以制定行动方案了,因为博客上面许多文章都引用了 SVN 的链接,得找出它们,将引用的项目搬到 Git,然后更新链接。大概被分成了如下 3 个阶段:

  1. 直接从数据库中搜索带有 SVN 链接文章
  2. 导出最新版,创建 Git 仓库,导入并检查编译
  3. 推送,然后重新回到步骤 1 直到所有文章都处理完

最后把 SVN 的公开访问关闭了,如果有需要访问原 SVN 有、但没被文章引用的项目,请留言,我会考虑为其创建公开的 Git 仓库。

标签: 源码管理

评论(0) 引用(0) 浏览(8)

在 IIS 使用 web.config 配置域名端口跳转

作者:V君 发布于:2020-2-9 0:21 Sunday 分类:小服杂记

— TL;DR —

按需将以下配置节点添加到 web.config ,修改目标域名,完成。

<?xml version="1.0" encoding="utf-8"?>
<configuration>
<system.webServer>
 <security>
   <requestFiltering>
   <fileExtensions allowUnlisted="true">
    <remove fileExtension=".cs" />
   </fileExtensions>
  </requestFiltering>
 </security>
 <rewrite>
  <rules>
    <rule name="RedirectGogs" stopProcessing="true" enabled="true">
      <match url="^gogs/(.*$)" />
      <action type="Redirect" redirectType="Temporary" url="https://gogs.topcl.net:8443/{R:1}"/>
    </rule>
    <rule name="DefultRedirectBlog" stopProcessing="true" enabled="true">
      <match url="(.*)" />
      <action type="Redirect" redirectType="Temporary" url="https://blog.topcl.net:8443/{R:0}"/>
    </rule>
  </rules>
 </rewrite>
</system.webServer>
</configuration>

— 听我扯扯 —

咋一看,不就是 rewrite + redirect (307) 不就好? 其实没有那么简单,比如源代码连接里以 .cs 后缀的代码文件 ()就在跳转的时候被 IIS 拦下来 404 了,因此还得额外加白。你可能会担心安全风险,但我这个空间仅仅用来跳转,根目录下只有这个 web.config 文件。

二月份的文章也只能这么水了,因为疫情只能把自己关在家

— 更新 —

将正则表达式改为 ^(?![\.].*$).* 可以忽略以特定字符开头的路径,使配置更灵活

标签: SSL证书 HTTPS ASP.NET IIS

评论(0) 引用(0) 浏览(43)

看来电信个人宽带的443端口也没了

作者:V君 发布于:2020-1-26 4:53 Sunday 分类:小服杂记

由于最近几天回家过年,很晚才发现博客打不开,经过各种排查发现似乎是443端口被封了。只好用外部空间来搞了个重定向到8443端口,使博客暂时以一个不太好看的网址重见天日。
之前已发布的链接依旧有效。

这就是一月份的文章?

标签: 端口封杀

评论(0) 引用(0) 浏览(53)

互联网接入方式升级为光纤,依旧保持公网IP

作者:V君 发布于:2017-5-1 22:12 Monday 分类:小服杂记

TL;DR: 缠住安装师傅要公网IP。

 

听我扯扯:

之前由于担心换光纤会把公网IP丢掉,就一直使用铜线接入互联网。

前段时间接到电信客服的电话,不由分说约了个时间让安装师傅上门升级光纤。。。

当时就捉急了,难道要租服务器或者用受限的转发方式?

赶紧咕狗看看,查到可以通过吼客服的方式弄到公网IP,才放心下来。

 

到了约定时间,安装师傅上门了。

给了个光纤猫,扯了根光纤进房,输入一串东西注册光猫终端之后,

用 telecomadmin 进去把设置改成能用路由器的方式。路由器的上网账号不变。


和预期的一样,IP被分配到100开头,由于之前咕狗过知道这不是公网IP,

就地访问 ip138 ,指出与路由器IP不同给安装师傅看,对此提出质疑。


做好了大扯三十六回合的准备,谁知道却被爽快地回应了,还以为会装不懂敷衍了事。

(扯远点:联通的安装师傅态度就很差,声称不知道公网IP,断开重新拨号试试看之类的)

得到承诺下个工作日完成调整并留下联系方式。


给电信基层工作人员的办事效率态度点个赞,

上门的时间是周六白天,下个工作日是周一,要隔两天,

然而在周日下午得到了公网IP,期间还多次主动短信确认状况。


总的来说其实也没有必要闹到吼客服的程度,只需要把安装师傅缠住就可以了。

评论(0) 引用(0) 浏览(580)

Powered by emlog 去你妹的备案 sitemap