王梓涵的Blog

记录一下

  • 关于font-awesome图标使用

1
2
3
4
5
6
7
8
9
10
11
font-awesome是一种把图表当成字体的工具
下载：npm install font-awesome --save
格式要求：
<i class="fa 从官网上找图标复制的东西"></i>
例子：
<i class="fa fa-car" ></i>

<i class="fa fa-area-chart"></i>

<i class="fa fa-bluetooth"></i>

运行效果：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
颜色以及字体改变：
<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font face="STCAIYUN">我是华文彩云</font>
<font color=#0099ff size=7 face="黑体">color=#0099ff size=72 face="黑体"</font>
<font color=#00ffff size=72>color=#00ffff</font>
<font color=gray size=72>color=gray</font>

常用颜色十六进制代码
深蓝：#0099ff
浅蓝：#00ffff
黑色：#000000
灰色：#808080
银色：#c0c0c0
红色：#FF0000	
浅红：#FF4040	
橙色：#FF8000
绿色：#80DF20	
浅绿：#9FFF40	
青色：#00FF80	
亮青：#00FFFF
白色：#f0f8ff #f8f8ff

全部颜色十六进制代码对照表 运行效果：

我是黑体字 我是微软雅黑 我是华文彩云 color=#0099ff

font-awesome官网

  • Hexoz主题更改

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
菜单示例：
menus:
  首页: { path: /, fa: fa-fort-awesome faa-shake }
  归档: { path: /archives, fa: fa-archive faa-shake, submenus: { 
    技术: {path: /categories/技术/, fa: fa-code }, 
    生活: {path: /categories/生活/, fa: fa-file-text-o }, 
    资源: {path: /categories/资源/, fa: fa-cloud-download }, 
    随想: {path: /categories/随想/, fa: fa-commenting-o },
    转载: {path: /categories/转载/, fa: fa-book }
  } }
  清单: { path: javascript:;, fa: fa-list-ul faa-vertical, submenus: { 
    书单: {path: /tags/悦读/, fa: fa-th-list faa-bounce }, 
    番组: {path: /bangumi/, fa: fa-film faa-vertical }, 
    歌单: {path: /music/, fa: fa-headphones },
    图集: {path: /tags/图集/, fa: fa-photo }
  } }
  留言板: { path: /comment/, fa: fa-pencil-square-o faa-tada }
  友人帐: { path: /links/, fa: fa-link faa-shake }
  赞赏: { path: /donate/, fa: fa-heart faa-pulse }
  关于: { path: /, fa: fa-leaf faa-wrench , submenus: { 
    我？: {path: /about/, fa: fa-meetup}, 
    主题: {path: /theme-sakura/, fa: iconfont icon-sakura },
    Lab: {path: /lab/, fa: fa-cogs },
  } }
  客户端: { path: /client/, fa: fa-android faa-vertical }
  RSS: { path: /atom.xml, fa: fa-rss faa-pulse }

## menu
menu:
- page: home
  url: /
  icon: fa-home
- page: Java基础
  url: /categories/javase/
  icon: 
- page: 博客教程
  url: /categories/blog/
  icon: 
- page: 虚拟化
  url: /categories/虚拟化/
  icon:

数学公式

多行公式

1
2
3
4
5
6
7
8
9
10
11
$$
\begin{equation}
{s.t.}
=\left\{
 \begin{array}{ll}
  A·x\leq b,\\
  Aeq·=beq，\\
        lb\leq x\leq ub。
 \end{array}\right.
\end{equation}
$$

运行效果

，。

图片插入

  1. 网络 
    1
    ![avatar](https://img2.baidu.com/it/u=1943148896,3671649787&fm=253&fmt=auto&app=120&f=JPEG?w=1422&h=800)
    avatar