0

Image Description

荆文征

Zhidu Inc.


你好,再见

昨天在整理博客的时候,发现还是存在一些问题的,比如搜素时候貌似中文搜索不出来?还有就是我的修改历史存在如果修改历史过多,内容会过于向下,导致内容出现乱掉的情况。

今天我就打算使用DataTable修复这个问题,当然是通过分页的方式,你可以使用任意一种分页的方式解决这个问题。

一直都想给自己的也看增加一个目录,默认的hexo是有默认的目录登记的

官方示例 - toc

解析内容中的标题标签 (h1~h6) 并插入目录。

Hexo博客系统的核心支持生成目录(Table of Contents),生成目录之后,由于没有配置的时候,如果文章目录结构很大的话会出现问题。所以我希望增加一个滑动的时候,展开和隐藏目录结构的方法。这样也会显的非常酷炫=

接下来的代码多半都是在 NEXT HEXO THEME中获得的,在这里非常感谢作者,毕竟我第一个博客主题就是用的NEXT,只是又一次作者的某个版本修改的非常多,导致我的博客挂掉了… 我就决定要自己写一个模版,至少不要因为主题升级版本博客死掉了。

在做模块的时候,一般情况下我们都可以直接使用提供的变量以及一些方法完成整个博客的开发,当时当我们真的遇到比如我们需要修改我们的Table的样式的时候怎么办呢?

难道每次都等到页面加载完成之后,使用 js/Jquery 方式修改Class,接下来我们来整理几个我在项目中使用到的几个辅助类

修改TABLE && IMG样式

hexo.extend.filter.register('after_post_render', function(data){

    data.content = data.content.replace(/<table>/, '<table class = "table table-bordered">');
    data.content = data.content.replace(/<img/, '<img class = "g-pl-90" ');

    return data;
});

在上篇文章中,我们提到了SEO,其中还有一个是在url中尽量不存在中文。这里我们就来完成这个操作。

中文转换

在这里,我们可以根据时间,或者直接将标题生成为 散列值。随便的hash算法都可以实现,但是默写时候还是希望可以标题可以某些方面反映出来我们的内容。所以有两种方式,转换为英文,或者转换为拼音。当然为了防止重复的问题,我们可以增加一个时间戳或者时间的格式字符串来进行区分

转换为英文

首先,尝试转换标题为英文,毕竟显得高大上很多。 我们在 Hexo Plugins,搜索到了一个插件 hexo-translate-title. 哎呀,这多好啊,直接省略了所有的步骤,也不用开发轮子了。

当然机智的你,也发现了,要是这样就停止了,我们就不会有这么长的博文了。

好吧,毕竟现在的翻译不能保证都可以成功…所以还是放弃了,最终

我们写了博客,当然希望搜索引擎将我们收录更好了。在我朋友的建议下,我来看看这个关于Hexo的优化吧

关于 Https

好吧,我真的特别喜欢那些绿色的小锁,以及前面的一些字 比如 ‘Apple Inc.[US]’ 日日! 好帅啊!
好吧,最后实现了,虽然没有那些字,毕竟是免费的不计较的了。

CloudFlare 好吧 就是他,他其实也没有给你证书,只是给你做了一层 DNS 代理,这样子的话,你访问的时候会带上人家的 https 证书,当然你要是愿意支付每个月 5 美元的钱的话,是可以加小字的。。。没钱。。。

马上要下班了,【笔芯】。

一直想做一个博客的搜索,拖了很久,本来看别人用 Swifty搜索之类的,都开始收费了! 日日! 作为一个穷屌,我认为只要是涉及到收费,就一定不是好公司!!手动 doge~

好吧,那咱们就自己LocalSearch吧。这个博客的本地搜索,我做了一天半才做完,本来不是很难的功能,因为本身人家的搜索的数据都给你了。你就是负责一个显示怎么就这么难?

好吧,确实好难啊,,,,我这个博客用的是 unify 的 HTML 模版,本身他没有搜索结果展示的相关的,我得自己想如何展示,一点点的抠出来了。接下来我主要来讲解一下我如何做的吧。