Hexo搭建静态博客的使用以及更换主题

本文详述了如何使用Github和Hexo创建免费个人博客,包括编写Markdown格式的文章、使用Typora编辑器、通过hexo命令发布和部署页面。此外,还介绍了如何更换博客主题,如选择Next主题,安装与配置。最后,文章提及了网站图标设置及其他自定义选项的修改。
摘要由CSDN通过智能技术生成

前言

前边介绍使用Github+Hexo搭建了一个免费的个人静态博客,文中记录我自己在搭建中的详细过程以及遇到的各种问题。接下来我将利用搭建好的静态网页来编写第一篇博客,以及后边更换博客的主题。

发布文章

进入到博客所在目录(Blog)

1.鼠标右键使用Git Bash Here打开bash命令窗口,使用Hexo命令操作

hexo new "文章名称"

将在source文件夹中出现新建的Markdown格式的文档,使用Markdown编辑器在该文档中编写内容,这里我用的编辑器是Typora,同类型编辑器很多,可以自己找个适合自己的。

写完以后使用hexo命令将文档渲染并部署到Github Pages上完成发布。

hexo g #生成页面
hexo d #部署页面

2.直接在source文件下新建.md格式的文件,在文档开头添加如下格式的Fron-matter就行,然后在生成页面部署,冒号后边空格一定不能忘记

---
title: First Blog #标题
date: 2022/3/1 hh:mm:ss #时间
categories: # 分类
- Diary
tags: #标签
- Digital Image Processing
- Deep Learning

摘要
<!--more-->  #这里生成页面在网站可以不显示下边内容,默认hexo是显示文章中所有内容
正文

这里就是文档头部主题冒号后边没有空格

更换主题

Hexo Themes选择一个喜欢的主题,进入网站目录(Blog)打开Git Bash Here使用git将主题下载到本地,或者使用npm安装,然后根据主题介绍修改相应的配置。

这里安装是Next主题,使用git命令安装

git clone https://github.com/theme-next/hexo-theme-next themes/next #将该主题所有版本都下载到本地
cd themes/next
git tag -l #查看所有版本
git checkout tags/v7.8.0 #选用7.8.0版本

选好版本后,将Blog文件夹中配置文件_config.yml修改theme的值,默认是landscape将其修改下载的主题名(next),记得前边有个空格。

其他设置

设置网站图标

进入themes/主题 文件夹,打开__config,yml配置文件,找到favicon修改

favicon: 图标地址

 其他修改参考

hexo官网参数详细解释链接

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值