GitHub搭建HEXO方法记录

5 篇文章 0 订阅
3 篇文章 0 订阅

主要流程

hexo建站流程

官方文档: https://hexo.io/zh-cn/docs/

1.官网下载nodejs和git

https://nodejs.org/en/
https://git-scm.com/download/win

2.安装完成后

a*给git配置环境变量

image-20211110092004456

b*管理员权限打开CMD
查看安装版本
git -v
nmp -v
node -v
安装hexo
npm install -g hexo-cli  h`
exo init <文件夹>(绝对路径安装hexo,或者进入一个新建文件夹进入执行)
按照需求参考官方配置,修改配置文件
https://hexo.io/zh-cn/docs/configuration
运行hexo,注意是在heno安装的文件夹下运行。按如下顺序依次输入
hexo clean # 清空已有hexo网站文件`
hexo generate(or g) # 依据网页文本与新的CSS样式生成新网站文件`
hexo server(or s) # 启动本地服务器,可以在localhost:4000查看网站修改效果`
c*新建GitHubc仓库配置(用户名一致,第一个错图)

image-20211110120425103

image-20211110145048265

image-20211110120516773

image-20211110120609169

image-20211110121652539

image-20211110121714110

d*管理员权d限打开git bash
cd ~/.ssh  查看本地是否有ssh文件
ssh-keygen -t rsa -C 1034297795@qq.com   创建ssh,不要密码(有文件跳过这步骤)
clip < ~/.ssh/id_rsa.pub    密钥复制到剪贴板
e*GitHub布置密钥

image-20211110124141122

image-20211110124225129

f*git bash 执f行(执行一次就可以)
ssh -T git@github.com               建立连接,选择yes,出现成功

git config --global user.name qinghe    更改用户名

git config --global user.email 1034297795@qq.com   添加邮箱


image-20211110125300576

g*复制GitHub地址,打开hexo配置文件------Hexo文件夹下的_config.yml
主题官网下载,解压到theme目录,在config中添加

image-20211110144633607

image-20211110144546843

3.部署博客(CMD都是在hexo文件夹执行命令)

npm install hexo-deployer-git --save   安装deployer发布器

部署新内容只需要
hexo g --d

更换主题显示出现问题等使用 hexo clean

所以
推荐
hexo clean    清除一下
hexo g 编译一下
hexo s 本地看一下
hexo d 发布到GitHub

hexo官方主题: https://hexo.io/themes/
--------------------------------------------------搭建和部署完成----------------------------------------------

4.具体配置:配置文件详细解释注释

(每个主题都有自己的教程,添加页码,添加插件等等)
有些需要自己编写修改,高级一点学习语言修改。多数参照教程即可。

编辑方法

hexo new [layout] <title>
post 	source/_posts      新建文章
page 	source             新建页面
draft 	source/_drafts	   新建草稿
hexo new page “categories” 新建页面
新建页面,页面在/source中,将页添加到菜单中
menu:
  Index:
    url: /              根目录
    icon: fas fa-home
  Categories:
    url: /categories   对应路径文件
    icon: fas fa-bookmark
    
 创建分类  categories
title: All tags
date: 2016-11-25 15:20:40
type: "categories"
comments: false
# 若将页面的类型设置为 categories,主题将自动为这个页面显示所有分类
# 若将页面的类型设置为 tags,主题将自动为这个页面显示标签云
其他自动分类的还有    friends  contact   about
根据主题菜单配置文件,创建对应的页面!!!!
文章发布的时候标签,分类菜单自动出现,点击访问相应文章

但是提前在config中设置的分类并没有出现英文提示(无用)

删除方法

直接在post或者对应文件中删除即可,不用hexo clean,直接就删除,实时性。
删除后同步GitHub,GitHub端也会删除。
有时上传失败,执行hexo clean && hexo g && hexo d(多执行几次,或者挂梯子)
强制刷新 ctrl +f5 ctrl +shift+ r
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值