Develop
如何从0开发一个Hexo主题
Hexo是现在比较主流的静态博客生成框架,但我个人的感受来讲,Hexo 的主题虽然有两百多个,但是能拿出手的也就不到二十个。
本文主要记录了我从零开发 Hexo 主题时,遇到的一些问题,自己作为备份。
所有内容仅供参考
基础知识储备模板引擎传统的 HTML 写起来既不方便,又不能复用,因此在 Hexo 中通常使用模板引擎来呈现网站内容。
常用的几种模板引擎有:Swig、EJS、Haml 或 Jade。其中 Jade 由于商标问题,改名为 Pug,虽然它们是兼容的,但使用的时候,推荐安装 Pug 而不是 Jade。Hexo 内置了 Swig,将文件扩展名改为 .swig 即可使用,你也可以安装 ...
Study
使用逻辑性思维表达自己的观点
学会运用“PREP+A”的逻辑产出模式:
P(Point,观点/论点),R(Reason,原因/理由/根据),E(Example,实例/例证),P(Point),A(Action,行动)。
在正式的谈话、讲演、文案中,一般可以遵循下面的逻辑/步骤:
P:首先,简洁明了的表明自己的观点/论点/主张,也就是你在说什么、你想要表达什么。
R:其次,说出支持你结论的“依据”,也就是回答 你凭什么这样认为,是基于哪种事实和解释?
E:再者,用实际的例证(资料、数据、个人例子等)来提高你结论或观点的说服力。
P:最后重复结论,确保自己想传达的信息,已确实传递。
A:行动就是你希望对方怎么做(根据实际需要 ...
Develop
CSS中的Grid网络布局
网格布局(Grid)是最强大的 CSS 布局方案,将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。以前,只能通过复杂的 CSS 框架达到的效果,现在浏览器内置了。
基本概念学习 Grid 布局之前,需要了解一些基本概念。
容器和项目采用网格布局的区域,称为”容器”(container)。容器内部采用网格定位的子元素,称为”项目”(item)。
例如:
12345<div> <div><p>1</p></div> <div><p>2</p></div> <d ...