用Hexo+github搭建个人博客
前言:
一直有打算搭建属于自己的博客,自己购买了域名和服务器了,但是由于自己的精力不足和精神内耗严重,决定选择较为简单的方式搭建了。hexo刚好很符合我的需求,而且主题多样,可以根据自己的需求修改。
用github托管博客,就不需要定期维护。最近就用了几天时间搭建了一下,欢迎来访鸭:我的个人博客
Hexo简介
Hexo是一款基于Node.js的静态博客,依赖少易于安装使用,可以方便的生成静态网页托管在github上。
一、安装准备
这里是官方文档,可以了解
1.安装git
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 |
二、安装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.yml
的 theme
的值:theme: hexo-theme-matery
如果你是中文用户,则建议修改 language
的值为 zh-CN
。
参考资料
以下就是优化主题过程中查看到的资料:
1.Hexo系列matery主题踩坑优化记录
2.hexo博客matery主题的个性化配置
3.hexo,史上最全搭建个人博客
4.matery主题中文文档
…等等
总结
好像算不上完全小白教程,可能更多的是自己对于搭建博客的过程梳理。看到这里的话,不妨点个赞再走啦~
用Hexo+github搭建个人博客相关推荐
- Hexo+github搭建个人博客-博客发布篇
通过 Hexo+github搭建个人博客-环境搭建篇 以及 Hexo+github搭建个人博客-博客初始化篇 ,我们了解到了利用Hexo搭建个人博客需要的环境以及配置,下面这篇文章将会介绍如何把我们的 ...
- Hexo+github搭建个人博客-博客初始化篇
文章推荐 精选java等全套学习资源 精选java电子图书资源 精选大数据学习资源 java项目练习精选 上一篇博文 [<Hexo+github搭建个人博客-环境搭建篇>](http:// ...
- Hexo+github搭建个人博客-环境搭建篇
一.概述 我们使用Hexo + Github搭建个人博客,我们自然不能错过,事不宜迟,我们现在立马来认识一下,他们究竟是何方神圣吧. 1.1 关于 GitHub 1.1.1 Github 接触编程一段 ...
- vsphere通用配置_Mac环境下如何用Hexo+Github搭建个人博客
一个爱折腾的人,总是忍不住去自己动手尝试新鲜事物.就拿写博客来说,虽然网上已经提供了很多博客平台,但是总有一些个性化的需要得不到满足.所以就抽空去网上找了下如何使用Hexo+Github 搭建自己博客 ...
- win10+hexo+github搭建个人博客
win10+hexo+github搭建个人博客 参考:https://hexo.io/,博客用于记录自己的学习工作历程 参考以下步骤安装 1.搭建环境准备(包括node.js和git环境,gitHub ...
- 【小白】【新手向】Hexo+Github搭建个人博客
如题,一个[小白][新手向]的,关于Hexo+Github搭建个人博客. 针对于: 对于代码完全不懂的纯小白! 完全不知道什么是hexo,git和github的小白! 感觉像是在打广告,其实并不是.事 ...
- Hexo+Github搭建个人博客和个人主页
Hexo+Github搭建个人博客和个人主页 在自己的个人主页搭建起来之前,看到网上其他人酷炫的个人主页,而且有自己专属的域名,羡慕的不行.现在自己的个人主页也做出来了,在这里做一个总结,给也想做个人 ...
- hexo+github搭建个人博客网站问题汇总和解决办法
分享B站教程:[2021最新版]保姆级Hexo+github搭建个人博客_哔哩哔哩_bilibili 本人在使用hexo + github搭建个人博客网站的过程中也是一步一个bug做过来,几乎每一步都 ...
- 系统重装后,如何重新找回hexo+github搭建的博客
声明:此文是针对于windows环境下hexo+github搭建的博客,对于linux下我也尝试过,但是最好还是在windows下搭建. 个人建议:博客最好还是在csdn或者博客园上写,因为系统更新后 ...
- 最新hexo+github搭建个人博客详细教程
最新hexo+github搭建个人博客详细教程 这是作者自己利用hexo+github搭建博客的完整过程,对自己搭建过程中踩过的坑做一个简单记录. 本人博客最终展示效果:https://huanyay ...
最新文章
- 人工智能产业发展深度报告:格局、潜力与展望
- C++ 性能剖析 (四):Inheritance 对性能的影响
- 9.1 ps:查看进程
- ionic3学习之总结
- c++整理程序 dev_C编程从入门到实践:C语言开发工具详解(2)
- 深入css布局 (1) — 盒模型 元素分类
- QT的foreach用法
- [EmguCV|C#]使用CvInvoke自己繪製色彩直方圖-直方圖(Hitsogram)系列(4)
- VB-VB.NET中 从字符串“XX”到类型“Double”的转换无效
- 9.23 最后45天
- 视觉SLAM十四讲学习笔记——ch10 后端2
- 计算机组成原理考试试题答案,计算机组成原理期末考试试题及答案 (精选可编辑)...
- roseha-mirror oracle数据库同步 可靠性,RoseHA集群:RHEL+RoseMirror+Oracle【1】
- 火车头采集器小狗伪原创插件
- 无形资产价值评估方法
- 两万字,清华刘云浩教授回答新生关于AI的90个问题
- 有用的SAP系统管理事务码
- SilverLight:布局(2)GridSplitter(网格分割)垂直分割、水平分割
- 如何保障邮件内容安全
- Solaris 常见问题
热门文章
- 路由与交换技术:ACL配置
- ant-design-vue的时间选择器中英文混合问题
- SpringMVC框架——本地上传和OSS上传
- 关于宝塔面板安装ftp连接不上问题
- github搜索技巧——搜索仓库
- 台达DVP-20PM的追剪程序,同步运动,是用在卷纸管机上的
- 入伏从哪天算起比较准确性_2020入伏从哪天算起 2020入伏时间计算表一览
- T31实战-Day3:勿以善小而不为 勿以恶小而为之
- Parallel PSO Using C++ Thread(基于c++多线程的并行粒子群优化算法)
- # POJ1456_Supermarket