浅梦博客

搭建个人博客(二)

  • 2022-04-15
  • 作者 浅梦风凌
  • 1465 字

新建文章与页面

1
2
hexo new "title"  # 生成新文章: \source\_posts\title.md
hexo new page "title"  # 生成新的页面, 后面可在主题配置文件中配置页面

生成文章或页面的模板放在博客文件夹根目录下的 scaffolds/ 文件夹里面, 文章对应的是 post.md , 页面对应的是page.md, 草稿的是draft.md

编辑文章

打开新建的文章\source_posts\postName.md, 其中postName是hexo new “title”中的title

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
---
title: 搭建个人博客(二)  # 文章页面上的显示名称, 可以任意修改, 不会出现在URL中
categories: # 文章分类目录, 多个分类使用[a,b,c]这种格式
  - 博客日记
tags:  # 文章标签
  - Hexo
  - GitHub
  - Nodejs
abbrlink: 4b6f21d9 #短链接
date: 2022-04-15 09:18:10 # 文章生成时间, 一般不改
---

#这里开始使用markdown格式输入你的正文. 

<!--more--> 
#more标签以下的内容要点击“继续阅读”才能看见

插入图片

插入图片有三种方式

方式一

在博客根目录的 source 文件夹下新建一个 img 文件夹专门存放图片, 在博文中引用的图片路径为 /img/图片名.后缀

1
![](图片路径)

方式二

图片插件

在hexo中使用文章资源文件夹需要在config.yaml文件中更改一下配置：

1
post_asset_folder: true

当该配置被应用后，使用hexo new命令创建新文章时，会生成相同名字的文件夹，也就是文章资源文件夹。

插件hexo-renderer-marked解决了这个问题。可以只用npm install hexo-renderer-marked命令直接安装，之后在config.yaml中更改配置如下：

1
2
3
4
post_asset_folder: true
marked:
  prependRoot: true
  postAsset: true

图片放入文章资源夹 之后就可以在使用

1
![](image.jpg)

的方式愉快的插入图片了。

方式三

1
![](使用网络图片:http://www.dmoe.cc/random.php)

简单的命令

总结一下简单的使用命令

1
2
3
4
5
6
7
hexo init [folder] # 初始化一个网站. 如果没有设置 folder , Hexo 默认在目前的文件夹建立网站
hexo new [layout] <title> # 新建一篇文章. 如果没有设置 layout 的话, 默认使用 _config.yml 中的 default_layout 参数代替. 如果标题包含空格的话, 请使用引号括起来
hexo version # 查看版本
hexo clean # 清除缓存文件 (db.json) 和已生成的静态文件 (public)
hexo g # 等于hexo generate # 生成静态文件
hexo s # 等于hexo server # 本地预览
hexo d # 等于hexo deploy # 部署, 可与hexo g合并为 hexo d -g
本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可
, ,
最后编辑：2023-11-07