51工具盒子
Jenkins 构建 vue 项目镜像并推送到阿里云镜像仓库
最近准备写一个只使用前端 vue 的项目，项目最终形态是一个导航页面，虽然页面很简单，但是为了学习一些 vue 的主要插件的用法，所以打算尽可能地使用更多的 vue 插件来完成。 正所谓两军交战，粮草先行，既然这个项目使用的是 vue，只涉及前端，所以最好的运行方式莫过于容器化，所以这里我把项目的基本结构创建了之后第一步就是创建 docker 支持，这样也方便随时部署到服务器...
开源软件
VirtualBox 安装 CentOS 7 系统并通过主机 ssh 连接虚拟机
我自己的云服务器是 Ubuntu 系统，自己之前使用的本机虚拟机也都是 Ubuntu 系统，但是一般公司使用的多半是 CentOS 或者其他类似的系统，很少使用 Ubuntu 系统，而且我们公司也都是使用的基于 CentOS 的系统，所以为了更方便于自己将学到的东西应用到工作中，决定开始使用 CentOS 的虚拟机。 为了学习新的系统，使用 VirtualBox 创建虚拟机是...
网站实现变灰的CSS代码
新浪网（https://www.sina.com.cn）网站变灰。 [](http://static.51tbox.com/s...
HTML中contenteditable属性 修改样式实时预览
contenteditable是HTML中的一个属性，当标签设置`contenteditable="true"`时，即能对该标签元素进行编辑。 当`style`标签设置`contenteditable`后，能在页面直接编辑css样式，实时预览效果。 下面放一小段代码： <!DOCTYPE HTML> <html>...
Chrome浏览器谷歌翻译无法使用？修改host文件解决
最近Chrome浏览器内置的网页翻译功能无法使用了，影响了不少使用谷歌浏览器的用户。可以用Microsoft Edge浏览器或其它国内浏览器，都带有网页翻译功能。 通过修改本地host文件，以便能正常使用谷歌浏览器的翻译功能。 203.208.40.66 translate.googleapis.com 203.208.39.226 translate.go...
Chrome谷歌浏览器截图方法，无需下载插件
以下在Windows平台进行操作，Chrome版本96。 1.打开Chrome浏览器。 2.打开浏览器开发者模式，以下有 3 种方式。 * 页面右键，点击「检查」； * 按键盘上的「F12」键；（笔记本注意FN快捷键设置） * 浏览器右上角，依次点击「设置」-\>「更多工具」-\>「开发者工具」； [
关于收取Google AdSense PIN码信件
前几个月申请了百度联盟，但是审核未通过，提示"网站内容有待提高"，后来就申请了谷歌联盟，并且通过了。 []...
CSS样式代码在线生成工具
> **Animista** ：<https://animista.net/> 各种动画这里都有。 [](...
Windows如何定时开启关闭Chrome浏览器？
Windows定时打开浏览器，访问链接，然后关闭浏览器。 复制以下代码至txt，保存为xxxx.bat。（注意后缀名） @title 开启浏览器Chrome @color 0a ping 127.0.0.1 -n 5 @echo 准备打开浏览器 @echo off cd /d C:\Users\Administrator\...
chromedriver与chrome版本对应关系，chromedriver下载
下载的chromedriver版本一定要与chrome的版本保持一致，不然会有问题。 chromedriver下载地址： * <http://chromedriver.storage.googleapis.com/index.html> * <https://npm.taobao.org/mirrors/chromedriver/> * <ht...
