tc9011

GPX Studio 是一个在线的 GPX 文件编辑器，允许用户查看、编辑和创建 GPX 文件。GPX（GPS Exchange Format）是一种用于存储 GPS 数据的 XML 格式文件，通常用于记录和分享地理位置数据。相比其他工具...

2020 年12 月21号，React 团队组织了一场专题演讲 《Introducing Zero-Bundle-Size React Server Components》，正式对外演示了 React Server Components...

书接上回，这次我们来聊一下，我之前项目中关于 vue 的架构实践，也欢迎大佬们指出不足。我们先看一下整体的目录结构：首先对于视图层分成了三块：components、 layouts 和 views：components 为公共组件，主要包...

前一阵子从0到1做了一个 vue的项目，为了下次使用方便，写了一个preset，也顺便聊聊这个项目中的一些东西。根据官网的文档：你可以通过发布 git repo 将一个 preset 分享给其他开发者。这个 repo 应该包含以下文件：p...

对于做3D WebGL 的开发者来说，加载大量的 hdr、glb、gltf 等文件往往是很令人头疼的，因为这些文件体积不小，在网络侧加载会消耗大量时间，从而影响用户体验。对于这些大文件，localstorage 和 sessionstor...

原文链接：Custom Form Controls in Angular 在创建表单时，Angular可以帮助我们完成很多事情。我们已经介绍了有关Angular中的Forms的几个主题，例如模型驱动的表单和模板驱动的表单。如果您还没有阅读...

在Nestjs 入门（二）中，我们创建了一个基本的 Nestjs 应用。下面我们基于此进行扩展。源码地址：awesome-nest 在 entity 中，有时候有些字段不一定要返还给前端，通常我们需要自己做一次筛选，而 Nestjs 中...

源码：awesome-nest 在 nestjs入门（一） 中，对 Nestjs 一些重要的概念有了一些了解，现在我们开始创建一个基于 Nestjs 的应用吧。Nestjs 和 Angular 一样，提供了 CLI 工具帮助我们初始化和开...

Nestjs 是 Node 渐进式框架，底层默认使用 express（可以通过 Adapter 转换到 fastify），可以使用 express 或者 fastify 所有中间件，完美支持 TypeScript。熟悉 Spring 和...

每个人都有自己的代码书写风格，当团队协作的时候，如果每个人都坚持自己的风格书写，代码将是灾难性的。所以我们需要统一风格，不仅可以减少出 bug 的几率，而且能增加代码的可读性。对前端而言，通常我们会配置 eslint、tslint、sty...

虽然 Angular 官网 已经给出了Angular 项目结构的建议，不过有些地方实践起来还是有需要注意的地方，这里就结合 ng-alain 来讲讲如何更好地组织一个 Angular 项目。首先，我们来看看 ng-alain 的目录结构...

Mac 虽然游戏性被 Windows 吊打，但是作为生产力工具还是很赞，特别是对程序员、摄影师和视频相关工作者。下面我把自己两年多以来在 macOS 上收集的一些好用的软件分享出来，希望对你有所帮助。推荐指数：🌕🌕🌕🌕🌕 收费情...

在遇到 Notion 之前，我的笔记记录交给 onenote ，任务管理交给手机端的 Awesome Note 2，零碎的知识收集交给 Pocket。但是不爽的是要在三个应用之间切换，而且 Awesome Note 2 没有桌面版。而 N...

我的博客之前一直托管在 coding 上，图片等静态资源放在七牛云的 cdn 上，这样国内国外访问速度都还可以。去年七牛云的 cdn 强制需要做域名备案，备案是不可能的，这辈子都不可能，所以把所有静态资源都直接扔到 coding 上。co...

Ceph是一个统一的分布式存储系统，设计初衷是提供较好的性能、可靠性和可扩展性。Ceph项目最早起源于Sage Weil就读博士期间的工作（最早的成果于2004年发表），并随后贡献给开源社区。在经过了数年的发展之后，目前已得到众多云计算厂...

最近沉迷在 Kubernetes 和 ceph 部署中不能自拔，作为初学者，基本上把可能踩的坑都踩了一遍，先分享一下怎么部署 Kubernetes 集群，过段时间再把 ceph 集群部署和 ceph fs 部署的不完全指南分享一下。首先...

