Butterfly外挂標簽引入
文章主體是博客最為重要的部分,一切內容都由它來承載。hexo支持顯示.md文件,但Markdown語法自帶的標簽有點少,玩法有所限制,於是可以通過引入主題外挂標簽的方式來使內容更加豐富。
確保先引入了外挂摽簽 雖然Butterfly有內置折疊框hideToggle標簽,但是Volantis的folding更好看點 引入外挂標簽
安裝插件,在根目錄打開終端運行:1npm install hexo-butterfly-tag-plugins-plus --savehexo自帶的markdown渲染插件hexo-renderer-marked和外挂標簽語法兼容性較差,建議換成hexo-renderer-kramed12npm uninstall hexo-renderer-marked --savenpm install hexo-renderer-kramed --save添加配置信息在站點配置文件加或者主題配置文件加都行12345678910111213tag_plugins: enable: true # 开关 pri ...
CSS基本知識一文通
本文參考:
mdn web docs: https://developer.mozilla.org/zh-CN/docs/Learn/CSS
W3School: https://haiyong.site/doc/w3/css/index.html
1 CSS是何物?
Cascading Style Sheets,层叠样式表,定義如何顯示HTML元素, ⽤于设计⻛格和布局。
1994推出CSS第一版,1998第二版,从1999到現在都在做CSS3。
CSS优勢是簡洁、灵活、兼容性強、能減少開發維護成本、提高頁面性能。
語法組成: 選擇器{属性: 值; 属性: 值;…}
2 選擇器要用css对HTML中的元素控制,當然要先選擇到那個元素。選擇器可以進行分組,用逗號分開的一組選擇器分享相同的聲明。子元素的属性繼承父元素。
1 id選擇器為標有特定id的HTML元素指定樣式,HTML元素設id属性,css以”#”定義,一個id只能一個元素使用。#para1{text-align:center;color:red;
2 class選擇器HTML設class,css以”.”定義, ...
HTML基本知識一文速通
1 HTML簡介HTML家底
HTML和HTML5
HTML(Hyper Text Markup Language),超文本标记语言,产生于1990年,1997年HTML4成为互联网标准,并广泛应用于互联网应用的开发,我們平時看的一個個網頁就是HTML格式。HTML5是HTML最新的修订版本,最新的標準,2014年10月由万维网联盟(W3C)完成标准制定,它的设计目的是为了在移动设备上支持多媒体。
瀏覽器
瀏览器是网页显示、运行的平台,HTML由瀏覧器解析处理,轉換成可識別的信息,浏覧器的功能依靠其浏覽器內核實現。浏覽器內核从十几年前微软独家垄断到今天已經百花齊放,但目前還是四瀏覽器內核派系分天下。
IE(Trident): 代表作有IE、猎豹、360、百度
firefox(Gecko): 以前挺強,現在快被chrome做掉,速度有點慢
Safari(webkit): 苹果家的,不能說不好,只能說”特立獨行”,做個效果要特別考慮能不能适配它
chrome(chromium/Blink): 在Chromium项目中研发了Blink 渲染引擎(即浏览器核心),内置于 Chr ...