' + match_content + "...
"; } str += "`标签形式,而且并没有达到良好的效果,所以尝试自己添加语法高亮功能。此文档也适用于其它HTML文档中代码的语法高亮显示。
**我这里使用highlight.js进行添加语法高亮**
### highlight.js优势:
- 176 languages and 79 styles
- automatic language detection
- multi-language code highlighting
- available for node.js
- works with any markup
- compatible with any js framework
## 下面开始集
添加引用:
```html
```
以上第一行是风格样式,我这里使用了`monokai-sublime`样式;
第二行是highlight的JS库;
第三行在文档加载时自动检测``标签进行格式化。
**highlight.js**虽然支持100多种语言,但默认并不包含所有,在下载页提供了语言选择,建议自己选择下载,毕竟每个人心目中的热门语言都不同,个人需要在页面中使用的语言也不同。
当然你也可以使用一些静态CDN库进行加速。
我的博客就是使用了这个库,以下是一段Java代码示例:
```java
/******************************************************************************
* Compilation: javac HelloWorld.java
* Execution: java HelloWorld
*
* Prints "Hello, World". By tradition, this is everyone's first program.
*
* % java HelloWorld
* Hello, World
*
******************************************************************************/
public class HelloWorld {
public static void main(String[] args) {
// Prints "Hello, World" to the terminal window.
System.out.println("Hello, World");
}
}
```
---
## 给自己的网站添加评论功能
> 原文: https://wycode.cn/blog/comments | Agent 文档: https://wycode.cn/blog/comments.md | 日期: 2017-06-09 | 分类: Frontend
## 解决方案
### 动态自建
需要数据库存储,后台接口,以及前端页面等都自己实现。
**优点**:所有技术和数据都在自己手中,可控性强,安全。
**缺点**:细节很多,包括表结构,顶和踩计数、还有评论的评论(盖楼)、排序、敏感词过滤、审核等等。还是挺大的一个系统
### 静态集成第三方
目前流行的有以下几种:
【[Disqus](https://disqus.com/ "Disqus")】:国外的,因为众所周知的原因,可能被墙。
【多说】:之前很多人在用,不过已经停止服务了,他们的代码开源在[github.com/duoshuo](https://github.com/duoshuo "github.com/duoshuo"),有兴趣可以参考。
【[畅言](https://changyan.kuaizhan.com/ "畅言")】:搜狐出品。
【[网易云跟帖](https://gentie.163.com/ "网易云跟帖")】:网易出品。
## 选择
不想耗费太多精力,也不想重复造轮子,所以选择集成网易云跟帖,也是因为一直对网易的产品比较有好感。
## 过程
1. 使用网易账号登陆云跟帖后台;
2. 填写基本信息和相关信息:

【图1】
3. 然后就可以获取代码集成了:

【图2】
代码如下:
```html
```
云跟帖通过`url`、`sourceId`、`productKey`这三个参数确定唯一的一个网页,`productKey`一定要替换成你自己的;
因为我在[wangyucode.github.io](https://wangyucode.github.io "wangyucode.github.io")和[wycode.cn](http://wycode.cn "wycode.cn")都部署了一样的网页,所以我把`url: document.location.href`,替换为`url: "http://wycode.cn/about.html"`,使github和我自己的服务器上拥有一样的数据。
## 后续
- 云跟帖支持数据审核,敏感词过滤等,你可以自主选择显示哪些评论。
- 云跟帖支持数据导出,以后要做迁移可以导出数据
- 还支持评论时回推数据到你指定的地址,此功能结合api可以做到产生评论立即推送一条消息到自己的手机,做到消息秒回!
---
## 我为什么开始写博客了?
> 原文: https://wycode.cn/blog/why-blog | Agent 文档: https://wycode.cn/blog/why-blog.md | 日期: 2017-06-08 | 分类: Life
## 关于目的
> 奥威尔说作家写作的四大动机:纯粹的自我中心、审美方面的热情、历史方面的冲动以及政治方面的目的。
说起目的,作家们的目的都太大了,按照奥威尔的说法,我的目的可能就只是停留在第一种,纯粹的自我中心吧。
我觉得,就单纯第一种也有不一样的层次和境界,目前我的需求只是记录自己,沉淀技术,而希望有一天我写的东西能够帮助到自己,或者帮助到别人。最终有一天能够成为自我实现的必要条件。
> 有人问一位登山家为什么要去登山——谁都知道登山这件事既危险,又没什么实际的好处,他回答道:“因为那座山峰在那里。”
## 关于技术
以前总是不屑于写博客,觉得CSDN上鱼龙混杂,有很多误人子弟的文章。一方面怕自己学书浅薄,一方面也是太懒,觉得搜索比写作效率高太多。
为了逐渐形成自己的一套知识体系,构建自己的技能树,不断的增加枝叶,又不脱落的一个重要方式就是写作总结。
> 智慧又不失敏捷的方式只有一个:永远不要停止学习。
## 后记
万事开头难,以后会慢慢将自己学到的东西记录下来。
> Ideas worth spreading
### 接下来的计划
1.自定义博客主题
2.为博客和网站添加评论功能
3.在博客中记录以上过程