截止到2018年11月30号，根据is-angular-ivy-ready显示，Angular Ivy 已经完成了93.46%，基本上接近完工。但是国内对 Ivy 介绍却很少，这次把今年4月ng-conf2018中关于 Angular I...

项目地址：travelMap 一直想有个东西记录一下去过的地方，百度地图上有个足迹功能，能记录你去过的地方，不过你没办法在其他地方去调用这个功能，相对来说不是特别方便。网上常见的足迹地图方案是用jvectormap去写的，但是jvecto...

文中部分源码地址：https://github.com/tc9011/Front-end-basics 行内元素：a、img、b、i、input、label、em、span、strong、select等 块级元素：div、section...

原文地址：Version 7 of Angular — CLI Prompts, Virtual Scroll, Drag and Drop and more Angular 7.0.0 release版本正式发布！这是跨整个平台的主要版...

项目地址: grading-system 基于session的认证和基于token的认证的方式已经被广泛使用。在session认证中，服务端会存储一份用户登录信息，这份登录信息会在响应时传递给浏览器并保存为Cookie，在下次请求时，会带...

之前公司内部禁用了破解软件，所以找了一些免费的软件代替，不过意外发现几款比较好用的免费软件。官网：Bandizip Bandizip是一款来自韩国的免费压缩工具，虽然免费但是意外地好用。如果有解压Mac下的压缩文件的需求，7-Zip对中文...

ES6既是一个历史名词，也是一个泛指，含义是5.1版以后的JavaScript的下一代标准，涵盖了ES2015、ES2016、ES2017等，而ES2015则是正式名称，特指该年发布的正式版本的语言标准。一个新的语法从提案到变成正式标准...

去年在公众号中介绍了一下群晖的NAS系统（群晖NAS--你的私有云）。这次就是要通过群晖自带的Docker套件安装Jenkins，这有可能是全网第一篇介绍在群晖新系统下怎么安装Jenkins的文章。想自己搞一套Jenkins是因为Trav...

最近看世界杯的时候，优酷视频右侧有个聊天室，还没有关闭按钮，想边看比赛边码代码的时候刷得很心烦。于是顺手写了一个chrome的扩展，你可以在这里找到源码，或者在这里下载crx文件。crx文件安装：点击进入浏览器右上角三条杠按钮，依次点击...

原文链接：Working with DOM in Angular: unexpected consequences and optimization techniques YouTube视频：我最近在NgConf上以讲习班的形式讲述了An...

最早的时候博客评论系统用的多说，后来多说关闭后，转向了hypercomments，不过最近邮件通知我要收费了，感觉评论系统貌似生存多少有点问题，于是就转向了开源的评论系统：valine（号称无后端的评论系统，不过要依赖leancloud...

