Hexo + Github 零成本搭建个人博客 Hexo 是一个静态博客框架,其依赖于 Node.js,支持 Markdown 格式撰写文章,通过渲染引擎,在本地生成静态网页。然后我们可以通过 Github 提供的网站托管服务 Github pages ,公开发布网页。以这种组合方式搭建的博客网站特点是: 原始文章在本地创建生成,相当于自动在本地备份,且可随时借助 Markdown 编辑工具在本地预览查看。 生成静态网页格式,对网站服务器要求 2022-06-02 前端技术 #Hexo #Github #博客
个人博客上线了 博客主体完成经过一个多星期的折腾,个人博客终于建成基本框架,成功上线了! 本博客采用 HEXO 框架,主题为 Fluid,通过 GitHub Pages 进行部署,采用响应式布局,可以同时适配手机、平板或电脑屏幕。 博客站名初定为云飞阁,我对这个名字还不是很满意,后面想到更好的再说吧,也欢迎大家提出宝贵意见。挑选站名的时候,以下这些站名曾列入候选: 类别 站名 站名 站名 2022-05-26 生活随笔 #随笔
CSS:置换和非置换元素 本文转载自CSS大佬杜瑶的CSS探索之旅 先进一个题外话在面试一个 重构(各大公司的叫法可能不太一样)时,我喜欢从一个点开始问,然后一直延展下去成为一条线,甚至是一个面,直到问到不会的地方,然后又换另外一个点。 例如:我可能会说,能简单聊聊 行内级元素 和 块级元素 的区别吗。 一般这时,候选人都会说到 行内级元素 不会换新行,而 块级元素 会格式化为块状,即换行。但也有些遗憾的方面(如:混淆 2015-03-15 CSS #w3c #视觉格式化模型 #置换元素
margin系列之外边距折叠 本文转载自CSS大佬杜瑶的CSS探索之旅 不怀疑你也在工作中遇见过几乎可以不用怀疑,前端工作中的你一定遇见过 margin 折叠。 不确定?别着急,你可能写过这样的代码: CSS:123p{ margin: 50px;} HTML:1234<div id="demo"> <p>我是一个华丽的段落,别看我文字少</p> & 2013-12-04 CSS #margin #w3c #margin折叠
margin系列之与相对偏移的异同 本文转载自CSS大佬杜瑶的CSS探索之旅 也许我们是一样的可能大家都用会 margin 或者相对偏移的 top, right, bottom, left 来做一些类似元素偏移的事,其实我也会。这回我们只聊 relative 下的 top, right, bottom, left 。 比如说我们想让一个 div 向下偏移 50 个像素,通常会这样: Case 1:123#demo .margin-t 2013-12-02 CSS #margin #w3c #margin偏移
margin系列之百分比 本文转载自CSS大佬杜瑶的CSS探索之旅 你可能从没注意过它在 [margin系列之keyword auto](http://blog.doyoe.com/2013/11/29/css/margin系列之keyword auto/) 中,说过了 margin 值为 auto 的情况,这次要聊的是值为百分比的情形。 我必须承认这是一个非常基础的知识点,但有一段时间我发现很多人对此有错误的认 2013-11-30 CSS #margin #w3c #margin百分比
margin系列之keyword auto 本文转载自CSS大佬杜瑶的CSS探索之旅 margin的重要性:有个不容置疑的事,前端开发人员没有人能够忽视CSS margin的重要性。CSS coding时,margin的使用频率就如同呼吸般频繁,如果我可以说得夸张点的话。 margin作为CSS盒模型基本组成要素之一,是非常Basis的一个技术手段,所以我想对于它的一些基本情况应该不用太介绍了? margin经常被用来做什么? 让块元素水平 2013-11-29 CSS #margin #w3c