日志-2021-8-5 | RtZhao's Blog

new😉

stylus 增幅版CSS

stylus 富于表现力、动态的、健壮的 CSS

官网

Stylus 特性

冒号可有可无
分号可有可无
逗号可有可无
括号可有可无
变量
插值（Interpolation）
混合（Mixin）
数学计算
强制类型转换
动态引入
条件表达式
迭代
嵌套选择器
父级引用
Variable function calls
词法作用域
内置函数（超过 60 个）
语法内函数（In-language functions）
压缩可选
图像内联可选
Stylus 可执行程序
健壮的错误报告
单行和多行注释
CSS 字面量
字符转义
TextMate 捆绑
以及更多！

IDE WebStorm

创建的模板项目好多文件，好杂呀，创建的bootstrap5都看不懂目录了

还不如自己创建导入😥

这里学习一下压缩方法

YUICompressor 2.4.8 Released

三个红框的配置分别是：
1. 下载好的jar 的路径
2. $FileName$ -o $FileNameWithoutExtension$.min.html
3. $FileNameWithoutExtension$.min.html

H5BP 前端模板

官网

H5 Boilerplate是一套专业的前端模版,用以开发快速、健壮、适应性强的app或网站。

HTML5 Boilerplate并不是一个新的前端框架，而是一套最佳实践的组合，可以简化我们的工作，提高开发效率。

modernizr 官网

Modernizr是一个 JavaScript 库，用于检测用户浏览器的 HTML5 与 CSS3 特性

会在页面加载后立即检测特性；然后创建一个包含检测结果的 JavaScript 对象，同时在 html 元素加入方便你调整 CSS 的 class 名。

基于HTML5 Boilerplate创建自己的项目

PicGo 图床工具

官网

PicGo太牛了，呜呜呜😫

MARKSZのBlog大牛ORZ😭

Foundation 响应式前端框架

官网

ZURB Foundation是一个适用于任何设备、媒介和可访问性的框架。

Foundation是一个响应式前端框架系列，它可以让你轻松设计出漂亮的响应式网站、应用程序和电子邮件。Foundation具有语义性、可读性、灵活性和完全可定制性。

响应式网站
电子邮箱

官方教程整得稀碎，可能国外开发者用的比较多吧

<!doctype html>
<html class="no-js" lang="en">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Foundation Starter Template</title>
    <!-- Compressed CSS -->
    <!-- css 文件 -->
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/foundation/5.5.3/css/foundation.min.css">
</head>
<body>
	<h1>Hello, world!</h1>

    <!-- jQuery 库 -->
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <!-- JavaScript 文件 -->
    <script src="http://cdn.static.runoob.com/libs/foundation/5.5.3/js/foundation.min.js"></script>
    <!-- modernizr.js 文件 -->
    <script src="http://cdn.static.runoob.com/libs/foundation/5.5.3/js/vendor/modernizr.js"></script>
    <script>
        $(document).foundation();
    </script>

</body>
</html>

算了，还是用bootstrap吧

2D看板娘

已在github收藏，需要更改Hexo keep主题源文件 Blog-hexo\themes\keep\layout 等之后有时间在研究，以及相关的自定义样式，可以联系主题作者一手👀

文档框架✍

Wiki.js

官网

使用 Wiki.js 漂亮而直观的界面让编写文档成为一种乐趣！

需要数据库支持，我选择使用CentOS上安装的mysql，目前现需要完成网站的搭建、备案等

等之后有必要编写技术指导文档时再使用该框架，目前先搁置

博客框架🛠

Halo

官网

需要与服务器配合使用，现在的时间是2021年8月5日16:29:19，等今天刚买的服务器配置完成估计要下班了，等明天再捣鼓

Hexo 老朋友

不介绍了，挺好用的

typecho

官网

需要服务器配置，暂时不搞了

注意检查你的服务器是否支持Typecho完整运行    
1. [PHP 5.1](http://www.php.net/)以上
2. [Mysql](https://mysql.com/), [PostgreSQL](https://www.postgresql.org/), [SQLite](https://sqlite.org/) 任意一种数据库支持，并在PHP中安装了相关扩展
3. CURL或者Socket扩展支持
4. mbstring或者iconv扩展支持

云存储☁

又拍云👍

官网

网站使用的Netlify配置，服务器未备案，未能使用CDN加速，未能使用云存储

阿里云OSS

阿里云OSS

云存储 40GB/年—–￥9.00 🏃‍♂️🏃‍♂️🏃‍♂️

😭域名都需要备案才能开启服务，明天买个一年的服务器，把网页布置上去，备案一下

腾讯云COS👎

腾讯云COS

你咋连个优惠都不给呀🤏

服务器配置

切换到root账号
$ sudo su root

堡塔
1.查看面板入口：
$ /etc/init.d/bt default
2.关闭安全入口：
$ rm -f /www/server/panel/data/admin_path.pl

今日Google翻译🤭

Chief Instigator 首席煽动者

Helio Ambassador 太阳神大使

bio 口号，标语