一、创建文章
在站点文件夹中打开git bash,输入如下命令创建文章,其中title为文章的标题
$ hexo new "my-first-blog"
此时就会在source/_post文件夹中创建了一个文件,命名为:my-first-blog.md
,而这个文件就是将要发布到网站上的原始文件,记录文章内容,以下我们将要在这个文件中写下我们的第一篇博客
二、编写文章(基于Markdown)
1.Markdown简介
但是在我们正式写下我们文章的第一个文字时,我们需要了解一下什么是 Markdown:
Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式
基于Markdown的简洁性,它已经成为了目前世界上最流行的用于书写博客的语言。
2. Markdown语法
在了解Markdown 语法之前,博主十分强烈推荐csdn编辑器markdown,十分方便好用,还可以实时预览,如果有更好的编辑器可以推荐给我哦~
(1)标题
Markdown 语法:
1.# 一级标题
2.## 二级标题
3.### 三级标题
4.#### 四级标题
5. ##### 五级标题
6. ###### 六级标题
(2)粗体、斜体、删除线和下划线
Markdown语法:
1.* 斜体 *
2.** 粗体 **
3.*** 加粗斜体 ***
4.~~ 删除线 ~~
Typora快捷键
ctrl+b: 粗体
(3)引用快
Markdown 语法:
- ‘>’文字引用
Typora快捷键: ctrl+shift +q
(4)代码块
Markdown语法:
1.``行内代码
2.···
3.多行代码
4.多行代码
5.```
(5)代码块
Markdown语法:
(6)分割线
Markdown语法:
1.方法一:—
2.方法二:+++
3.方法三:***
使用以上三种方法都可以
(7)列表
Markdown语法:
1 有序列表项
*无序列表项
+无序列表项
(8)表格
Markdown语法:
(9)超链接
Markdown语法:
(10)超链接
Markdown语法:
说明:在Hexo中插入图片时,请按照以下步骤进行设置
(1)将站点配置文件中的 post_asset_folde
选项设置成 true
(2)在站点文件夹中打开 git bash,输入命令 npm install hexo-asset-image --save
安装插件
(3)此时使用 hexo new title
创建文章时,将同时在 source/_post 文件夹中生成一个与 title 同名的文件夹,我们只需将待添加的图片放进此文件夹中,然后在文章中通过 Markdown 语法进行引用即可
例如,在资源文件夹(就是那个与 title 同名的文件夹)中添加了图片 example.PNG,则可以在对应的文章中使用语句![示例图片](title/example.PNG "示例图片")
添加图片
好了,常用的 Markdown 语法至此我们已经基本学习完毕了,然后我们就可以根据这些语法去书写我们的博客内容啦,下面再提供几个比较高级的玩法:
(1)模板设置
当我们使用命令hexo new "title"
去创建我们的文章时,Hexo 会根据 /scaffolds/post.md 文件对新建文件进行初始化,换言之,/scaffolds/post.md 文件就是创建新文章的模板,所以我们可以修改它来适应自己的写作习惯,一个简单的示例如下:
(2)头部设置
在每一篇博客文章的开头都会有对文章的说明文字,叫做 文章头部
,文章的头部除了可以设置文章标题、发布日期等基础信息外,还可以对文章添加标签、分类等,一个简单的示例如下
注意,属性和属性值之间必须有一个空格,否则会解析错误
(3)首页显示
在 Hexo 框架搭建的博客网站首页会显示文章的内容(默认显示文章的全部内容),如果当文章太长的时候就会显得十分冗余,所以我们有必要对其进行精简,只需在文章中使用 <!--more-->
标志,表示只会显示标志前面的内容
三、部署发布
在站点文件夹中打开 git bash,输入如下命令部署和发布文章
$ hexo g
建议:在使用命令hexo g
部署之后,可以先使用hexo s
运行本地站点,在浏览器输入地址http://lacolhost:4000/查看运行结果,检查没有错误后再使用命令hexo d
发布
文章参考https://blog.csdn.net/wsmrzx/article/details/81478945