hexo-deployer-tcb 一个用于Hexo的TCB静态托管部署插件
云开发(Tencent Cloud Base)是腾讯云的一项后端云服务, 它帮助开发者统一构建和管理资源,免去了开发过程中繁琐的流程, 让开发者可以专注于业务逻辑的实现.同时它为开发者提供了一项静态网页托管的业务, 你可以将你的静态资源(HTML、CSS、JavaScript、字体等)上传到云端, 由腾讯云对象储存和边缘CDN进行分开.你可以将它理解成类似 Github Page 的业务.对比 Github Page 它拥有国内 CDN 节点, 基于 Serverless 你可以实现更多可能和想法. 云开发使一个很棒的云端一体化方案, 在我第一次了解到它的时候,便产生了浓厚的兴趣. 为了方便静态托管我的博客,我写了 hexo-deployer-tcb 这个插件, 来帮助我更方便进行 Hexo 部署. 本章主要指导你如何将 Hexo 部署到云开发的静态网站. 新建一个环境 首先你需要在腾讯云控制台新建一个环境腾讯云控制台 云开发 CloudBase 你可以访问控制台直接管理你的静态网站,上传、删除删除文件,创建文件夹等操作。 此时我们需要获得一些必要的信息,secretId , secretKey , envId secretId 和 secretKey 的获取 envId 的获取 使用 hexo-deployer-tcb 在你的 Hexo 目录执行… Read More
Web 开发环境一
在 MacOs 上开发web应用,有许多设置开发环境的选择,其中最受欢迎的当属MAMP Pro , 它提供了web环境的桌面UI,使得更加易用,加快你的开发 . 由于它与我在Linux上的环境存在差异,本着学习的精神,我在Mac上标准构建了这个开发环境并记录,希望对你有用. 在此篇文章,我将记录我在 macOS 10.15 Catalina 安装 Nginx MySQL 多版本的php 我们通过Brew来管理Mac的软件包,请确保你安装并使用它 安装 nginx brew install nginx#开机自启brew services start nginx 安装MySQL MariaDB 高度兼容MySQL,是一个不错的替代品,并且根据理论数据它比MySQL具有更高的性能,我通常使用它. brew install MariaDB#开机自启brew services start MariaDB mariadb 上的文档 多版本PHP brew tap exolnet/homebrew-deprecated brew install php@5.6brew install php@7.0brew install php@7.1brew install php@7.2brew install… Read More
Mac 使用 NVM 安裝管理多版本 Node.js
Node 具有很多的 Package, 很多时候这些包所需的 Node 版本是不同的, 我们需要安装不同的版本. 在这些环境中进行开发切换是很痛苦的, 我们急需一个工具改变这些来帮助我们切换. Node Version Manager(NVM)就是一个出色的 Node 版本管理器,让我告诉你如何使用. 使用 brew 安装 NVM 版本管理器 brew install nvm 然后将以下内容添加到 ~/.zshc,并且重启你的终端来重新加载配置. export NVM_DIR="$HOME/.nvm" [ -s "/usr/local/opt/nvm/nvm.sh" ] && . "/usr/local/opt/nvm/nvm.sh" # This loads nvm [ -s "/usr/local/opt/nvm/etc/bash_completion.d/nvm" ] && . "/usr/local/opt/nvm/etc/bash_completion.d/nvm" # This loads nvm bash_completion 使用… Read More
网页的颜色跟随系统方案
黑暗模式是近几年的设计趋势,Windows 和 Mac OS 都支持了暗黑模式. 越来越多的应用也支持暗黑模式 , 这使得他们的用户可以自行选择他们喜欢的颜色方案,在夜晚阅读更容易. 如果你在暗黑模式下,你可能会发现我的博客也处于暗黑模式.这篇文章我将向你介绍我是如何完成它的. 目前大部分浏览器都支持了prefers-color-scheme CSS 媒体查询功能,它用来检测用户请求的系统是否处于浅色或深色. prefers-color-scheme mozilla 查看支持平台 /* 暗黑模式 */@media (prefers-color-scheme: dark) { body { background-color: #000; color: white; }}/* 浅色模式 */@media (prefers-color-scheme: light) { body { background-color: white; … Read More
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!… Read More