前言:

一直有打算搭建属于自己的博客,自己购买了域名和服务器了,但是由于自己的精力不足和精神内耗严重,决定选择较为简单的方式搭建了。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.2 8.10
4.0 8.6
3.3 - 3.9 6.9
3.2 - 3.3 0.12
3.0 - 3.1 0.10 or iojs
0.0.1 - 2.8 0.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主题中文文档
…等等

总结

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

用Hexo+github搭建个人博客相关推荐

  1. Hexo+github搭建个人博客-博客发布篇

    通过 Hexo+github搭建个人博客-环境搭建篇 以及 Hexo+github搭建个人博客-博客初始化篇 ,我们了解到了利用Hexo搭建个人博客需要的环境以及配置,下面这篇文章将会介绍如何把我们的 ...

  2. Hexo+github搭建个人博客-博客初始化篇

    文章推荐 精选java等全套学习资源 精选java电子图书资源 精选大数据学习资源 java项目练习精选 上一篇博文 [<Hexo+github搭建个人博客-环境搭建篇>](http:// ...

  3. Hexo+github搭建个人博客-环境搭建篇

    一.概述 我们使用Hexo + Github搭建个人博客,我们自然不能错过,事不宜迟,我们现在立马来认识一下,他们究竟是何方神圣吧. 1.1 关于 GitHub 1.1.1 Github 接触编程一段 ...

  4. vsphere通用配置_Mac环境下如何用Hexo+Github搭建个人博客

    一个爱折腾的人,总是忍不住去自己动手尝试新鲜事物.就拿写博客来说,虽然网上已经提供了很多博客平台,但是总有一些个性化的需要得不到满足.所以就抽空去网上找了下如何使用Hexo+Github 搭建自己博客 ...

  5. win10+hexo+github搭建个人博客

    win10+hexo+github搭建个人博客 参考:https://hexo.io/,博客用于记录自己的学习工作历程 参考以下步骤安装 1.搭建环境准备(包括node.js和git环境,gitHub ...

  6. 【小白】【新手向】Hexo+Github搭建个人博客

    如题,一个[小白][新手向]的,关于Hexo+Github搭建个人博客. 针对于: 对于代码完全不懂的纯小白! 完全不知道什么是hexo,git和github的小白! 感觉像是在打广告,其实并不是.事 ...

  7. Hexo+Github搭建个人博客和个人主页

    Hexo+Github搭建个人博客和个人主页 在自己的个人主页搭建起来之前,看到网上其他人酷炫的个人主页,而且有自己专属的域名,羡慕的不行.现在自己的个人主页也做出来了,在这里做一个总结,给也想做个人 ...

  8. hexo+github搭建个人博客网站问题汇总和解决办法

    分享B站教程:[2021最新版]保姆级Hexo+github搭建个人博客_哔哩哔哩_bilibili 本人在使用hexo + github搭建个人博客网站的过程中也是一步一个bug做过来,几乎每一步都 ...

  9. 系统重装后,如何重新找回hexo+github搭建的博客

    声明:此文是针对于windows环境下hexo+github搭建的博客,对于linux下我也尝试过,但是最好还是在windows下搭建. 个人建议:博客最好还是在csdn或者博客园上写,因为系统更新后 ...

  10. 最新hexo+github搭建个人博客详细教程

    最新hexo+github搭建个人博客详细教程 这是作者自己利用hexo+github搭建博客的完整过程,对自己搭建过程中踩过的坑做一个简单记录. 本人博客最终展示效果:https://huanyay ...

最新文章

  1. 人工智能产业发展深度报告:格局、潜力与展望
  2. C++ 性能剖析 (四):Inheritance 对性能的影响
  3. 9.1 ps:查看进程
  4. ionic3学习之总结
  5. c++整理程序 dev_C编程从入门到实践:C语言开发工具详解(2)
  6. 深入css布局 (1) — 盒模型 元素分类
  7. QT的foreach用法
  8. [EmguCV|C#]使用CvInvoke自己繪製色彩直方圖-直方圖(Hitsogram)系列(4)
  9. VB-VB.NET中 从字符串“XX”到类型“Double”的转换无效
  10. 9.23 最后45天
  11. 视觉SLAM十四讲学习笔记——ch10 后端2
  12. 计算机组成原理考试试题答案,计算机组成原理期末考试试题及答案 (精选可编辑)...
  13. roseha-mirror oracle数据库同步 可靠性,RoseHA集群:RHEL+RoseMirror+Oracle【1】
  14. 火车头采集器小狗伪原创插件
  15. 无形资产价值评估方法
  16. 两万字,清华刘云浩教授回答新生关于AI的90个问题
  17. 有用的SAP系统管理事务码
  18. SilverLight:布局(2)GridSplitter(网格分割)垂直分割、水平分割
  19. 如何保障邮件内容安全
  20. Solaris 常见问题

热门文章

  1. 路由与交换技术:ACL配置
  2. ant-design-vue的时间选择器中英文混合问题
  3. SpringMVC框架——本地上传和OSS上传
  4. 关于宝塔面板安装ftp连接不上问题
  5. github搜索技巧——搜索仓库
  6. 台达DVP-20PM的追剪程序,同步运动,是用在卷纸管机上的
  7. 入伏从哪天算起比较准确性_2020入伏从哪天算起 2020入伏时间计算表一览
  8. T31实战-Day3:勿以善小而不为 勿以恶小而为之
  9. Parallel PSO Using C++ Thread(基于c++多线程的并行粒子群优化算法)
  10. # POJ1456_Supermarket