How to use hexo to create blog?

简介: How to use hexo to create blog?

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 有三种默认布局:postpagedraft。在创建这三种不同类型的文件时,它们将会被保存到不同的路径;而您自定义的其他布局和 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


目录
相关文章
|
7月前
|
JavaScript 前端开发 Linux
blog-engine-05-博客引擎 Hexo 入门介绍+安装笔记
这篇内容是关于博客引擎的系列文章摘要。作者对比了多个博客引擎,如 Jekyll、Hugo、Hexo、Pelican、Gatsby、VuePress、Nuxt.js 和 Middleman,并提供了实战教程,特别是详述了Jekyll的安装和SEO设置,以及Hexo的特性、优点(如简洁高效、丰富主题、插件系统和便捷部署)和Windows安装步骤。此外,还提及了添加本地搜索的配置方法。
|
开发工具 git Ruby
|
JavaScript 前端开发 关系型数据库
一个Demo--blog
昨天一天上班摸鱼。。。闲着没事,就写了个小的博客网站。 自己搭框架的时候发现,很多东西自己其实已经忘得差不多了,这里跟大家分享分享一些容易健忘的地方。
134 0
|
弹性计算 资源调度 JavaScript
VuePress安装--Drizzt's Blog
轻量级文档服务器,可以用做博客和技术文档,可以部署在Github
675 0
VuePress安装--Drizzt's Blog
|
资源调度 JavaScript 前端开发
hello blog
初识blog,第一次
816 0

热门文章

最新文章