Tagged

前端

前端和后端是描述进程开始和结束的通用词汇。前端作用于采集输入信息,后端进行处理。计算机程序的界面样式,视觉呈现属于前端。网站的“前端”是与用户交互的部分。网页的视觉内容,从字体到颜色,以及下拉菜单和侧边栏。这些视觉内容,都是由浏览器解析、处理、渲染相关 HTML、CSS、Javascript 文件后呈现而来。

利用gatsby-plugin-use-dark-mode来添加夜间模式功能
前端

利用gatsby-plugin-use-dark-mode来添加夜间模式功能

一直以来,夜间模式都是人类眼睛的好朋友,但却常常被忽视。为了推动“夜间模式革命”,为人类带去黑暗,特写此文。 前言 介绍 看完众大佬们的教程后还是选择了直接上插件,毕竟可以省去很多时间和精力(真香)。下文会介绍如何使用gatsby-plugin-use-dark-mode、use-dark-mode以及 Material UI 的Icons和Button来为Gatsby站点制作一个顶级棒的夜间模式( •̀ ω •́ )y 各组件的作用 use-dark-mode:接受调用、提供主要的模式切换; gatsby-plugin-use-dark-mode:注入noflash.js来防止刷新时模式切换照成的闪光; gatsby-plugin-material-ui:优化 Material UI 在 Gatsby 中的使用(可选) Material UI(icons、core):提供漂亮的按键和图标 准备步骤 安装所需插件 npm install gatsby-plugin-use-dark-mode use-dark-mode npm install gatsby-plugin-material-ui @material-ui/core

自适应网页设计
干燥计划

自适应网页设计

自适应网页设计 思想 一次设计,普遍适用。 方法 允许网页宽度自动调整 在网页代码头部加入: <meta name="viewport" content="width=device-width, initial-scale=1" /> 这行代码包含在自动生成的 HTML5 框架内。 不使用绝对宽度 使用 width: xx%; 或 width: auto; ,替代 width: xxx px; 使用相对大小的字体 指定字体大小为页面默认大小的 100%,即 16 像素: body { font: normal 100% Helvetica, Arial, sans-serif; } 再指定 h1

记一次CentOS上安装Ghost
转载

记一次CentOS上安装Ghost

文章转自 https://freekingd.com/ghost-install/ 作者:朱瑞金建议英文好的同学直接上官网(目前只有Ubuntu的教程)。Ghost是一个基于Node.js的开源专业发布平台,为功能、灵活性和性能而生。相比大名鼎鼎的WordPress,Ghost可以说是轻量级的博客系统,而且还做了很多优化(比如SEO);同样基于Node.js的静态博客系统Hexo性能也很强劲,有中文文档,加上插件也能实现后台管理,呃,我为什么选择Ghost呢,可能是想学英文吧...(反正我是信了。Ghost和Hexo的社区都比较活跃,GitHub上Ghost的commits是Hexo的3倍多,更新频率要高一些) 准备服务器(我的CentOS 7 x64)Nginx(选择大于1.9.5的版本,以支持SSL)受支持的Node.js版本(6.x/8.x/10.x)MySQL 5.5, 5.6, or

本站最近的一些更新(Ghost博客调教)
干燥计划

本站最近的一些更新(Ghost博客调教)

新增评论区 大家终于可以愉快地畅所欲言啦! 而且因为我们服务器在新加坡,不受中国大陆法律限制,也没有敏感词蛤蛤蛤 采用的是Valine作为我们的评论系统,快速、简洁且高效、无后端。 获取 在Code Injection的Footer部分填入 <script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script> <script src='//unpkg.com/valine/dist/Valine.min.js'></script> <script> new