如何快速搭建一个基于wordpress的个人博客

购买服务器和域名 域名:www.namesilo.com 服务器:www.vultr.com www.bandwagonhost.com 新手建立个人网站第一步(服务器,域名购买解析) 域名解析 如何在namesilo为域名添加解析 登录服务器配置 两个软件:winscp, putty 下载wordpress安装环境XAMPP wget https://www.apachefriends.org/xampp-files/7.2.34/xampp-linux-x64-7.2.34-0-installer.runchmod 755 xampp-linux-x64-7.2.34-0-installer.runsudo ./xampp-linux-x64-7.4.11-0-installer.runsudo /opt/lampp/lampp start 首次运行出现“xampp is currently only availably as 32 bit application please use a Read more…

如何在namesilo为域名添加解析

如何在namesilo为域名添加解析 域名需被解析到IP地址才能正常使用,添加解析,也就是关联起域名和服务器IP地址。即通过域名可以访问IP地址。 这里以namesilo购买的域名为例,添加解析记录 登录namesilo.com 点击domain manager 点击需要解析的域名后对应的蓝色图标 按照下图配置表格 原本来讲,默认有5条。点击后面的删除图标,删除后3个。剩下两个按照图中指示修改。 第一条:第一个不填,第二个IPV4填服务器IP地址,最后一个TTL填3600 第二条:和第一条差不多,只是第一个位置那里填下www 如此,就完成啦!

利用MathJax在网页显示数学公式

如何在网页中正常显示数学公式 利用 MarkDown编写数学公式时,有两种方式:第一种行内显示$…$,第二种为行间显示$$…$$,When $a \ne 0$, there are two solutions to $(ax^2 + bx + c = 0 $and they are$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$ 但web端则不能对数学公式进行显示,因此需要添加插件。 MathJax MathJax是一个开源JavaScript显示引擎,用于LaTeX、MathML和ascimath符号,可在所有现代浏览器中使用。 Read more…

Bootstrap使用笔记

Bootstrap使用笔记 逐步更新 Bootstrap是Twitter推出的一个用于前端开发的开源工具包。是一个 CSS,HTML 和 JS 的集合,为Web 开发提供了模板。 Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。Bootstrap自带:全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class,以及一个先进的网格系统。 下载 BootStrap之栅格系统 网格系统 Bootstrap内置了一套响应式、移动设备优先的流式栅格系统,随着屏幕设备或视口(viewport)尺寸的增加,系统会自动分为最多12列。通过一系列的行(row)与列(column)的组合创建页面布局。 使用规则 行必须放置在 .container class 内,以便获得适当的对齐(alignment)和内边距(padding)。使用行来创建列的水平组,列数之和不能超过平分的总列数,比如12。内容应该放置在列内,且唯有列可以是行的直接子元素。通过设置内距(padding)从而创建列与列之间的间距。然后通过为第一列和最后一列设置负值的外距(margin)来抵消内距(padding)的影响举例: 用法总结 <small>(设置文本为父文本大小的 85%)、<strong>(设置文本为更粗的文本)、<em>(设置文本为斜体)。 下拉菜单 导航栏 标签添加 Read more…

JavaScript基础笔记

JavaScript基础笔记 JavaScript 是一种轻量级的编程语言,可插入 HTML 页面的编程代码。可用于写入 HTML;对html事件产生反应;改变 HTML 内容;改变 HTML 样式等。 用法 和css类似,可直接插入<script></script>,也可放在第三方文件内,js文件即是。 输出 四种方法: 使用 window.alert() 弹出警告框。使用 document.write() 方法将内容写到 HTML 文档中。使用 innerHTML 写入到 HTML 元素。使用 console.log() 写入到浏览器的控制台。 JavaScript 函数 没啥说的 Read more…

jQuery基本操作笔记

jQuery基本操作笔记 jQuery 是一个 JavaScript 库,在理解上,类似于python的pandas。封装了avaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。 一、下载和使用 二、语法 基础语法:$(selector).action() $定义 jQuery;selector选择 HTML 元素action() 执行对元素的操作 为了防止文档在完全加载之前运行 jQuery 代码,利用以下代码进行安全加载。 jQuery 选择器 选择器类似于css的选择器,# . : [] this等符号的使用。 $(“p”):页面中选取所有 元素 $(“#test”): 页面中属性id=”test”的标签 $(“.test”):通过指定的 class(class=”test”) 查找元素。 Read more…

CSS学习笔记

CSS学习笔记 一、CSS 格式 CSS 格式由两个主要的部分构成:选择器,以及一条或多条声明:选择器通常是需要改变样式的 HTML 元素。每条声明由一个属性和一个值组成。属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值以冒号分开。 CSS选择器类型 css属性总结 二、CSS三种引入方式 1.行间式 2.内联式 3.外联式 三、三种引入方式优先级 三种方式无优先级注:三种方式间没有优先级 三种方式协同布局 不重复的属性一定为唯一位置的唯一值 重复的属性采用覆盖赋值,保留最后位置的属性值 行间式一定是逻辑上最后被解析的位置 !important 会影响优先级

CSS选择器类型

选择器:1、标签选择器以标签名开头,如body,div,p,ul,li 2、类选择器  需对标签取class名,如class=”head”,格式设置以.+类名开头。 指定特定的HTML元素使用class 3、id选择器 需对标签取id名,以#加id名开头,具有唯一性,id=”name”。 4、后代选择器以空格隔开包含关系的元素,用来选择特定元素或元素组的后代。 5、子选择器以>隔开父子级元素,作用于子元素的第一个后代。 4,5例子 6、兄弟选择器 以~隔开,模块名~模块名,修饰~前模块往下的所有兄弟模块 7、相邻选择器以+隔开,模块名+模块名,修饰+前模块往下的相邻的模块,只有一个 6,7例子 8、全局选择器 *开头,修饰了包含body所有的标签9、群选择器修饰大括号前所有的元素 10、属性选择器以中括号为符号,比如:修饰属性为type=text的模块: 11、伪类选择器

css属性总结

属性(property) 一、font property name value unit annot font-size 1,2,.. PX、cm 绝对长度单位:cm,in; 相对长度单位:px,em,% font-style italic,normal line-height normal PX、EM font-weight bold,lighter,normal font-variant small-caps 小型大写字母 text-transform capitalize,uppercase 大小写 text-decoration underline,overline 修饰 二、background property Read more…