前言
相信聪明的你已经发现了,使用Hexo生成新的博客页之后可以直接写下文字并将写的内容反映在博客中,但是并没有办法像Word等文字编辑器一样对文字进行梳理和排版。
那么,类似的效果是怎么做出来的呢?
由于使用Hexo生成的新博客页均为支持HTML的Markdown文件(.md
),我们可以很轻松地使用Markdown和简单的HTML代码生成漂亮的博文。
以下内容尝试简略地向零基础知识的初学者介绍Markdown和HTML并且提供一些学习资料以供参考。需要注意的是,不同的Hexo模板所呈现的效果会有所不同,请务必多多尝试并且以模板的readme文件为准!
(比如说我现在使用的Cactus这个模板只会在二级标题以下的情况下将标题显示在右边的导航栏中,所以为了方便观看这篇文章的标题最高也只有二级)
(实在懒得研究也可以直接使用一些Markdown编辑器,但请仍注意不同模板下呈现的效果会有区别,并且Hexo框架下的Markdown一般不会支持制作流程图等等的复杂功能。)
简介
虽然对于使用Obsidian、简书一类笔记软件的人来说应该很熟悉了,但是刚刚开始用Hexo做网页的人是不是对Markdown还一头雾水呢?没关系!它很简单!
Markdown是一种轻量型标记语言,简单来说就是利用符号作为”标记”就能够改变文字格式的一种语言。它的本意就是简单+好用,没有任何基础的人也可以学会。
比如说只要在文字两端加入’_‘符号,就可以让文字显示为斜体
1 | _这段文字是斜体_ |
显示结果:
这段文字是斜体
诸如此类,Markdown能够用简单的符号实现加粗,斜体,划去等文字效果,也能制作简单的表格、列表、引用、脚注、超链接、代码块、放置图片等等。
平常只是给博客排版的话已经足够用了。学会Markdown之后,编辑任何支持Markdown的笔记软件都会变得很轻松,可以说是学了绝对不亏的技能!
但是,当我们想要制作更复杂的效果整更多活,比如说改变字号,增加下划线,修改文字的颜色,改变整句话的排版(靠左、靠右、居中),修改图片的大小和方位…就需要用到稍微更复杂一些的HTML语法。
比如说想要一段文字显示为蓝色,可以在文字两边加上这么一段
1 | <font color="blue">这段文字是蓝色</font> |
显示结果:
这段文字是蓝色
实现这样基础的功能也并不复杂!并且学习使用HTML能够大大拓宽排版的可能性,对此感兴趣的话非常推荐深度研究一下。
资料
以下是笔者找到较为适合入门的资料:
Markdown基本语法:https://www.jianshu.com/p/191d1e21f7ed
更详细的语法说明:https://www.appinn.com/markdown/index.html
一些简单的HTML:https://blog.csdn.net/heimu24/article/details/81189700
更多进阶功能可以通过善用搜索引擎找到相应的HTML标签,比如:
不同对齐方式:https://www.cnblogs.com/picassooo/p/11987986.html
工具
可以直接插入在博文中的Emoji:https://emojipedia.org/
手写Markdown表格有没有很痛苦?试试这个:https://www.tablesgenerator.com/markdown_tables
HTML颜色代码生成工具:https://htmlcolorcodes.com/