0%

个人博客建设5-Markdown语法

个人博客建设第五步:用基本的Markdown语法来写博客...

为什么markdown

首先我们写的每一篇博客都是基于md也就是markdown文件的,其次Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,非常适合写博客。

编辑器的选择

可以使用VS code, MarkdownPad或者BookPad(注意这个收费14块)
具体的选择结合自身喜好,没有什么大的区别,都具有实时预览功能我觉得就够了。

简单的几个语法

1. 标题

1
2
# hello
## hello

上面两个分别是主标题和次级标题的区别,井号越多字体就越小,标题也越次级。

2. 字体和颜色

1
2
3
<font face="黑体">
<font color=red size=4>
<font color=red size=4 face="黑体">

使用如上方式在之后加上文字的效果分别如下:
我是好人
我是好人
我是好人

:kissing:

想要打出如上表情我们只需要输入

1
:kissing:

具体可以参考GitHub上: https://github.com/guodongxiaren/README/blob/master/emoji.md

3. 图片的插入

当我们使用Hexo建立博客的时候免不了要插入图片,我们可以在source下创建一个image文件夹然后通过:

1
![](/image/image.png)

来访问。但是这里我推荐以下一种用法虽然略有点麻烦,但是以后处理图片会很方便。
首先在博客的目录blog下用命令行运行如下代码安装一个小插件, 参考:https://github.com/xcodebuild/hexo-asset-image

1
npm install hexo-asset-image --save

然后我们在站点配置文件_congif.yml中设置:

1
post_asset_folder: true

之后我们我们只要在撰写博客的目录下,也就是source目录下的_posts文件夹内创建一个和这篇博客名字一样的文件夹,把图片放入其中,就可以按照如下来插入图片了:

1
![图片命名](logo.jpg)

不需要指定图片的路径,另外如果是在命令行使用 hexo new 命令来创立新的md文件时会自动生成同名文件夹不需要手动另外创建。

4. 网站链接

比起直接复制链接更好的方式是:

1
[VS code](https://code.visualstudio.com/)

前面写在文章中呈现的名字,后面写链接,这样直接点文字就可以进入链接。

5.强调

使用如下命令就可以达到对某些文字强调的作用

1
2
3
4
*single asterisks*
_single underscores_
**double asterisks**
__double underscores__

single asterisks
single underscores
double asterisks
double underscores

总结

学会这几个基本命令就差不多可以开始写博客了,至于其他更多的命令请参考Markdown中文版说明
希望大家写博客愉快!


上一步: 个人博客建设4-选择博客主题
下一步: 个人博客建设6-主题的配置Next
目录: 用GitHub搭建个人博客(目录)