运维

综合性实践-结合Docker搭建线上集成开发环境

引子

一直想要搭建一套适应多种开发的线上的集成开发环境，希望它可以满足一下几个条件：

  1. 支持多种类型的开发
    1. 前端开发：可以配合使用code-server，线上vsCode，
    2. 后端开发：
  2. 所有IDE可以通过域名访问，同时配置https，还应该有用户认证，最好多用户。
    1. 统一登录界面，登录进入后，展示所有可用IDE和环境中的各种版本号，JDK、pip、npm、nodejs版本号等等
    2. 不同用户不同权限
  3. 所有数据和工具都容器化，搭建在Docker之上，这样更容易迁移。
  4. 容易扩展，如果我想要增加一种开发环境，增加一种软件，都能够快速增加上去。

继续阅读全文 »

前端

使用Chrome开发工具在任何页面上运行JavaScript片段

如果您发现自己在控制台中重复运行相同的代码，请考虑将代码保存为代码片段。Snippets是您在“源”面板中创作的脚本。他们可以访问页面的JavaScript上下文，您可以在任何页面上运行他们。Snippets是书签的替代。火狐开发工具有一个类似于代码片段的特性，叫做草稿栏。

例如，图1在左边显示了开发工具主页，在右边显示了一些代码片段源代码。

继续阅读全文 »

小技巧

windows文件夹列表展示文件夹大小

通常情况下，查看Windows资源管理器中文件夹大小都需要右键查看文件夹属性，才可以看到，或者从文件夹选项中勾选鼠标指向文件夹和桌面项时显示提示信息，这样可以将鼠标移动到文件夹上查看文件夹的大小，但是这也不太方便，其实想要达到的效果是，在Windows资源管理器中文件夹列表中可以直接展示文件夹大小。

继续阅读全文 »

运维

修改默认python版本为3.x

🌞安装

  1. 打开WEB浏览器访问 https://www.python.org/downloads/source/
  2. 选择适用于 Unix/Linux 的源码压缩包。
  3. 下载及解压压缩包 Python-3.x.x.tgz，3.x.x 为你下载的对应版本号。
  4. 如果你需要自定义一些选项修改 Modules/Setup

  5. 以 Python3.6.1 版本为例：

    1
    2
    3
    4
    # tar -zxvf Python-3.6.1.tgz
    # cd Python-3.6.1
    # ./configure
    # make && make install

  6. 检查 Python3 是否正常可用：# python3 -V

继续阅读全文 »

前端

CSS grid布局

优势之处

  1. 固定或者弹性的轨道尺寸
    • 无论在水平方向还是竖直方向都能够做到自适应
  2. 定位项目
    • 每一个组件都能作为一个项目被定位到相应的位置上面去
  3. 创建额外的轨道来保存内容
  4. 对齐控制
    • 和Flexbox相似
  5. 控制重叠内容
运维

Jenkins-Hexo-码云构建自动化博客站点

🌞写在前面

在使用Hexo之前，一直用的WordPress，终于在断断续续使用了两个年之后忍不住了，不得不说WordPress拥有丰富的插件和庞大的群众基础，但是实在是用起来不方便，每次写东西都要登录，进入后台管理，添加文章，排版很累（也使用过Markdown插件，效果不太好），当然也尝试过用其他方式写，比如用word写，简单配置一下，推送到WordPress上面，但是这样就没办法用Markdown了。然后就是安装插件让本来就很重的页面加载工作雪上加霜。。硬生生的把我写博客的积极性打击没了。还有一点就是以前的WordPress是跑在阿里云的云虚拟机上，不如服务器更方便捣鼓，哈哈，而且不能配置HTTPS，很鸡肋🐶。然后就是WordPress是PHP写的，太深的定制化需要搞PHP。索性换成Hexo，方便订制，加上Jenkins（工作的时候稍微学了一下，基本使用还是没有问题的），如虎添翼（杀鸡用牛刀），现在只需要在本地用Markdown写好文章，然后git提交到远程仓库，就会自动部署，只需要愉快的写就可以了，美滋滋。东西有点多，搞得时候没有记录，现在回头写有点麻烦，有空慢慢填坑。

🌞准备工作

  1. 服务器购买
    1. 我选择的是阿里云的服务器，因为我以前的博客就是在阿里云上面的，当时想要做备案，所以才选的国内的云服务商，如果你不需要备案选用国外的服务商，也可以。阿里云服务器有几种付费方式选择：预付费、按量付费、抢占式资源。这几种付费方式的官方说明：，相比较之下，抢占式资源还是比较划算的，但是抢占式资源和按量付费不支持备案，我的是因为以前备过案了，就不需要再备案了，如果你想要备案，那只能选包年包月的预付费了。这个问题我也是刚发现。。就拿我需要的配置来说，我选了一台2核2G的服务器，自带的40G的系统盘，跑个博客和一些小型的程序比如jenkins，足够用了，实在不行以后再升配置，这也是云服务商的优势之处。如果选用预付费方式，，便宜的一种也需要78一个月。如果选用按量付费，，0.29/小时，0.29*24*30 = 208.8，选用抢占式实例，，0.079*24*30 = 56.88，资源不是很紧俏，价格就不会变，在设定的可以承受的最高价之下就会自动扣钱，不会被释放。对于个人而言还是可以选择的。
  2. 域名购买
    1. 使用的域名是我几年前购买的，.top后缀的，当时就是因为便宜，好像刚开始引入这个后缀，一年几块钱，就一直用，用我的名字全拼，其实也有一个短域名fjh.im，实在name.com上面买的，但是.im域名是不能备案的也不能转入阿里云管理，就一直用作邮箱用，也可以解析跳转到现在的博客域名上面，但是只能解析一个地址，用来跳转主页。
  3. 域名备案：
    1.
  4. 域名解析：

    继续阅读全文 »