「hexo」基础使用
新建一篇文章
在hexo
根目录下,右键git bash
在git bash
窗口中输入以下命令
1 | hexo n blog1 |
打开 source/_posts
有一个 blog.md 文件
用markdown
打开blog1.md
修改title
并保存
1 | title: hexo 如何新建一篇博客 |
依次执行以下代码
1 | hexo clean |
清空缓存
1 | hexo g |
生成静态文件
1 | hexo s |
本地服务器测试
端口为 4000,点击以下链接直接访问
http://localhost:4000/
给文章添加分类和标签
1 | title: hexo 如何新建一篇博客 |
博客中添加图片
修改hexo
的配置文件_config.yml
1 | post_asset_folder: true |
在根目录中,安装插件
1 | npm install hexo-asset-image --save |
这样新建完一篇文章会产生对应的文件夹用来存放图片
引用图片
1 | ![header](图片路径) |
例如 ![](blog1/1.jpg)
修改文章顶部图片和文章封面
_config.butterfly.yml
的配置文件有这样一行代码
1 | default_top_img: /img/default_top_img.jpg |
所以在hexo
根目录下source
创建一个文件夹top
,放一张default_top_img.jpg
本地部署 hexo s
即可本地生效
自定义每篇文章的封面
1 | date: 2022-10-24 22:27:34 |
其中cover
是存放封面图片的文件夹,路径为根目录的source
,和存放文章顶部图片的文件夹相同hexo s
即可本地生效
插入可下载文件
将要插入的文件放到博客同名文件夹下:
然后按照以下格式插入即可
1 | [点击下载 开不了口.mp3](开不了口.mp3) |
效果:
插入链接
使用[链接名称](链接地址)
的格式创建,例如
1 | [baidu](https://www.baidu.com) |
文章添加多个标签
1 | tags: |
注意 - hexo
中间有空格
优化URL
默认的URL缺点
:
- 层级太深:斜杠太多不利于搜索引擎的抓取。
- 包含中文:
URL
只能使用英文、数字和连字符(hyphen),如果包含中文,分享出现的链接可能是 https://lmxyz.me/2022/09/26/Hexo%E4%BD%BF%E7%94%A8%E6%8A%80%E5%B7%A7,中文强制被转码成十六进制编码,又臭又长。
更改为以文件名称为URL
修改站点配置文件
_config.yml
的permalink(永久链接)
为:name/
1 | # URL |
优化之后的URL
是http://lmxyz.xyz/blog1/
,简短有力,清晰明了。
卸载插件
首先执行命令:
1 | npm list |
随后执行
1 | npm uninstall 插件名 |
置顶文章
插件安装
1 | npm install hexo-generator-topindex --save |
修改.md
文件
在博客markdown
文件的头部添加以下代码
1 | top: 1 |
top
后的参数越大,文章越靠前
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 往者不可谏!
评论
WalineGitalk