龙

哇咔咔

0%

写博客的注意事项

发表于 更新于 分类于 ， Disqus：
写一篇博客需要注意的问题。

引导页面

NexT主题说明

Markdown语法

MathJax基本语法

在线公式编辑器，快速知道语法

创建文件

可以使用hexo new "博客名"命令，它会在source/_posts文件夹下面创建了一个新的md文件， 会自带一点内容，例，

1
2
3
$ hexo new "wakaka"

INFO  Created: I:\nut\git\blog\source\_posts\wakaka.md
1
2
3
4
5
---
title: wakaka
date: 2017-08-23 23:50:45
tags:
---

创建好之后，就可以接着往下写。当然可以自己在source/_posts文件夹下创建md文件， 这样文件名与title就可以不一样，随便写，至于时间信息，在中文输入法中拼sj就可以。

文件头部

官方头部说明

这篇文章的头部如下，

1
2
3
4
5
6
7
8
9
10
---
title: 写博客的注意事项
date: 2017-08-23 23:42:49
categories:
 - guide
 - hexo
tags:
 - guide
description: 写一篇博客需要注意的问题，作为以后写博客的参考。
---

这里hexo这个分类，在页面上会显示为guide类的一个子项，

如果要写公式，因为在配置文件里面设置了per_page = true， 所以需要在头部加上mathjax标签，这样可以加快不用公式页面的渲染速度。

1
mathjax: true

图片

图片放在source/images文件夹下就行，直接相对路径引用，

1
![image](/images/head/head_bigfan.png)

image

插入图片大小的调整，并且居中：

1
2
<div align="center"><img src="/images/head/head_bigfan.png"
style="zoom:50%" title="大范" /></div>

也可以用，

1
2
<div align="center"><img src="/images/head/head_bigfan.png"
width="200" height="200" title="大范" /></div>

公式

行内用\$...\$，行间用\$\$...\$\$，注意去掉前面的所有斜杠"\"，

由于公式的一些问题，一定要正确的使用格式，不然会可能会出问题。

目录

hexo会自动安装Markdown语法中标题的#，##，###，####来生成目录。

gif

和引用图片一样的操作，

1
2
3
4
![image](/images/head/wzx.gif)

<div align="center"><img src="/images/head/wzx.gif"
style="zoom:150%"/></div>

视频

支持的网站直接可以复制到链接，

例，b站视频：

image

1
<iframe src="//player.bilibili.com/player.html?aid=64658793&bvid=BV144411d7S4&cid=112251175&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

音乐

例，网易云音乐，进入网页版，获取链接：

image

1
2
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 
src="//music.163.com/outchain/player?type=2&id=33894145&auto=0&height=66"></iframe>

注意链接中有一个auto属性，0表示不自动播放，1表示自动播放。

颜色

HTML颜色表

1
2
3
<font color='#FF0000'>这是红色！！！</font><br/>
<font color='#FFD306'>这是黄色！！！</font><br/>
<font color='#0072E3'>这是蓝色！！！</font><br/>

这是红色！！！

这是黄色！！！

这是蓝色！！！