# 王郁的小站

> 王郁（Wang Yu）的个人博客 wycode.cn。全栈开发者，内容涵盖前端（React/Next.js）、后端（Java/Spring）、移动端、Docker/Linux 运维、AI 应用等，文章以中文为主。

## 主要页面

- [首页](https://wycode.cn/llms/home.md): 博客首页，最新文章与站点导航
- [博客](https://wycode.cn/llms/blog.md): 全部文章列表，支持按分类/标签浏览
- [关于我](https://wycode.cn/llms/about.md): 个人简介、技术栈与联系方式
- [应用](https://wycode.cn/llms/apps.md): 在线工具与应用集合
- [AI高考成绩榜](https://wycode.cn/llms/gaokao.md): 大模型高考成绩榜
- [缺氧](https://wycode.cn/llms/oni.md): Oxygen Not Included 游戏攻略/工具
- [剪贴板](https://wycode.cn/llms/clipboard.md): 在线剪贴板工具

## 博客文章

- [大模型高考测评：用一套自动化流水线，来测试大模型智力](https://wycode.cn/blog/gaokao-01.md): 2026-04-29 | AI | AI —— 本文更新于 20260915。早期版本只覆盖 6 个模型、6 个科目，如今项目已演进为 70+ 模型、7 科目的持续测评，本文改为从整体介绍项目本身：考什么、怎么考、怎么判分，不再针对某个具体模型展开。 现在的模型榜单很多，但站在中文语境下看逻辑、知识和综合能力，没有什么比高考更合适：题目公开、难度
- [AI 驱动的数据库可视化面板](https://wycode.cn/blog/ai-generated-dashboard.md): 2026-03-21 | AI | Next.js/AI/SQLite —— 在日常开发和数据分析中，我们经常需要从数据库中提取关键信息并将其可视化。虽然有很多优秀的 BI 工具（如 Metabase, Superset 等），但它们对于个人开发者或小型项目来说，往往存在以下问题： 1. 学习成本高：需要学习复杂的 SQL 编写和报表配置流程。 2. 部署繁琐：通常需要配套复
- [如何使用 Docker 安全地部署 OpenClaw (龙虾)](https://wycode.cn/blog/openclaw-docker.md): 2026-03-16 | AI | Docker/OpenClaw/AI —— OpenClaw (龙虾) 是一个强大的个人 AI 助手，它可以连接各种消息平台并执行工具。本文介绍如何通过 Docker Compose 安全地部署 OpenClaw，并解析其中的关键配置。
- [Rust SQLite WebUI - 极致轻量级的SQLite管理工具](https://wycode.cn/blog/rust-sqlite-webui.md): 2026-01-01 | Backend | Rust/Solid.js/SQLite —— 在日常开发和运维中，我们经常需要查看服务器上的 SQLite 数据库文件。虽然有很多优秀的 SQLite 管理工具（如 DBeaver, SQLite Browser 等），但它们大多是桌面端软件，无法直接在浏览器中运行。而现有的 Web 版 SQLite 管理工具，往往存在以下问题： 1. 体积过
- [《始于极限》标注](https://wycode.cn/blog/start-from-limitation.md): 2025-08-20 | Life —— 在人生的旅途中，也许有人与你同行，也许没有。有旅伴也许是幸运的，也可能不幸。有时候，旅伴确实能为我们的人生增光添彩。不过到头来，终究是孤身一人。只要做好这样的思想准备，便不难做出选择了。 《始于极限》是上野千鹤子和铃木凉美在新冠疫情，历时一年，十二次通信，由书信整理的一本关于恋爱与性、婚姻、男人、工
- [这一波AI浪潮是否是泡沫？](https://wycode.cn/blog/ai.md): 2024-10-30 | Life | AI —— 今天是2024年10月30日，自从ChatGPT在2022年11月发布以来，人工智能（以下简称AI）的热度持续上升，它被认为是第四次工业革命的重要推动力。但也有人说AI是泡沫，做到实质性落地并且收益的公司屈指可数。这篇文章会结合历史，最新的前沿进展，分享一下目前我自己的观察和思考。
- [Caddy的安装和使用](https://wycode.cn/blog/caddy.md): 2024-09-24 | DevOps | Linux/Docker —— 之前一直使用Nginx作为反向代理和静态网站服务，Caddy作为替代，有诸多好处，比如：配置简单，支持API，Caddyfile, JSON多种配置方式；支持自动HTTPS，自动更新TLS证书；内置支持HTTP1, HTTP2, HTTP3, Websocket。 这篇文章安装和配置Caddy的全流
- [使用Vite构建React项目](https://wycode.cn/blog/vite.md): 2023-11-11 | Frontend | React/JavaScript —— 使用 Vite 构建 React 项目 在前端开发领域，构建工具一直是不可或缺的一部分。Vite 是一个快速、简单的构建工具，它可以帮助我们快速搭建 React 项目并提供出色的开发体验。本文将介绍如何使用 Vite 构建 React 项目，包括 Vite 的简介、项目搭建步骤以及适配老版本浏览器的
- [解决 invalid format git@github.com: Permission denied (publickey).](https://wycode.cn/blog/ssh-key.md): 2023-09-11 | DevOps | Linux/Git
- [ChatGPT是如何被训练出来的](https://wycode.cn/blog/chat-gpt.md): 2022-12-01 | AI | ChatGPT —— ChatGPT是OpenAI在2022年11月推出的新一代由人工智能技术推动的自然语言处理模型。ChatGPT公布没多久，各大搜索引擎厂商都宣布正在开发自己的新版NPL模型，也是因为他们感受到了来自ChatGPT的压力。它能够理解并生成人类语言，能够回答问题，撰写文案，写诗歌，编故事，写代码，做Ex
- [升级到HTTP3](https://wycode.cn/blog/http3.md): 2022-09-29 | Frontend | HTTP/NGINX —— 基于 UDP 的 HTTP/3 协议规范RFC 9114于 2022 年 6 月发表。而 HTTP/2 协议规范RFC 7540早在 2015 年 5 月发表。但是仍然有很多网站在使用更加古老的 HTTP1.1。 HTTP/2 通过多路复用（multiplexing）和头部压缩，能够有效降低延迟。同
- [esModule + NodeJS + TypeScript 的工程配置](https://wycode.cn/blog/esm-node-ts.md): 2022-09-22 | Frontend | JavaScript/TypeScript/NodeJS —— JavaScript的模块化方案经历了长时间的发展，最终于2015年在ES6实现了语言层面的标准化，即esModule（以下简称esm）, 现在JS社区开始拥抱esm，很多npm包仅采用esm发布。 而NodeJS一直依赖采用CommonJS的模块化方案，在最近发布的版本中也开始支持ems, 由于巨
- [《乌合之众：大众心理研究》热门标注](https://wycode.cn/blog/the-crowd.md): 2021-07-22 | Life —— 闻有吏虽乱而有独善之民，不闻有乱民而有独治之吏 —《韩非子·外储说》 《乌合之众：大众心理研究》是一本研究大众心理学的著作。是法国社会心理学家古斯塔夫·勒庞创作的社会心理学著作，首次出版于1895年。勒庞指出：个人一旦融入群体，他们的个性将会被湮灭，群体的思想便会占据统治地位，而与此同时群体的行为也
- [基于Docker的自动化部署](https://wycode.cn/blog/auto-deploy.md): 2021-05-09 | DevOps | Watchtower/Docker/NodeJS —— 之前写过一篇文章关于使用Github Action进行持续集成。 但是如何将构建好的软件包，分发到运行环境？托付给自动化服务后如何保证服务器安全？Docker化部署的话，服务器上的Docker引擎如何自动检查、拉取、运行最新的镜像？ 本文介绍如何解决这些问题。
- [理解Rust语言的所有权以及借用、引用、切片。](https://wycode.cn/blog/rust-ownership.md): 2021-01-23 | Backend | Rust —— Rust由Mozilla基金会开发，没有虚拟机和垃圾回收，却又提供了内存安全，有着媲美C/C++的性能，又同时支持命令式函数式编程以及泛型等便利。优雅（上层抽象）和高性能（底层控制）往往是鱼和熊掌不可兼得，但Rust试图挑战这一矛盾。允许你做带垃圾回收的语言（例如Java）做不到的事，比如控制底层。
- [备份和还原Docker容器中的MongoDB数据](https://wycode.cn/blog/docker-mongodb.md): 2020-12-05 | Backend | Docker/MongoDB —— 本文介绍如何使用两行简单的命令来执行备份和还原Docker容器中MongoDB的数据库数据。
- [使用Github Action进行持续集成](https://wycode.cn/blog/github-action.md): 2020-10-28 | DevOps | Github/NodeJS —— Github Actions是由 Github 发布的持续集成(CI)/持续交付(CD)服务，对于公开的仓库是免费使用的。之前我们使用TravisCI，现在用Github Actions更方便了。
- [用数学期望计算《和平精英》特斯拉（玛莎拉蒂）到底要多少钱？](https://wycode.cn/blog/chicken-dinner-tesla.md): 2020-07-24 | Life —— 今天我们用数学期望来计算一下《和平精英》的特斯拉（玛莎拉蒂）到底要多少钱？怎么抽最划算？
- [使用WebSocket和STOMP协议开发一个匿名聊天室](https://wycode.cn/blog/websocket.md): 2020-03-09 | Backend | WebSocket/Spring/Kotlin —— 有时候就想和其他人安全地聊个天，它需要有这些特征： 基于web技术，只需一个网页，无需下载任何App，易于转发。 无需注册，使用简单，基于邀请码加入聊天，邀请码定时刷新。 完全匿名。 消息只保留在内存中，超时自动删除。 进行在线人数统计，能设置最大人数上限。 用户上下线和邀请码刷新时有系统提示。 W
- [使用Docker容器部署SpringBoot项目](https://wycode.cn/blog/docker-spring.md): 2019-11-20 | Backend | Linux/Docker/Spring —— Docker容器化技术，使得部署变得平滑。再也不需要维护软件运行所需的复杂环境。Docker和现代化的微服务，敏捷开发，快速迭代和交付的要求非常匹配。 这篇文章实践从安装Docker开始，到将一个SpringBoot项目部署到Docker容器中。
- [VirtualBox的虚拟机网络配置](https://wycode.cn/blog/virtualbox-network.md): 2019-09-20 | DevOps | VirtualBox —— VirtualBox是著名的开源虚拟机软件，最初由Sun公司出品。后来Sun公司被Oracle收购。Sun公司的包括Java和VirtualBox，现在都是Oracle公司的软件。 配置虚拟机时，对于如何选择网络类型一直是一头雾水，这篇文章将VirtualBox的7种网络模式全部都总结一下。 不同模
- [实现内网穿透的最新姿势](https://wycode.cn/blog/ngrok.md): 2019-09-02 | DevOps | Linux —— 当我们需要在外网访问处于内网的服务时，就需要内网穿透这个技术了。 本文介绍实现内网穿透的多种方式
- [H2数据库修改密码](https://wycode.cn/blog/h2-password.md): 2019-08-14 | Backend | SQL
- [用树莓派4B做一个鱼缸水位报警](https://wycode.cn/blog/raspberrypi-fish.md): 2019-08-07 | DevOps | RaspberryPi/Linux/Python —— 因为最近要出门一段时间，鱼缸没人照顾，树莓派的第一个实用需求出现了。 准备做一个液位报警仪，当鱼缸水位低于报警水位，发一封邮件给我，我就能在微信上收到通知，从而远程控制给鱼缸加水，防止鱼缸循环泵烧坏。 <video src="/images/20190807raspberrypifish.mp4" 
- [树莓派4B系统安装及配置](https://wycode.cn/blog/raspberrypi.md): 2019-08-07 | DevOps | RaspberryPi/Linux —— 开启吃派之旅！ 2019年6月25日树莓派基金会发布了全新的Raspberry Pi 4 「树莓派4 代」。 相比上一代升级了很多，价格依旧250元（1G版），配置如下： 项目 配置 CPU 巴龙BCM2711, 4核 CortexA72 (ARM v8) 64位 主频1.5GHz 内存 1GB/2
- [《富爸爸，穷爸爸》热门标注](https://wycode.cn/blog/rich-dad.md): 2019-07-26 | Life —— 人穷穷观念，人富钱生钱。 《富爸爸，穷爸爸》是一个真实的故事，作者罗伯特・清崎的亲生父亲和朋友的父亲对金钱的看法截然不同，这使他对认识金钱产生了兴趣，最终他接受了朋友的父亲的建议，也就是书中所说的。“富爸爸”的观念，即不要做金钱的奴隶，要让金钱为我们工作，并由此成为一名极富传奇色彩的成功的投资家。 
- [使用Flutter开发Web应用](https://wycode.cn/blog/flutter-web.md): 2019-07-25 | Frontend | Flutter/Dart —— 在Google IO 2019开发者大会上，Flutter和Dart发表了超越移动端，为iOS，Android，ChromeOS和Web构建应用的主题演讲。 时至今日，想必Flutter已经可以开发Web应用了。 我们知道Flutter是使用叫Skia的C++库来渲染UI，但是Web上是使用Dom，
- [SpringBoot工程为SwaggerUI添加认证](https://wycode.cn/blog/swagger-auth.md): 2019-07-19 | Backend | OAuth/Java/Kotlin/Spring/Swagger —— 当API添加了鉴权后，swagger如何进行调试呢，比如需要在请求头header中添加类似token或者Authorization之类的。 在Spring中进行如下简单的配置就可以了。
- [SpringBoot工程自定义错误JSON字段](https://wycode.cn/blog/spring-error.md): 2019-07-15 | Backend | Java/Kotlin/Spring —— 通常我们为了统一，和前端方便处理，写的API返回JSON会有固定的结构，比如下面这种： json { "code":200, "message":"hello world!", "data":{ "user":{} } } 但是当返回码为非200时，比如接口不存在404，服务器错误500，Sprin
- [OAuth2.0四种模式完整时序图](https://wycode.cn/blog/oauth.md): 2019-06-14 | Backend | OAuth —— 关于认证和授权，最权威的流程就是OAuth2.0了，涵盖了用户认证授权的方方面面，现代的大型网站几乎都是基于Oauth2.0协议开发认证鉴权功能。 OAuth2.0被写入RFC6749，RFC中的流程图看了还是不明白的话，可以看看下面这张图，展示了OAuth2.0四种模式的完整流程。
- [学习和拆解Ant-Design-Pro](https://wycode.cn/blog/ant-design-pro.md): 2019-06-09 | Frontend | TypeScript/JavaScript/NodeJS/React —— AntDesign由阿里巴巴旗下蚂蚁金服团队设计开发，服务于企业级产品的设计体系，基于确定和自然的设计价值观上的模块化解决方案。除了交互设计，还提供了开箱即用的高质量React和 Angular组件实现，用于开发和服务于企业级中后台产品。 AntDesignPro是基于AntDesign的功能完备的
- [使用SpringBoot发送SSL邮件](https://wycode.cn/blog/email.md): 2019-06-07 | Backend | Kotlin/Spring/Java —— 当需要后台发送通知的时候，Email是一个比较好的选择，因为它免费啊！ 这篇文章介绍如何使用SpringBoot发送邮件。
- [从0开始开发一个评论系统](https://wycode.cn/blog/comments-sql.md): 2019-05-21 | Backend | Kotlin/SQL/Spring/JPA —— 畅言的广告有点过于流氓，所以准备开发一套评论系统，除了博客，还能用在其它APP中。 基本需求类似网易云音乐的评论，可以对引用别人的评论回复，可以点赞。
- [使用TravisCI进行持续集成](https://wycode.cn/blog/travis-ci.md): 2019-05-20 | DevOps | TravisCI/Hexo/NodeJS/Linux —— 持续集成（Continuous integration，简称CI）是一种软件开发实践。以每天小的代码改动集成替代在开发周期的末尾集成大量的代码，通过自动化的构建（包括编译，自动化测试，发布)来验证，从而尽快地发现和定位错误。让产品可以快速迭代，同时还能保持高质量。 持续集成往往和现代化的软件开发实践
- [NGINX配置重定向](https://wycode.cn/blog/nginx-redirect.md): 2019-05-17 | DevOps | Linux/NGINX —— 服务器配置Https之后，我们希望同时支持http，但是80端口进来的请求直接重定向到443端口上。 有时我们会将某些网页永久迁移到别的地址，但是又不想让老用户直接无法访问，或者看到404，而是要将这些老地址的请求转发到新地址上。 这篇文章教你如何配置NGINX重定向。
- [使用Flutter开发跨平台应用](https://wycode.cn/blog/flutter.md): 2019-03-28 | Mobile | Flutter/Dart/Android/iOS —— Flutter是由Google开发的开源的跨平台应用开发框架，支持Android、iOS开发，能够开发媲美原生的高性能应用。按照2019年的开发路线图，Flutter即将支持Web和桌面端应用的开发。这篇文章带你领略Flutter的魅力。
- [使用Netty和阿里云函数写一个低成本的“梯子”](https://wycode.cn/blog/netty-function.md): 2018-10-23 | Backend | Netty/HTTP —— 函数计算（Function Compute）是事件驱动的全托管计算服务。函数计算无需租用和管理24小时运行的服务器(Serverless)，无需搭建复杂的服务器环境，只需编写代码并上传就可以了，只需要为代码实际运行消耗的资源付费，非常便宜。 函数计算可以选择运行区域，也就是说，我们可以将函数运行的服
- [使用Netty开发高性能的网络服务应用](https://wycode.cn/blog/netty.md): 2018-10-16 | Backend | Netty/HTTP —— Netty是一个基于异步NIO（nonblocking IO）模型的，事件驱动的网络应用程序框架。 不同于传统阻塞IO，非阻塞IO通常使用更少的线程，从而提高并发性能。 Netty的灵活设计使得它能够开发几乎所有基于二进制流、文本应用协议的Web应用 这篇文章将简单介绍如何使用Netty开发一个HT
- [理解Spring WebFlux框架中的响应式类型](https://wycode.cn/blog/web-flux.md): 2018-07-20 | Backend | Spring/RxJava/Java/Kotlin —— Spring Boot 2.0 带来了Spring Framework 5 中的新的WebFlux技术，WebFlux是基于响应式非阻塞IO编程模型的技术栈。从而能够使用不同于以往基于Servlet API的阻塞式IO处理的新方式编写后台应用。 相比以往阻塞式IO编程，响应式编程能够获得更小的开销。
- [Ubuntu16.04安装配置NGINX服务](https://wycode.cn/blog/nginx.md): 2018-06-23 | DevOps | Linux/NGINX —— 当我们需要在Ubuntu上部署SpringBoot服务时，通常正式环境需要将监听端口切换到80端口，或443端口，但是Ubuntu为了安全起见，普通用户是不能监听1024以下端口的。另外我们需要同时支持HTTP和HTTPS，貌似SpringBoot只支持监听1个端口，这时有很多解决方案。比如使用su
- [SpringBoot配置Jar外部静态资源](https://wycode.cn/blog/springboot-static-content.md): 2018-06-23 | Backend | Spring/Java —— 我们知道SpringBoot内置了tomcat服务器，从而一个jar包就能实现web服务。但有时我们又想像传统tomcat那样部署一些外部的静态资源，虽然静态资源放在resource文件夹的static就能解决问题，但是static文件夹的内容会作为jar的一部分，要替换的话只能替换整个jar包，极
- [Spring JPA框架中的@ManyToMany多对多关系的理解和使用](https://wycode.cn/blog/many-to-many.md): 2018-04-19 | Backend | Spring/JPA/Java —— JPA是Java Persistence API的简称是Java的ORM规范，实现这个规范的有著名的Hibernate等ORM框架。JDK 5.0注解或XML描述对象－关系表的映射关系，并将运行期的实体对象持久化到数据库中。 多对多关系是关联关系中最复杂的。本文使用Spring JPA框架总结多对多
- [SwaggerUI GET请求中文乱码问题解决](https://wycode.cn/blog/tomcat.md): 2018-04-11 | Backend | Swagger/Spring/Tomcat —— 今天又一次遇到了中文乱码问题。SwaggerUI上直接测试接口时本地LocalHost是OK的，部署到Linux服务器上就乱码了，查来查去很多文章都没说到点子上。既然是用了Spring，Tomcat等，肯定是哪里配置不对，改代码的方式解决是太low了。
- [数据结构与算法学习笔记03](https://wycode.cn/blog/data-structures03.md): 2018-03-26 | Life | C —— 树状结构的基础是二叉树，二叉树即度为2的树。 二叉树的链表结构 c typedef struct TNode Position; typedef Position BinTree; / 二叉树类型 / struct TNode{ / 树结点定义 / ElementType Data; / 结点数据 
- [React Native源码解析（Android篇）](https://wycode.cn/blog/react-native.md): 2018-03-19 | Frontend | Android/React Native/React/iOS —— Facebook的React Native是比基于WebView更先进的跨平台解决方案。实现了只编写一次JavaScript代码即可同时生成Android及iOS应用，并且同时拥有原生控件的性能。此篇文章我将从React Native Android端源码中探究它到底是如何做到的。以及实现的思路，架
- [数据结构与算法学习笔记02](https://wycode.cn/blog/data-structures02.md): 2018-03-16 | Life | C —— 线性结构的基础是数组和链表，由数组和链表可以扩展出堆栈和队列。
- [数据结构与算法学习笔记01](https://wycode.cn/blog/data-structures01.md): 2018-03-14 | Life | C —— 程序=数据结构+算法。 浙江大学数据结构是国家精品课程，于2018年3月开学，2018年6月学期结束。
- [OpenCV入门](https://wycode.cn/blog/opencv.md): 2018-03-08 | AI | OpenCV/Java —— OpenCV是一个开源的计算机视觉库，广泛应用于各种图像处理，人脸识别，图像分析，自动驾驶等领域。目前最新版是3.4.1，本文基于最新版编写。 OpenCV使用C++编写，采用了模块化的结构，本文将逐个介绍每个模块的主要功能，并将介绍如何使用Java调用OpenCV库。
- [用React做一个跨平台剪切板](https://wycode.cn/blog/clipboard-react.md): 2018-02-13 | Frontend | React/JavaScript —— 这篇文章我们将用React实现一个跨平台剪切板。 通常我们会遇到将手机上的文字发送到电脑上，或者反过来，或者是记录一些网址，你懂得。这时我们会用到一些云笔记之类的产品，或者干脆使用微信或QQ，它们都太重了，用起来没那么方便，还要登录注册啥的。我们使用React来开发一款手机和电脑上都能访问，并且无需
- [微信小程序入门](https://wycode.cn/blog/clipboard-wechatapp.md): 2018-02-13 | Frontend | Wechat/JavaScript —— 这篇文章我们将开发一个微信小程序版的跨平台剪切板。 书接上文，我们已经用React开发了一个跨平台剪切板。开发微信小程序的时候，我发现微信小程序正是借鉴了React框架的核心。很多React中的代码，稍微修改就可以用在微信小程序中。 如何申请账号，创建项目在官方文档中已经有详细说明，我们这里重点解释
- [《未来简史》读书笔记](https://wycode.cn/blog/home-deus.md): 2018-01-29 | Life —— 1%的精英和99%的无用的人 人类将失去在经济和军事上的用途，因此经济和政治制度可能将不再继续认同人类有太多价值。 21世纪经济学最重要的问题，可能就是多余的人能有什么用？一旦拥有高度智能的算法接手几乎一切工作，而且能比人类做的更好时，人类还能做什么？ 前段时间看到一个TED演讲，未来世界各地可能像
- [RxJava入门](https://wycode.cn/blog/rxjava.md): 2018-01-20 | Mobile | RxJava/Java —— RxJava是ReactiveX的Java分支，除了Java版，ReactiveX还支持包括JavaScript、C、C++、Swift、Python、Android、Unity、Kotlin、Go、PHP在内的众多平台和语言。 ReactiveX的核心是对观察者模式的扩展，并上升到了和命令式编程完
- [React框架原理的思考](https://wycode.cn/blog/react.md): 2018-01-06 | Frontend | React/JavaScript
- [Angular框架原理的思考](https://wycode.cn/blog/angular.md): 2017-12-28 | Frontend | Angular/TypeScript/HTML
- [使用JWT和Spring Security结合开发一套认证鉴权系统](https://wycode.cn/blog/jwt.md): 2017-11-17 | Backend | Spring/JWT/JSON/OAuth —— 为使用前后端分离的后端管理框架做准备，使用JWT目前看来是最佳选择。 知其然 无状态 服务化 移动、web统统支持，后端提供相关接口即可 知其所以然 1. 认证：通过调用登录接口，服务器颁发一个JWT（JSON Web Token）给客户端。 2. 鉴权：客户端每个请求携带JWT，后端使用一个请求过
- [使用Vue搭建一个后台管理系统](https://wycode.cn/blog/vue.md): 2017-11-16 | Frontend | Vue —— 选择往往比努力更加重要。 准备做一个前后端分离的Web管理系统。
- [安装Node.js和npm的最佳实践](https://wycode.cn/blog/nodejs.md): 2017-11-14 | Frontend | NodeJS/JavaScript/Linux
- [Spring Boot + Spring Security + H2 + Thymeleaf做一个后台管理系统](https://wycode.cn/blog/web-framework.md): 2017-10-26 | Backend | Spring/Java/Thymeleaf —— Spring Boot能够创建独立的Spring应用程序，在云计算，分布式流行的今天，它提供了一种非常契合目前web开发需求的解决方案，是Java开发web应用的不二选择。 Spring Security是一款功能强大，可定制的身份验证和访问控制框架。 H2数据库是一个轻量级的数据库引擎，开源，快速
- [使用swagger为Spring REST API生成在线文档](https://wycode.cn/blog/swagger.md): 2017-10-23 | Backend | Spring/Java/Swagger/JavaScript —— 本文介绍如何使用swaggerUI为Spring Boot项目创建动态的、从代码生成的REST API文档
- [Android度量设计规范](https://wycode.cn/blog/android-dp.md): 2017-09-04 | Mobile | Android/Design —— 有关 dpi、dp、px、sp、设计规范等等。
- [Gradle构建变种版本（多渠道打包）](https://wycode.cn/blog/gradle-build.md): 2017-09-04 | Mobile | Gradle/Android —— 构建变体是 Gradle 按照特定规则集合进行打包，以生成适应不同需求的Apk包。 例如，需要生成dev版，测试版、以及release版，它们的服务器地址，版本号，图标各不相同，以及多渠道打包等等。
- [Kotlin入门](https://wycode.cn/blog/kotlin-learn.md): 2017-07-27 | Mobile | Kotlin —— 在Google I/O 2017上Google正式宣布Kotlin成为Android开发的官方新语言，Kotlin得到了Google的背书，随着Android O和Android Studio3.0的正式发布，Kotlin语言的春天可能马上就要来临了。
- [Spring中启用CORS](https://wycode.cn/blog/spring-cors.md): 2017-07-27 | Backend | Spring/Java/CORS —— JavaScript在跨域请求时会碰到No 'AccessControlAllowOrigin' header is present on the requested resource.。是因为服务器不支持Crossorigin resource sharing (CORS)这篇教程教你如何为Jav
- [在Unity中使用Android原生代码](https://wycode.cn/blog/unity2android.md): 2017-07-26 | Mobile | Android/Unity —— 在某些情况下，我们需要使用原生代码来做一些事，比如集成一些第三方原生SDK， 以下这种方式介绍了如何将Unity导出成Android Studio工程，从而添加Android代码。 之后的教程中我还将介绍如何将Android写好的代码导回到Unity工程中。
- [自定义形状波浪进度](https://wycode.cn/blog/wave-progress.md): 2017-07-24 | Mobile | Android —— 今天碰到个需求，要求以波浪进度填充自定义透明形状，废话不多说，直接上最终效果图
- [Blender建模入门](https://wycode.cn/blog/blender-learn.md): 2017-07-18 | Life | Blender —— Blender 是一款开源的跨平台全能三维动画制作软件，永久免费。 在这篇文章中你将学到 Blender 3D 建模入门。 Blender 官方中文手册：https://docs.blender.org/manual/zh.cn/dev/
- [Unity中的JSON解析](https://wycode.cn/blog/unity-json.md): 2017-07-12 | Mobile | Unity/CSharp/JSON —— JSON是一种应用广泛的数据交换格式。可用于和Web服务器交互，以及用于对象序列化。Unity使用JsonUtility类提供JSON文本和对象互转。 下面将基本的使用总结如下：
- [Unity中的网络请求](https://wycode.cn/blog/unity-web-request.md): 2017-07-12 | Mobile | Unity/HTTP —— Unity推荐使用UnityWebRequest替代原有WWW类做网络请求，UnityWebRequest提供了非常简单的方法请求RESTful接口。 下面将基本的使用总结如下：
- [使用SpringJPA框架](https://wycode.cn/blog/spring-jpa.md): 2017-07-11 | Backend | Spring/JPA/Java —— Spring JPA框架提供了非常强大的数据库持久化方案，仅仅通过定义接口就能实现很多查询功能，甚至不用写具体实现代码。通过接口定义的抽象方法Spring JPA就知道该做什么了。 下面将基本的使用总结如下：
- [Spring中的application.properties](https://wycode.cn/blog/spring-properties.md): 2017-07-11 | Backend | Spring/Java —— Spring框架在运行时会自动查找application.properties配置文件，在这个文件中进行项目相关配置属性，例如数据库地址密码等。当然也支持自定义属性。
- [Unity脚本生命周期](https://wycode.cn/blog/unity-lifecycle.md): 2017-07-07 | Mobile | Unity/CSharp —— Unity脚本的生命周期，协程、各关键函数的调用顺序如下图所示：
- [Unity平台判断](https://wycode.cn/blog/unity-platform.md): 2017-06-27 | Mobile | Unity/CSharp —— Unity 平台的判断包含编译时判断和运行时判断，总结如下：
- [可能是史上最简单的vi/vim教程](https://wycode.cn/blog/linux-vi.md): 2017-06-21 | DevOps | Linux —— vi特性 vi编辑器包含两种模式，命令模式和输入模式 刚进入vi编辑器时是出于命令模式下 命令模式下的按键是对文件的命令 按i进入输入模式 按Esc退回到命令模式
- [SEO：优化网站排名](https://wycode.cn/blog/SEO.md): 2017-06-19 | Frontend | SEO —— 本文介绍SEO相关知识和实践
- [Android原生分享及第三方分享](https://wycode.cn/blog/Share.md): 2017-06-16 | Mobile | Android/Wechat —— 本文介绍如何为Android应用添加分享功能。包含通过原生Intent和利用第三方SDK。
- [Android Studio工程应该忽略的文件及如何使用gitignore](https://wycode.cn/blog/gitignore.md): 2017-06-16 | Mobile | Android/Git —— 本文介绍版本控制中，Android Studio 工程应该忽略的文件，以及如何使用.gitignore文件快速配置自动忽略，教程同时适用于 Git 和 SVN。
- [为Hexo博客添加全文搜索](https://wycode.cn/blog/search.md): 2017-06-15 | Frontend | jQuery/Hexo/Bootstrap —— 本文介绍如何利用hexogeneratorsearch插件为 Hexo 博客添加本地全文搜索 原理 hexogeneratorsearch实际上是根据网页内容生成了一个数据文件，格式是XML或者JSON。然后通过 JS 代码去匹配这个文件的内容，从而达到搜索的目的。 最终效果
- [自定义Hexo主题](https://wycode.cn/blog/theme.md): 2017-06-15 | Frontend | Hexo/Bootstrap/HTML —— 刚刚完成了Hexo博客主题的自定义，现在总结如下，让我们一起来看看如何打造一款属于自己的Hexo主题。 如何创建一个新主题以及如何切换主题在官网的doc中有说明，这里我们只讨论如何打造一个新的属于自己的模版。 方法 Hexo使用了模版进行渲染的方式来实现网页风格的自定义。其核心是一种嵌套、引用的风格
- [为HTML中的代码添加语法高亮](https://wycode.cn/blog/highlight.md): 2017-06-14 | Frontend | HTML/CSS/JavaScript —— Hexo 默认对于代码高亮的处理过于粗暴，改变了其原有的<pre<code标签形式，而且并没有达到良好的效果，所以尝试自己添加语法高亮功能。此文档也适用于其它HTML文档中代码的语法高亮显示。 我这里使用highlight.js进行添加语法高亮
- [给自己的网站添加评论功能](https://wycode.cn/blog/comments.md): 2017-06-09 | Frontend | HTML/CSS/JavaScript —— 解决方案 动态自建 需要数据库存储，后台接口，以及前端页面等都自己实现。 优点：所有技术和数据都在自己手中，可控性强，安全。 缺点：细节很多，包括表结构，顶和踩计数、还有评论的评论（盖楼）、排序、敏感词过滤、审核等等。还是挺大的一个系统 静态集成第三方 目前流行的有以下几种: 【Disqus】：国外
- [我为什么开始写博客了？](https://wycode.cn/blog/why-blog.md): 2017-06-08 | Life —— 关于目的 奥威尔说作家写作的四大动机：纯粹的自我中心、审美方面的热情、历史方面的冲动以及政治方面的目的。 说起目的，作家们的目的都太大了，按照奥威尔的说法，我的目的可能就只是停留在第一种，纯粹的自我中心吧。 我觉得，就单纯第一种也有不一样的层次和境界，目前我的需求只是记录自己，沉淀技术，而希望有一天

## 可选

- [全部文章全文](https://wycode.cn/llms-full.txt): 所有博客文章的 markdown 全文拼接
- [分类列表](https://wycode.cn/blog/category): 按分类浏览（HTML 页面）
- [标签列表](https://wycode.cn/blog/tag): 按标签浏览（HTML 页面）
- [Sitemap](https://wycode.cn/sitemap.xml)