How to use hexo to create blog?
亲爱的伙伴您好,很荣幸能与您在此相遇.
本文主要用于记录,在一台完全的“新”机子上,书写Hexo部署博客。
我已经迫不及待想告诉你的几个容易错误的点,你准备好了么?
Let’s Go
在此之前说明,很多东西都是来自网络,当然无论如何还是建议你查阅官方文档。
Hexo官方文档
Fisrt 环境准备
- [ ] Git
- [ ] Node.js (Node.js 版本需不低于 10.13,建议使用 Node.js 12.0 及以上版本)
- [ ] Hexo
Git:
可以参考此文章 https://cuiqingcai.com/9336.html
Mac 用户
如果在编译时可能会遇到问题,请先到 App Store 安装 Xcode,Xcode 完成后,启动并进入 Preferences -> Download -> Command Line Tools -> Install 安装命令行工具。
Node.JS:
Node.js 为大多数平台提供了官方的 安装程序。对于中国大陆地区用户,可以前往 淘宝 Node.js 镜像 下载。
其它的安装方法:
- Windows:通过 nvs(推荐)或者nvm 安装。
- Mac:使用 Homebrew 或 MacPorts 安装。
- Linux(DEB/RPM-based):从 NodeSource 安装
- 其它:使用相应的软件包管理器进行安装,可以参考由 Node.js 提供的 指导
Hexo:
所有必备的应用程序安装完成后,即可使用 npm 安装 Hexo。
# 和我一样小白的可使用以下命令来安装 npm install -g hexo-cli # 对于熟悉 npm 的大牛,可以仅局部安装 hexo 包。npm install hexo
验证安装
# 注意请不要在项目中使用,可能会因为限制从而导致验证误差 hexo version
Look
Second 写作
新建
# 创建一篇新文章或者新的页面hexo new [layout] <title># EG 注意双引号中的是博客标题,不需要加.md等后缀。hexo new "Your Title"# hexo new --helpUsage: hexo new [layout] <title> Description: Create a new post. Arguments: layout Post layout. Use post, page, draft or whatever you want. title Post title. Wrap it with quotations to escape. Options: -p, --path Post path. Customize the path of the post. -r, --replace Replace the current post if existed. -s, --slug Post slug. Customize the URL of the post.
Hexo 有三种默认布局:
post
、page
和draft
。在创建这三种不同类型的文件时,它们将会被保存到不同的路径;而您自定义的其他布局和post
相同,都将储存到source/_posts
文件夹。
布局 | 路径 |
post |
source/_posts |
page |
source |
draft |
source/_drafts |
文内设置
用markdown等编辑器写博客,tags的写法如下:
# 注意冒号与方括号之间有一个空格,方括号中的标签用英文的”,”tags: [hexo,备忘录]
添加“阅读全文”按钮
方法一:
# 在文章任意你想添加的位置添加<!--more--># EG--- title: How to use hexo to create blog? date: 2020-10-17 01:48:53author:Payne Mail:wuzhipeng1289690157@gamil.com tags:[Hexo] --- <!--more--> 后面的内容在首页不显示,只显示到<!--more-->这里
方法二:
# 设置首页文章以摘要形式显示,打开主题配置文件,找到auto_excerpt进行修改 auto_excerpt: enable: true length: 150
其中length代表显示摘要的截取字符长度。
注:这两种方法,在博客首页显示的效果不一样,根据自己的需要,选择自己喜欢的方法
请开始您的表演😊
Show Time 。。。
Third 自我查阅 && Fourth 发布
# 构建 -> 用于生成博客的html文件 hexo g # 预览 -> 用于在本地预览博客,打开浏览器,输入 localhost:4000/ 即可查看。hexo s # 检查博客格式等符合要求后,用此命令将博客推送到远端。(需要是自己的才行) hexo d # 实操 # 构建并查阅 hexo g && hexo s # 推送(记得清除缓存!!!) hexo clean && hexo g && hexo d