利用Hexo搭建博客

认电脑安装了node,npm,git并配置好了Github的SSH Key

电脑环境

  • Windows10 专业版 1709
  • node 12.16.1
  • npm 6.13.4
  • git 2.23.0
  • hexo 3.1.0

搭建Github仓库

新建一个名为 用户名.github.io 的仓库,必须是用户名,将来网站访问地址就是 http://用户名.github.io

创建Hexo写博客

建议命令都使用Git Bash来完成

官网: http://hexo.io

创建一个文件夹,例如Hexo,在文件夹中右键,选择Git Bash Here,输入

$ npm install -g hexo # 安装hexo
$ hexo init # 初始化

修改主题

官方主题: https://hexo.io/themes/

修改_config.yml中的theme: landscape改为自己的主题名,然后重新执行hexo g重新生成

上传到github

添加好配置后,hexo d发布到Github

修改_config.yml中有关deploy的部分:

deploy:
type: git
repository: git@github.com:用户名/用户名.github.io.git #仓库地址
branch: master

绑定域名

D:\blog\hexo\source增加文件名为CNAME文件,无后缀,里面添加自己的域名

注 D:\blog\hexo为我自己的hexo初始化路径

博客

创建文章

$ hexo new 'FileName'

文件创建在D:\blog\hexo\source\_posts文件夹下面

一般完整格式如下:

---
title: FileName #文章页面上的显示名称,一般是中文
date:  #文章生成时间,一般不改,当然也可以任意修改
categories: 分类 #分类
tags: [tag1,tag2,tag3] #文章标签,可空,多标签请用格式,
description: #附加一段文章摘要,字数最好在140字以内,会出现在Meta的description里面
---

#正文

Hexo常用命令

$ hexo g #生成
$ hexo s #开启本地预览服务 http://localhost:4000
$ hexo clean #清理public内容
$ hexo new "FileName" #新建文章
$ hexo d #上传到Github
$ hexo help  # 查看帮助
$ hexo version  #查看Hexo的版本

相关文章

developer-roadmap —— 提供最全的开发者技术路线指南。前端...
一个极简的文件分享工具,无需注册且没有广告即可生成共享下...
收集 Github、Gitee优秀的开源项目,并进行归类整理。项目地...
大家好,我是 Java陈序员,我们有时会搭建一个属于自己的网站...
一个提供交互式的Web UI用于生成兼容MyBatisPlus框架的相关功...
大家好,我是 Java 陈序员。权限认证是我们日常开发绕不过的...