用Hexo+github搭建个人博客

前言:

一直有打算搭建属于自己的博客,自己购买了域名和服务器了,但是由于自己的精力不足和精神内耗严重,决定选择较为简单的方式搭建了。hexo刚好很符合我的需求,而且主题多样,可以根据自己的需求修改。
请添加图片描述
用github托管博客,就不需要定期维护。最近就用了几天时间搭建了一下,欢迎来访鸭:我的个人博客

Hexo简介

Hexo是一款基于Node.js的静态博客,依赖少易于安装使用,可以方便的生成静态网页托管在github上。

一、安装准备

这里是官方文档,可以了解

1.安装git

Windows:下载并安装 git.
Mac:使用 Homebrew, MacPorts 或者下载 安装程序。
Linux (Ubuntu, Debian):sudo apt-get install git-core
Linux (Fedora, Red Hat, CentOS):sudo yum install git-core
git --version可以查看版本
请添加图片描述

2.安装Node.js

下载node.js主要会用到npm,推荐安装最新版本的Hexo,以及推荐的Node.js版本

Hexo 版本最低兼容 Node.js 版本
6.0+12.13.0
5.0+10.13.0
4.1 - 4.28.10
4.08.6
3.3 - 3.96.9
3.2 - 3.30.12
3.0 - 3.10.10 or iojs
0.0.1 - 2.80.10

node -v查看现Node.js版本

二、安装Hexo

1.下载:npm install express -g

2.github生成ssh ssh-keygen -t rsa -c "邮箱地址"

可以用ssh -T git@github.com测定ssh是否绑定成功
用git的方法在上一篇有写过:入门git使用——创建、上传、下载

3.初始化Hexo博客

1)在你想要建立的博客文件夹(github上的仓库名跟本地文件名一致)中进入git bash,hexo init初始化博客
请添加图片描述
这里有几个命令是常用的:

命令作用
hexo generate(hexo g)生成静态文件
hexo server(hexo s)本地静态生成hexo页面
hexo deploy(hexo d)文件生成后立即部署网站
hexo clean(hexo cl)清除缓存文件和已生成的静态文件

2)现在用 hexo cl && hexo g && hexo s可以在本地先预览效果
请添加图片描述
3)修改文件配置(根目录的_config.yml)

deploy:
  type: "git"
  repository: git@github.com:xxx(你的github名字)/xxx.github.io.git   (用ssh可以不用token验证)
  branch: main(分支)

安装hexo-deployer-git自动部署发布工具npm install hexo-deployer-git --save
hexo d上传到github仓库上。
到目前为止的进度我基本是看这里学习的:
1.视频-【2021最新版】保姆级Hexo+github搭建个人博客
2.笔记-【2021最新版】保姆级Hexo+github搭建个人博客

三、修改主题样式

上述已经搭建完整体框架了,如果觉得默认的``landscape```主题不好看,可以在官网的主题中选择修改。
放个链接:官网主题
一般受欢迎的主题就是Next主题或者Matery主题,自己选择符合自身审美的主题就好了。

切换主题

修改 Hexo 根目录下的 _config.ymltheme 的值:theme: hexo-theme-matery

如果你是中文用户,则建议修改 language 的值为 zh-CN

参考资料

以下就是优化主题过程中查看到的资料:
1.Hexo系列matery主题踩坑优化记录
2.hexo博客matery主题的个性化配置
3.hexo,史上最全搭建个人博客
4.matery主题中文文档
…等等

总结

好像算不上完全小白教程,可能更多的是自己对于搭建博客的过程梳理。看到这里的话,不妨点个赞再走啦~

  • 6
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值