前端基础-css篇(二)
本文重要内容 CSS的单位 字体属性 文本属性 定位属性:position、float、overflow等 CSS的单位html中的单位只有一种,那就是像素px,所以单位是可以省略的,但是在CSS中不一样。 CSS中的单位是必须要写的,因为它没有默认单位。 绝对单位 1 in=2.54cm=25.4mm=72pt=6pc。 各种单位的含义: in:英寸Inches (1 英寸 = 2.54 厘米) cm:厘米Centimeters mm:毫米Millimeters pt:点Points,或者叫英镑 (1点 = 1/72英寸) pc:皮卡Picas (1 皮卡 = 12 点) 相对单位 px:像素 em:印刷单位相当于12个点 %:百分比,相对周围的文字的大小 为什么说像素px是一个相对单位呢,这也很好理解。比如说,电脑屏幕的的尺寸是不变的,但是我们可以让其显示不同的分辨率,在不同的分辨率下,单个像素的长度肯定是不一样的啦。 百分比%这个相对单位要怎么用呢?这里也举个例子: font...
前端基础-HTML篇(一)
一、认识Web和Web标准Web、网页、浏览器WebWeb(World Wide Web)即全球广域网,也称为万维网。 我们常说的Web端就是网页端。 网页网页是构成网站的基本元素。网页主要由文字、图像和超链接等元素构成。当然,除了这些元素,网页中还可以包含音频、视频以及Flash等。 我们在浏览器上输入网址后,打开的任何一个页面,都是属于网页。 浏览器浏览器是网页运行的平台,常见的浏览器有谷歌(Chrome)、Safari、火狐(Firefox)、IE、Edge、Opera等。 Web标准以及W3C组织W3C组织W3C:World Wide Web Consortium,万维网联盟组织,用来制定web标准的机构(组织)。 W3C 万维网联盟是国际最著名的标准化组织。1994年成立后,至今已发布近百项相关万维网的标准,对万维网发展做出了杰出的贡献。 W3C 组织就类似于现实世界中的联合国。 为什么要遵循WEB标准呢?因为很多浏览器的浏览器内核不同,导致页面解析出来的效果可能会有差异,给开发者增加无谓的工作量。因此需要指定统一的标准。 Web...
Nginx篇-win的安装(二)
下载Nginx安装包前往Nginx官方下载页面,下载一个稳定版(Stable version)的Nginx。 解压到本地。注意:解压路径不要出现中文和空格! 配置环境变量环境变量中将Nginx的路径追加到Path。 重启电脑或者重启explorer.exe即可生效。 这里介绍下重启explorer.exe的方法: 在记事本里,输入以下内容,并保存为Reflash.Bat文件。 12345678@echo offecho explorer.exe已关闭!taskkill /im explorer.exe /fecho 正在开启explorer.exestart "" "C:\WINDOWS\explorer.exe"echo explorer.exe已开启!ping -n 4 127.1>nulexit 单击即可。 配置NginxNginx配置文件路径为,/conf/nginx.conf...
Nginx篇(一)
什么是 Nginx? Nginx 读作 “engine-ex”。 Nginx 是由俄罗斯程序员 Igor Sysoev 编写,2004年10月作为一个试图回答公众发布 C10K 问题。其中 C10k 是同时管理 10,000 个连接的挑战。Nginx 采用了事件驱动和异步架构,此设计使 Nginx 成为可扩展、高性能的服务器。 它是一个开源、轻量级和高性能的 Web 服务器,也用作 HTTP、HTTPS、SMTP、IMAP、POP3 协议的反向代理服务器,另一方面,它也用作 IMAP、POP3 和 IMAP 的 HTTP 负载均衡器、HTTP 缓存和电子邮件代理。 简而言之,我们可以说 Nginx 是一种用于处理并发请求的软件。 为什么要使用...
建站篇(四)
今日开发进展:完成了评论功能的添加开发过程: 省流版:经过多个评论系统测试,选用了livere (来必力)评论系统 啰嗦版:市面上常见的评论插件千奇百怪,数不胜数。所以说,选一个适合自己的评论系统可见是多么重要的,常见的插件有以下(Disqus Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo)等等。一个好的博客评论标准你觉得是什么呢?我觉得吧,应该是这样的。首先,一定要和你的博客兼容(一句废话);其次,适应要强,支持多种不同的账号登陆评论,比如其中有个插件(名曰:Gitalk),它限制的是 只有 GitHub 用户才能登录评论!对于非专业人员可能都不清楚这是个啥,可以说非常”歧视”他们,所以就跳过它了;最后一点也是最重要的一点,配置一定要简单,比如 某些插件限制流量和内存数据空间,注册需要域名,国外手机实名验证等等,比较烦。希望大家听人劝,不踩坑,顺利搭建成功属于自己的网站 2023.11.15补充在使用livere...
建站篇(三)
改千日头晕脑涨,毁一时神清气爽经历前几日不断的修改bug,一直实现不了自己想要的效果,终于今天决定丢弃之前的网站,重新搞现在的这个,也就是最后呈现在各位面前的这一版。相较与之前的那一个功能更多一点,并且最重要是之前想实现的在这一版都得到了不同的改善。 今日更新:图库模块: 之前见识短浅,不知道还有”图床”这个东西,可以托管第三方图片,并且可以生成外链。这样,加载图片的时候,就可以到第三方网站去进行加载网站,就不在本网站的服务器进行加载图片了,省去很多问题。目前本站使用的是Image Upload - SM.MS - Simple Free Image Hosting (smms.app)网站进行图片的托管,之后有更好的会进行替换,或者后面会自己搭建 音乐模块: 音乐歌单目前使用的网易云的,当然也可以换别的(ps:单纯网易云听得多而已,别问,问就是10级大佬)。背景音乐部分(也就是网页左下角的播放器)使用的是个人的外语歌单(即全是英文歌曲)。音乐模块是个人喜欢的歌曲。希望你也喜欢,后续歌单也可能会更换。 今天的”碎碎念”就这样吧,后续再见!
建站篇(二)
今天又是元气满满的一天今天给博客网站添加了部分功能,评论功能以及背景音乐播放窗口。 评论功能:使用的是“畅言”网络组件,支持用QQ、微信等等登陆进行评论,后台管理也比较方便。当然也考虑过用别的评论插件,比如:gitalk等,要求用githup登陆,并且需要科学上网才能使用就放弃了。目前评论组件会存在一些显示问题,还需要后期进行打磨调试,基本功能使用正常。还有就是评论现在不多,就没设置审核功能,评价就会立即显示,后续会添加敏感字筛选和过滤展示 背景音乐播放:耗费时间较长的一个模块。使用的是Aplayer,相关githup项目地址是:DIYgod/APlayer: :lollipop: Wow, such a beautiful HTML5 music player...
建站篇(一)
Hi,大家好 欢迎来到我的博客空间。平时闲来无事,在网上随便瞎逛,突然就逛到了不知名的某人的博客里面去了,当看到别人炫酷的页面之后,自己也就萌生了一个自己要做一个博客的想法。于是查阅了很多的网站教程,也考虑了自己要不要购买一个服务器,搭建一个属于自己的网站。后来心想还是先将网站先做出来再做进一步的打算吧!最开始我用的建站工具是Halo这个工具也就是这个怎么说呢。这个工具还是蛮不错的,主题虽然不是很多,但是效果还行。于是乎自己就在虚拟机上搭建了一个网站摹本。 就在我以为自己的网站就是要用这个的时候,后来发现了hexo这个博客工具,听说是可以使用Githup Pages进行建站,无需租用任何服务器,突然就感觉真是太香了。于是就找了一个比较简单的博客主题,按照步骤进行了搭建,所以就有了现在的版本,虽然现在的博客版本还是最开始的版本,功能什么的还不是很完善。之后也会慢慢进行维护滴,还是小小的期待一下吧。 ...