原文链接：Angular Ivy change detection execution: are you prepared? 让我们看看Angular为我们做了什么。声明：这只是我对Angular新渲染器的学习之旅。![Angular视图...

多图预警 巴塞罗那，一直是我心心念念的目的地之一，因为那里有巴萨，有高迪，而在诺坎普看巴萨和皇马的西班牙国家德比则成了我这辈子一定要达成的目标之一。去年双十一定完机票后就开始筹划这次行程，虽然6天时间全给了这座城，但是还是觉得少了一点。先...

PWA（Progressive Web App）利用TLS，webapp manifests和service workers使应用程序能够安装并离线使用。换句话说，PWA就像手机上的原生应用程序，但它是使用诸如HTML5，JavaScri...

本文翻译了2018前端性能优化清单的PDF简化版本，详细版本原文及其掘金翻译版可以自己去查看。本文你将找到你可能需要考虑的前端性能问题的概述，它会确保你的响应时间快速顺畅。建立性能文化 只要团队之间没有达成一致，性能就很难长久维持。研究客...

第二十三章：离线应用与客户端存储 第二十四章：最佳实践 第二十五章：新兴的API 所谓离线Web应用，就是在设备不能上网的情况下仍然可以运行的应用。开发离线Web应用需要几个步骤。首先是确保应用知道设备是否能上网，以便下一步执行正确的操作...

天下武功，无坚不破，唯快不破。对前端而言，快意味着要求资源体量更小、数量更精简、内容更早呈现、交互更加人性化。当项目做到一定程度，就应该考虑性能的问题，前端的性能优化有诸多有迹可循的理论和方法，比如 Yahoo！性能军规、Google P...

第二十一章：Ajax与Comet 第二十二章：高级技巧 使用XMLHTTPRequest构造函数创建XHR对象：在使用XHR对象时，要调用的第一个方法是open()，它接受3个参数：要发送的请求的类型（get、post等）、请求的URL和...

第十七章：错误处理与调试 第二十章：JSON 如果try块中的任何代码发生了错误，就会立刻退出代码执行过程，然后执行catch块。此时，catch块会接收到一个包含错误信息的对象。即使不想使用这个错误对象，也要给它起个名字。这个对象中包含...

前段时间，我们团队的项目要在国外演示，对所有相关项目进行了国际化改造。下面简单介绍一下ngx-translate库在Angular5下的使用方法。运行下面命令安装@ngx-translate/core和@ngx-translate/htt...

第十四章：表单脚本 第十五章：使用Canvas绘图 第十六章：HTML5脚本编程 在HTML中，表单是由<form>元素来表示，而在JavaScript中，表单对应的则是HTMLFormElement类型。HTMLFormElement继...

第十三章：事件 JavaScript与HTML之间的交互是通过事件实现的，就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用侦听器（或处理程序）来预定事件，以便事件发生时执行相应的代码。这种在传统软件工程中被称为观察员模式的模型，支...

第十章：DOM 第十一章：DOM扩展 第十二章：DOM2和DOM3 DOM是针对HTML和XML文档的一个API。DOM描绘了一个层次化的节点树，允许开发人员添加、移除和修改页面的某一部分。DOM可以将任何HTML或XML文档描绘成一个由...

上个月更新了Chrome（国内连不上Google的服务可以去这个地址更新），最新版本已经完全按照Google自己的Material Design来设计了。现在Google系的软件基本都是Material Design设计风格。Materi...

第八章：BOM 第九章：客户端检测 BOM的核心对象是window，它表示浏览器的一个实例。在浏览器中，window对象有双重角色，它既是通过JavaScript访问浏览器窗口的一个接口，又是ECMAScript规定的Global对象。这...

第六章：面向对象的程序设计 第七章：函数表达式 ECMA-262把对象定义为：无序属性的集合，其属性可以包含基本值、对象或者函数。严格来讲，这就相当于对象是一组没有特定顺序的值。每个对象都是基于一个引用类型创建的。ECMA-262第五版在...

Git是由 Linux 之父 Linus Tovalds 创立的代码版本控制系统。你可以简单地把Git理解为管理代码历史记录的工具。比如，以前我管理需要反复修改的文档时，一般都是手动以日期加版本号来备份文档，有了git以后，我只需要一份文...

第一章：JavaScript简介 第二章：在HTML中使用JavaScript 第三章：基本概念 第四章：变量、作用域和内存问题 第五章：引用类型 JavaScript最早是Netscape为处理简单验证而开发的。一个完整的JavaScr...

项目中在应用Angular/Material的card组件的时候遇到如下问题：它的代码大概是这样的：我一开始以为是li标签之间空隙导致的，于是就按照常规方法，把font-size设置为0，but，最后一个元素好像很固执，一动不动，这就让我...

把一切文件（部分文件可以通过cdn加载）从本地项目目录下复制到服务器目录下 如果准备把该应用放在子目录下，就要编辑index.html，并适当设置<base href>。比如，如果到index.html的URL是www.mysite.co...

前段时间公司项目中的用户组管理的部分交给了西安研发中心的小伙伴们做，端午前看到他们提交的代码，我内心是崩溃的，复制了我之前的css文件到各个css文件中，没用的代码全部没有删，各种html无用代码嵌套，ts文件中一大块一大块的if-els...

有意义的标记的重要性 ID和类名 ID可以用于标识页面上的特定元素（比如站点导航），或者用来标识持久的结构性元素，例如主导航或内容区域，还可以用来标识一次性元素，例如某个链接或表单元素。类非常适合标识内容的类型或其他相似条目。为元素命名...

在使用Angular2+中，经常会想快速的去选择DOM上的某个元素，如果是刚上手Angular，有可能直接就使用原生DOM操作或者导入jQuery再进行DOM操作，既然都使用了Angular了，有没有更好的方法呢？答案是肯定的。先上代码...

本文是Bootstrap中文网的学习笔记 通过 data 属性 API 就能使用所有的 Bootstrap 插件。这是 Bootstrap 中的一等 API，也应该是首选方式。可以通过下面方法解除以 data-api 为命名空间并绑定在文...

今天公司层面举办了一次前端大会，请了公司内部重量级的前端大咖和UX大咖以及大漠穷秋（章小飞）老师。忘了以后还有幸和大漠穷秋老师一起吃了一顿饭，感觉还是很开心的。大漠穷秋老师以前是中兴软创的，现在是Google Angular项目组在中国的...

本文是Bootstrap中文网的学习笔记 类似于fontawesome和iconfont。必须创建一个嵌套的 <span> 标签，并将图标类应用到这个 <span> 标签上。图标类不能和其他组件直接联合使用，不能在同一个元素上与其他类共同...

本文是《玩转Bootstrap》和Bootstrap中文网的学习笔记 Bootstrap是简单、灵活的用于开发响应式布局、移动设备优先的 WEB 项目的HTML，CSS，JavaScript框架。**Bootstrap 的所有 JavaS...

为公司项目做了一个种子工程，方便以后做Demo或者其他工程。项目地址：Angular-cli-starter node版本 7.9.0 npm版本 4.2.0 Angular版本 4.0.2 AngularCLI版本 1.0.0 已经引入...

放在组件样式中的选择器，只会应用在组件自身的模板中。可以使用对每个组件最有意义的 CSS 类名和选择器。类名和选择器是仅属于组件内部的，它不会和应用中其它地方的类名和选择器出现冲突。组件的样式不会因为别的地方修改了样式而被意外改变。使用...

属性型指令用于改变一个 DOM 元素的外观或行为。在 Angular 中有三种类型的指令：组件 — 拥有模板的指令 结构型指令 — 通过添加和移除DOM元素改变DOM布局的指令，如NgFor和NgIf 属性型指令 — 改变元素显示和行为的...

本文是Sass中文网、慕课网Sass入门篇 和 Sass进阶篇、阮一峰SASS用法指南的学习笔记。Sass 官网上是这样描述 Sass 的：Sass 是一门高于 CSS 的元语言，它能用来清晰地、结构化地描述文件样式，有着比普通 CSS...

这本书给我打开了css新的大门，看之前最好对css基础比较熟练，然后对css3的新特性有一定的了解。书中大部份代码都在github上，大部分手敲，有问题可以提交pr $$()函数可以更容易地获取和遍历所有匹配特定CSS选择符的DOM元素...

Angular动画是基于标准的Web动画API(Web Animations API)构建的，它们在支持此API的浏览器中会用原生方式工作。至于其它浏览器，就需要一个填充库(polyfill)了。你可以从这里获取web-animation...

介绍一下你对浏览器内核的理解？简述一下你对HTML语义化的理解？html5有哪些新特性、移除了那些元素？页面导入样式时，使用link和@import有什么区别？为什么通常推荐将 CSS <link> 放置在 <head></head> 之...

Google Chrome，是一个由Google公司开发的一款设计简单、高效的网页浏览器。其最大的魅力就在于可以安装各种扩展插件，让Chrome浏览器自身的功能更加丰富。Chrome网上应用店，用户可以下载和安装应用程序、扩展程序以及主题...

今天凌晨看完球到现在久久不能平静，虽然加午休只睡了5个小时，但是到现在仍然竟然一点都不困，仍然处于亢奋状态，我想这就是足球的魅力吧。看比赛前我觉得已巴萨这几场比赛的状态，我觉得打巴黎个4比0是不成问题的，毕竟大巴黎没了大奉先后，实力根本和...

Angular 模块是一个由@NgModule装饰器提供元数据的类，元数据包括：声明哪些组件、指令、管道属于该模块。公开某些类，以便其它的组件模板可以使用它们。导入其它模块，从其它模块中获得本模块所需的组件、指令和管道。在应用程序级提供服...

Angular-CLI是一个命令行界面工具，它可以创建项目、添加文件以及执行一大堆开发任务，比如测试、打包和发布。node版本4.X.X以上，npm版本3.X.X以上。全局安装Angular-CLI：运行下面命名生成一个新项目以及应用的骨...

之前在AngularJS2中一种button切换效果的实现（一）和AngularJS2中一种button切换效果的实现（二）中实现了按钮的切换效果，但是方法比较low，这次我们使用Angular2的指令来实现。hover的效果直接参考An...

本书大部分demo参见DOM Scripting Demo，本人手敲，如有错误欢迎提交pr 把<script>标签放在HTML文档最后，</body>标签之前，这样即使加载脚本时，Windows对象的load事件依然可以执行对文档进行的各...

这是同事遇到的一个问题，在<textarea>标签里面不仅要加上placeholder属性，还要换行。在stackoverflow上有相关的讨论，主要有下面几种做法：官方说明：The placeholder attribute repre...

在github上看到了这个项目，感觉挺好的，就拿过来翻译一下，顺便提高一下看英文文档的水平 本仓库作为Angular2初始化工具为所有寻找更快启动和运行Angular2和TypeScript的人提供帮助。这个项目使用webpack2来构建...

Webpack是一个强力的模块打包器。所谓*包(bundle)就是一个JavaScript文件，它把一堆资源(assets)*合并在一起，以便它们可以在同一个文件请求中发回给客户端。包中可以包含JavaScript、CSS样式、HTML以...

知识点虽然小，但是有的时候突然会忘记，记录一下，好记性不如烂笔头，文章参考块级元素。address - 地址 blockquote - 块引用 center - 举中对齐块 dir - 目录列表 div - 常用块级容易，也是css la...

突然发现博客的本地搜索不能用了，这样就不能搜索学习笔记里面的内容了，这可是大事，得解决。查找了github上的issues，发现local search这个issue下面有人提到博客搜索无法使用，显示链接是javascript:;，这不就...

Angular官方文档的风格指南提到使用IDE的模板来实现统一的风格，里面的IDE没有提到WebStorm，于是网上搜了一下相关资料。参照WebStorm 最新 2016 AngularJs 2 代码提示插件安装。在webstorm的se...

看到有的博客上有版权声明的标记，感觉有点逼格，就想自己弄一下。在Github上，Next主题的issues上有设置 Creative Commons 协议，这个就是设置版权声明，但是配置了以后图标比较小，没有文字说明（就是没逼格），而且还...

坚持每个文件只定义一样东西（例如服务或组件）。考虑把文件大小限制在 400 行代码以内。坚持定义简单函数 考虑限制在 75 行之内。坚持所有符号使用一致的命名规则。坚持遵循同一个模式来描述符号的特性和类型。推荐的模式为feature.ty...

Angular 模块的imports数组与文件顶部的import语句功能是不同的。JavaScript 的import声明允许你访问在其他文件中导出的符号，这样你可以在当前文件引用它们。它们与 Angular 毫无关系，Angular 对...

官网动态数据实例中展示了数据动态变化的案例，这个如何移植到Angular2中去呢？首先要读懂官网的这个例子，不然会有坑。首先，数据处理和图表生成最好放在一起，根据官网的例子，在设置定时器之前，对应的配置项中已经设定好10个数据，而定时器...

Markdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。它的优点很多，目前也被越来越多的写作爱好者，撰稿者广泛使用。看到这里请不要被「标记」、「语言」所迷惑，Markdown 的...

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源...

之前用三目表达式和ng-class实现了按钮切换效果，似乎达到了我的预期，但是我觉得还有改进空间，网上找了一些资料，大概还有以下几种实现方式：将button切换的页面写成一个component，通过routerLink链接到对应的comp...

Echarts官网中的数据都是写死的，如何让Echarts根据后台传过来的数据进行变化呢？下面介绍一下Angular2中嵌入Echarts，并实现数据分离。先创建一个line.component.ts文件，component装饰器中这样写...

NgModule是一个装饰器函数，它接收一个用来描述模块属性的元数据对象。其中最重要的属性是：declarations - 声明本模块中拥有的视图类。Angular 有三种视图类：组件、指令和管道。exports - declaratio...

Angular2官方hero教程中，提到了<base href="/">，写的很简单，当时我也没有留意，今天写自己的开源项目的时候，突然遇到这个问题，正好讲一下。我的路由是这样的：第一次加载页面的时候，url是：http://localh...

即将过去的一年对我来说太重要，以至于像我这样害怕写总结的人也拿起键盘，敲下了这一段文字。记得在15年11月吧，在深圳青旅认识的蔡浩凯大哥来上海出差，正好抽空一起吃了一顿饭，交流了一下工作心得，在诺基亚和IBM就职过的浩凯大哥给了我很多职业...

添加音乐当然可以用其他网站的外链，但是一般外链是<iframe>，这个影响网站的SEO，逼格也不够高。下面我就隆重介绍一款html5音乐播放器：Aplayer。把Aplayer加入hexo需要用到hexo-tag-aplayer插件。切换...

systemjs - 通用模块加载器，支持AMD、CommonJS、ES6等各种格式的JS模块加载 es6-module-loader - ES6模块加载器，systemjs会自动加载这个模块 traceur - ES6转码器，将ES6代...

最近用echarts时和json打交道比较多，在此记录一下关于json的一些事情。w3school上给出的描述是：JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation） JSON 是轻量...

粗略看过git方面的视频，工作之前自己写的代码量少，管理方便，git方面的知识也够用。但是最近工作的时候用git总是有各种问题，于是拿起廖雪峰老师的教程，开始撸一遍完整的。git创建版本库很简单，只要用以下命令即可 完成后文件夹下面会有一...

最近在AngularJS2中要实现一个按钮切换的效果，我采用三目表达式和ng-class的方式来实现了这一效果，比较简单粗暴。首先，我的项目的XX.Component.ts中的template有个button标签：创建XX.Compone...

这周项目上写了一个基于Angular2.0的Echarts3组件，踩了好几个坑，也算有一点使用心得了。ECharts 是指 Enterprise Charts（商业产品图表库），提供商业产品常用图表库，底层基于 ZRender，创建了坐标...

周末的时候无意中看到一篇文章终极 Shell，介绍的就是今天讲的主角Oh My Zsh 。Oh My Zsh是一款社区驱动的命令行工具，正如它的主页上说的，Oh My Zsh 是一种生活方式。它基于zsh命令行，提供了主题配置，插件机制...

刚刚生成了一篇文章， hexo g 时会报错， 错误信息大致如下：估计是文章的原因，试了一下，把文章移除后一切又正常了，但是就是不知道文章中哪里出错了。网上搜了好久，发现了这篇文章：hexo 在遇到 “{% raw %}}}{% endr...

MVC:model,view,controller Model：数据模型层 view：视图层、负责展示 Controller：业务逻辑与控制逻辑 MVC是一种架构模式，是三种设计模式的合体，故没有把它当做一种设计模式。GoF (Gang...

工作终于有了着落，也算半只脚跨入了心仪已久的行业。因为行业跨度太大，一路走来承受了很多压力，也很庆幸自己真的走过来了。这几个月经常为了一个问题弄到凌晨三四点，每天一成不变的白米饭加老干妈。自己也迷茫过、质疑过、崩溃过，但是既然自己选择了这...

双十一大家都在买买买的时候，有一个小码农也不甘寂寞，默默地在Namecheap上买了一个域名，完成了双十一的剁手之旅。剁手之旅参照了新版Namecheap注册域名详细教程，还是比较简单的。不过我的域名解析用的是DNSPOD，没有用Name...

前几天参加了一场面试，面试时展示我的博客时，发生了一个比较尴尬的事情：博客打开页面空白，此时我内心是崩溃的，明明昨天晚上还好好的。。。回来后我就开始着手对我的博客进行bug调试和优化。首先解决这个问题，，在上网简单搜索了一下，导致这个结果...

《SEO在网页制作中的应用》与《Yahoo军规》课程总结 首先SEO是什么：SEO是由英文Search Engine Optimization缩写而来， 中文意译为“搜索引擎优化”。SEO是指通过站内优化（比如网站结构调整、网站内容建设...

花了两天终于把基于Github和Hexo的个人博客搭建好了，期间踩了不少坑，在此作为第一篇正式博文记录一下。这里还是要说一下Hexo，它是一款基于Node.js的静态博客框架，可以换不同主题，自定义各种样式，个人觉得还是蛮不错的（因为你只...