2019-06-10 | 网摘分享 | UNLOCK

高效输入:Emmet使用手册

在前端开发的过程中,很大一部分工作是写HTML,CSS代码。数量繁多的标签、属性、尖括号、标签闭合等,往往导致开发过程十分繁琐且效率不高。

Emmet(前身为Zen Coding)是一套面向文本编辑器的插件,它允许通过内容辅助高速度的编写和编辑HTML、XML、XSL和其他结构化的代码格式,是一个能大幅提高前端开发效率的工具。它使用特定的语法来展开小段代码,类似CSS选择器,使其成为完整的HTML结构或CSS代码。

Read More >>>
2019-05-27 | JavaScript | UNLOCK

基于1行核心JS代码实现简单的富文本编辑器

之前的一个博客项目中,有使用富文本编辑器的需求,考虑到已有很多功能完备且强大的编辑器,从零开始开发新的编辑器没有必要,且在有限时间内完成质量无法保证,便直接选用了TinyMCE供项目使用,类似的还有Quill Rich Text Editor等。

近期的学习过程中又遇到类似的问题,于是整理了手头的资料,写了一个Demo上传至Github,可以在STEditor体验效果,具体详情可前往我的Github仓库查看。

Read More >>>
2019-05-18 | 网摘分享 | UNLOCK

来自澳大利亚绘本艺术家陈志勇的 Cicada(蝉)

Everything is calm.

The voice of the cicada

penetrates the rocks.

Read More >>>
2019-05-08 | 理论 & 教程 | UNLOCK

Hexo基础教程(四):功能添加与优化

在参考本文时,你应该已经完成了博客的搭建,部署和基本配置。个人网站已经能够正常工作。

本文主要包括Hexo中一些实用的功能,模块插件等,意在优化博客使用,文中主要涉及两个_config.yml配置文件:站点配置文件(根目录下)和主题配置文件(主题文件夹下),没有特殊说明主题均以Theme-AD为例。

Read More >>>
2019-05-08 | 理论 & 教程 | UNLOCK

Hexo基础教程(三):网站基本配置与主题设置

博客根目录下的_config.yml,是整个Hexo的配置文件,可以在其中修改大部分的配置。

这里仅列出部分初期需要注意的内容,详细可参考官方配置文档。需要注意的是配置文件依靠缩进来确定元素间的从属关系,请使用空格缩进,并保证缩进正确,配置才可生效。

Read More >>>
2019-05-04 | 理论 & 教程 | UNLOCK

Hexo基础教程(二):个人域名绑定

利用Hexo + Github Pages完成博客搭建和部署后,现在你的个人博客的地址是http://yourname.github.io,如果不满足于用github.io访问网站,可以为博客绑定个人域名。

Read More >>>
2019-05-04 | 理论 & 教程 | UNLOCK

Hexo基础教程(一):博客搭建与部署

市面上的博客很多,CSDN,博客园,简书等等,可以直接在线编辑发布,文章也容易被百度抓取。但往往不太自由,会受到平台的各种限制,过分商业化带来的大量广告也会影响体验。而自己购买域名和服务器,搭建博客的成本太高。定期维护需要大量时间精力,到后面可能就不了了之。

无意接触到Hexo,配合Github Pages托管,免去了不必要的麻烦,可以安心写作。一直有记录的习惯,虽然不成体系,但日常的想法和不时的灵感也还需要表达,所以便有了搭建一个单独的博客的想法。

Read More >>>