hexo搭建自己的博客

本文默认你已经安装了nodejs,git

安装

  1. 安装hexo
npm install hexo-cli -g
  1. 查看hexo版本
hexo -v

控制台打印出hexo-cli的版本则说明安装成功

创建

  1. 创建一个博客
hexo init blog

会在当前目录下创建一个名为blog的文件夹(名字随便命名)

  1. 安装依赖
cd blog
npm install
  1. 启动
hexo server

在创建的文件夹下使用命名,会启动一个http://localhost:4000的地址。
浏览器访问就可以看到自己的博客了

配置

  1. 添加分类
hexo new page categories

创建完成后会提示文件所在位置INFO Created: ~/Documents/blog/source/categories/index.md
文件的内容

---
title: categories
date: 2020-04-08 19:21:56
---

添加type属性到文件并保存

---
title: categories
date: 2020-04-08 19:21:56
type: "categories"
---
  1. 添加标签
hexo new page tags

同分类相同,打开创建的文件,添加type属性

---
title: tags
date: 2020-04-08 19:31:05
type: "tags"
---
  1. 使用分类和标签
    文章默认都存放在项目的/source/_posts目录下
    修改/source/_posts/hello-world.md文件
---
title: Hello World
date: 2020-04-08 19:43:08
categories: hexo-test
tags: 
	- 测试
---

建议使用date参数管理文章,否则hexo使用修改文章的时间管理文章。
重新启动服务,就可以看到文章的分类和标签了。

  1. 更换主题
    官网主题:官网收集了很多美观的主题,可以预览和下载。
    主题的仓库一般都有安装的教程,这里就不做介绍了。

更多资料查看官方文档

部署

使用github pages

  1. 创建一个名为username.github.io仓库,username为登陆github的账号名
  2. 在blog下安装git插件
npm install hexo-deployer-git --save
  1. 修改blog根路径下的_config.yml
deploy:
  type: git
  repo: https://github.com/dean4lee/dean4lee.github.io
  branch: master
  1. 上传到github
hexo deploy
  1. 上传完成后,访问username.github.io。博客就部署到github pages了,其他人也可以访问你的博客了

部署到服务器

  1. 生成静态文件
hexo generate

这个命令会生成一个public文件夹,这里面就是博客的静态文件

  1. 将public文件夹上传到服务器,通过web服务器配置就可以进行访问了

作者博客

作者公众号
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Hexo是一个基于Node.js的静态博客框架,可以帮助你快速搭建个人博客。在Mac上搭建Hexo个人博客的步骤如下: 1. 安装Node.js:首先确保你的Mac上已经安装了Node.js,可以在终端中输入`node -v`来检查是否已经安装。如果没有安装,可以去Node.js官网下载并安装。 2. 安装Hexo:在终端中输入以下命令来安装Hexo: ``` npm install -g hexo-cli ``` 3. 创建博客:在终端中选择一个合适的目录,然后执行以下命令来创建一个新的Hexo博客: ``` hexo init myblog cd myblog npm install ``` 4. 配置博客:在博客目录下找到 `_config.yml` 文件,使用文本编辑器打开进行配置。你可以设置博客的标题、描述、作者等信息,还可以选择主题和插件。 5. 编写文章:在终端中执行以下命令来创建一篇新文章: ``` hexo new "My First Post" ``` 这将在 `source/_posts` 目录下创建一个新的Markdown文件,你可以使用Markdown语法来编写文章内容。 6. 生成静态文件:在终端中执行以下命令来生成静态文件: ``` hexo generate ``` 生成的静态文件将会存放在 `public` 目录下。 7. 预览博客:在终端中执行以下命令来启动Hexo服务器并预览博客: ``` hexo server ``` 然后在浏览器中访问 `http://localhost:4000` 就可以看到你的博客了。 以上就是在Mac上使用Hexo搭建个人博客的基本步骤。如果你想了解更多关于Hexo的详细配置和使用方法,可以查阅Hexo官方文档。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值