暂无图片
暂无图片
暂无图片
暂无图片
暂无图片

hexo搭建自己的博客

dean技术分享 2020-04-09
301

本文默认你已经安装了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服务器配置就可以进行访问了


文章转载自dean技术分享,如果涉嫌侵权,请发送邮件至:contact@modb.pro进行举报,并提供相关证据,一经查实,墨天轮将立刻删除相关内容。

评论