连接服务器
由于阿里云的活动,我领取了一款云服务器可以免费使用一个月。如下图
我目前是一个前端开发人员,领取了这个服务器想着是用来搭建自己的网站,由于在这之前也没有 linux 的相关学习经历,在领取该服务器后进行了一系列的操作后才将静态网页上传到服务器并通过公网 ip 访问可以显示出来。便在此处记录下整个过程。
一、领取服务器
在领取服务器后首先选择的是服务器的操作系统,这里我选择的是Ubuntu操作系统,版本是14.04 64位。
完成以上选择后,直接点击购买就可以了。购买完成后打开控制台,在左侧菜单栏里打开实例与镜像 ——> 实例,然后将服务器的密码进行重置
重置完成后,进行远程连接。在这里我选择的是第一个 Workbench 远程连接。然后在密码栏输入刚刚重置的密码,进行登录。登录成功后就进入了命令窗口。在命令窗口输入相关命令就可以对服务器进行一系列操作。
二、安装配置 nginxnginx 是一个高性能的 HTTP 和反向代理 web 服务器。我这里通过 nginx 来配置静态页面,同时也是为了以后方便上传 vue 项目。
1. 通过包管理器安装 nginx:Ubunt ...
git clone 加速
在拷贝 github 上优秀的开源项目时,每次使用 gitclone 命令都要等好久。上网查找了很多办法,有改 host 文件的,也有修改 ip 的。还有把项目 fork 再添加到 gitee 中再 clone 的(因为 gitee 是国内的服务器,再 clone 就会很快)。都比较麻烦
这里有两个很简便的方法亲测有效以 clone vue 为例:
git clone https://github.com/vuejs/vue.git
1. 使用 cnpm 代理
git clone https://github.com.cnpmjs.org/vuejs/vue.git
2. 使用码云的镜像
git clone https://gitee.com/mirrors/vue.git
vue3 新特性——在css中使用js变量
最近在 github 上发现一个 Vue3 非常好玩的特性,这个特性我以前就经常这么想:要是我在 data 里面定义的变量也能在 CSS 里面用那该多好啊!(大家有没有也这么想过)
幻想以前做项目的时候经常会这么想:
12345678910111213141516171819<template> <h1>{{ color }}</h1></template><script> export default { data() { return { color: "red", }; }, };</script><style> h1 { color: this.color; }</style>
当然,想想也知道不可能,JS 和 CSS 隶属不同上下文,CSS 哪来的 this 呢?
那么怎么才能在 CSS 中使用 JS 变量呢?那就只能用 ...
hexo commands
1.hexo 的安装1npm install -g hexo-cli
2.hexo 的相关命令12345678910111213141516171819202122232425262728hexo init [folder] # 新建一个网站。如果没有设置 folder ,Hexo 默认在目前的文件夹建立网站hexo new "postName" # 新建文章hexo new page "pageName" # 新建页面hexo generate # 生成静态页面至public目录hexo server # 开启预览访问端口(默认端口4000,'ctrl + c'关闭server)hexo deploy # 部署到GitHubhexo help # 查看帮助hexo version # 查看Hexo的版本hexo clean # 清除缓存文件 (db.json) 和已生成的静态文件 (public)// 命令相关的缩写形式hexo n == hexo newhexo g == hexo generatehexo s = ...