文章列表

# 前言 Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔,等到实际需要的时候再异步加载。通过 loader 的转换,任何形式的资源都可以视作模块,比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等。 # 概念 entry: 入口,指定的打包从这个文件开始,寻找依赖。 output: 出口,最终打包输出到哪里去 loader: webpack 默认只能打包 JS 文件,loader 可以转换为能够被...

# 前言 这里有空更新吧,我实在是太懒了 主题更新后可能某些美化内容不再适用 # 搞怪恶搞网页标题特效 在 /root/myblog/themes/Butterfly/source/js 中新建 crash_cheat.js <!--崩溃欺骗 + OriginTitle --> var OriginTitle = document.title; var titleTime; document.addEventListener('visibilitychange', function () { if (document.hidden)...

# 前言 本机系统:CentOS 7.5 # 安装 Git 搭建 Hexo 博客的同时已经安装过了 Git,这一步略过 记录 Hexo 搭建过程 # 安装 Nginx 嘻嘻,本博客又有这个的详细教程,这一步略过 Nginx 安装配置 安装好后,可以查看 Nginx 和 Git 版本,Nginx 暂不配置 /usr/local/webserver/nginx/sbin/nginx -vgit --version# 创建 git 仓库 给权限,用于存放网站资源 mkdir /home/git/chown -R $USER:$USER /home/git/chmod -R 755...

# 前言 方便以后 CtrlCV,就写下这篇文章 本机系统:CentOS 7.5 # 安装 Git 因为最早的 Git 是在 linux 上编写开发,只需要一行代码即可 yum install gitgit --version# 安装 Nodejs Hexo 是基于 nodejs 编写,所以需要安装一下 nodejs 和 npm。嘻嘻,本 blog 有详细教程,这一步略过 点击获取 安装 Nodejs:点击 升级 Nodejs:点击 安装完成后,检查版本 node -vnpm -v# 安装 hexo npm install -g hexo-clihexo...

# 前言 Nginx (engine x) 是一个高性能的 HTTP 和反向代理 web 服务器,也是一个 IMAP/POP3/SMTP 代理服务器。 本机系统:CentOS 7.5 # 安装编译工具及库文件 yum -y install make zlib zlib-devel gcc-c++ libtool openssl openssl-devel# 安装 PCRE PCRE 作用是让 Nginx 支持 Rewrite 功能 下载 PCRE 安装包:点击 cd /usr/local/src/wget...

# 前言 通过 yum 方式安装的 nodejs 版本太低,我们可以通过使用 n 安装新版本 本机系统:CentOS 7.5 我们当前的版本是 node-v7.6.0 点击获取 以往的版本 | Node.js:点击 # 通过 yum 安装 # 安装 nodejsyum install nodejs# 查看版本号node -vnpm -v# 使用 npm 安装 n npm i n -g# 使用 n 安装新版本 # 最新版n latest# 指定版本n 13.0.1# 切换 nodejs 版本 n使用上下方向键选择已安装版本后按回车 node/7.6.0o node/13.0.1# 查看...

# 前言 通过 yum 方式安装的 nodejs 版本太低,我们需要安装最新版 本机系统:CentOS 7.5 # 获取安装包 点击获取 Linux Binaries v13.0.1 (x64):点击 可选择其他安装包或源码包:点击 # 解压安装包 wget https://nodejs.org/dist/v13.0.1/node-v13.0.1-linux-x64.tar.xz //下载tar xf node-v13.0.1-linux-x64.tar.xz // 解压cd node-v13.0.1-linux-x64 // 进入解压目录解压文件的 bin 目录底下包含了...

# 前言 先载入 JQuery 库,一个用 JQuery+Html5 来实现超真实 3D 雪花飞舞的特效,该特效适合所有 web 站点 参考图片 # 在线 demo <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> *{ margin:...

# 前言 上传本地文件夹到码云、CODING、Github 等代码托管平台。这篇教程,方便直接复制粘贴命令 本机系统:CentOS 7.5 # 获取 Git 获取 Git-2.25.1-64-bit:点击 # 配置变量 git config --global user.name "yourname"git config --global user.email "youremail"git config user.namegit config user.email# 初始化本地仓库 git init# 本地 HTTPS 连接 git remote...

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub. # Quick Start # Create a new post h$ hexo new "My New Post"More info: Writing # Run server h$...