为Hexo博客添加全文搜索

2017-06-15Frontend

本文介绍如何利用hexo-generator-search插件为 Hexo 博客添加本地全文搜索

原理

hexo-generator-search实际上是根据网页内容生成了一个数据文件,格式是XML或者JSON。然后通过 JS 代码去匹配这个文件的内容,从而达到搜索的目的。

最终效果

最终效果
最终效果
查看全文...

自定义Hexo主题

2017-06-15Frontend
Hexo
Hexo

刚刚完成了Hexo博客主题的自定义,现在总结如下,让我们一起来看看如何打造一款属于自己的Hexo主题。

如何创建一个新主题以及如何切换主题在官网的doc中有说明,这里我们只讨论如何打造一个新的属于自己的模版。

方法

Hexo使用了模版进行渲染的方式来实现网页风格的自定义。其核心是一种嵌套、引用的风格实现对网页内容模块化管理。所以我也采取从外向里,抽丝剥茧,剥洋葱式的一层层展开来看其中的原理及如何去自定义。此文需要基本的HTML知识。

查看全文...

为HTML中的代码添加语法高亮

2017-06-14Frontend
highlight.js
highlight.js

Hexo 默认对于代码高亮的处理过于粗暴,改变了其原有的<pre><code>标签形式,而且并没有达到良好的效果,所以尝试自己添加语法高亮功能。此文档也适用于其它HTML文档中代码的语法高亮显示。

我这里使用highlight.js进行添加语法高亮

查看全文...

给自己的网站添加评论功能

2017-06-09Frontend

解决方案

动态自建

需要数据库存储,后台接口,以及前端页面等都自己实现。 优点:所有技术和数据都在自己手中,可控性强,安全。 缺点:细节很多,包括表结构,顶和踩计数、还有评论的评论(盖楼)、排序、敏感词过滤、审核等等。还是挺大的一个系统

静态集成第三方

目前流行的有以下几种: 【Disqus】:国外的,因为众所周知的原因,可能被墙。 【多说】:之前很多人在用,不过已经停止服务了,他们的代码开源在github.com/duoshuo,有兴趣可以参考。 【畅言】:搜狐出品。 【网易云跟帖】:网易出品。

查看全文...

我为什么开始写博客了?

2017-06-08Story

关于目的

奥威尔说作家写作的四大动机:纯粹的自我中心、审美方面的热情、历史方面的冲动以及政治方面的目的。

说起目的,作家们的目的都太大了,按照奥威尔的说法,我的目的可能就只是停留在第一种,纯粹的自我中心吧。

我觉得,就单纯第一种也有不一样的层次和境界,目前我的需求只是记录自己,沉淀技术,而希望有一天我写的东西能够帮助到自己,或者帮助到别人。最终有一天能够成为自我实现的必要条件。

有人问一位登山家为什么要去登山——谁都知道登山这件事既危险,又没什么实际的好处,他回答道:“因为那座山峰在那里。”

查看全文...