使用github+hexo搭建个人博客
1、Why使用github+hexo搭建个人博客
简单便利
自己手写网站博客耗时耗力,网站的发布需要租借腾讯云或阿里云的服务器,创建个人的域名并绑定,等一系列操作方可发布。
而本文所介绍的技术,简单明了,不用租服务器或创域名(懂得都懂,省钱实用)
效果出众
可以套用知名主题,主题渲染后总体效果出色,相较于个人纯手写网站简单实用
(别问,问就是博主我手写过网站QAQ)
博主的纯手写网站 一个贪吃蛇游戏,可以点开娱乐一下
缺点
图片的插入是本地路径,上传到博客网页上无法访问本地图片,图片丢失;
需要搭建云存储图片,比如腾讯的OSS云存储,大平台安全但收费
当然博主有简单实用且一劳永逸的方法,后续会写一个专栏介绍,本文就不罗嗦了
2、How搭建个人博客(手把手保姆教学)
第一步 github配置
首先需要一个github账号 如果没有可以去注册一个
注册或登陆后在右上角 + 号处新建一个仓库(New repository)
注意 仓库名称应和你的github用户名相同 是你注册的那个不是昵称!比如说我的用户名是WangLight 我的仓库名就是WangLight .github.io
同时选择Public 不然给谁看呢 我这里是仓库创建过了,所以提示已被创建,你们不会出现此状况
如果你按照步骤来,那么我们的仓库就建好了
第二步 配置本地环境
安装node.js 和 git
linux可以直接命令安装
sudo dnf install nodejs npm git
windows可以去官网下载:node.js 和 git 无脑下一步就完了
苹果用户有钱人,就不需要玩这些了。自己百度去吧!(开玩笑,和linux一样就行)
新建一个文件夹取名blog(博客)
右键 Git Bash Here 我们以后的命令(神秘代码)都在这里运行
连接github
绑定邮箱账号(目的是使当前文件夹可以连接到github)
git config --global user.name "GitHub 用户名" git config --global user.email "GitHub 邮箱"
生成ssh密钥
ssh-keygen -t rsa -C "GitHub 邮箱"
进入用户名下的.ssh文件夹(windows:C:\Users\用户名.ssh)可能是隐藏文件,需要打开显示隐藏文件
用记事本打开id_rsa.pub拷贝其中内容
打开github的ssh设置 新建ssh密钥 (我已经细节到链接都给你们了)
把 id_rsa.pub 内容粘贴到 Key 中 点击 Add SSH key 完成添加
验证安装绑定成功与否
ssh -T [email protected]
successfully 即为成功
第三步 安装Hexo
按照步骤输入
npm config set registry http://registry.npmmirror.com npm install -g hexo-cli
初始化 (按步骤输入 blog文件夹即会出现以下文件)
hexo init npm install npm install hexo-deployer-git --save
打开 _config.yml 修改文件末尾:
deploy: type: git repository: [email protected]:用户名/用户名.github.io.git branch: master
这里我用的是master分支 所以将页面改为master 你们可能是main 保持一致即可
生成测试页面
hexo g #生成页面 hexo s #本地预览
浏览器打开http://localhost:4000 就可以看到hexo的初始界面了
上传页面
hexo d
然后打开https://用户名.github.io就可以看到我们的博客了
到这里就搭建完成了 这是hexo的默认主题。后续可能出主题修改美化教程
当然可以百度,遇到不会的问题可以联系博主
3、我的博客编写
如图所示,我的博客就是用Typora编写的Markdown文件
如何上传博客文章
在你的blog目录下的source文件夹再点开_posts文件,里面存储的就是你的博客文章
光速发表博客 (在blog目录下 右键 Git Bash Here )
hexo cl #清除缓存 hexo g #生成 hexo s #不放心的可以本地查看预览文章 Ctrl C 结束运行 操作3可以不用 hexo d #最终上传你的博客文章
4、My first practice,bye
- .md文件,也就是类似html的文件,语法简单半小时即可学会不用害怕
- 推荐软件Typora,或VScode. 大家对Vscode较为熟悉,他也支持.md文件的编写和语法
- 本文博客就是用的Typora编写,但配置文件都是使用Vscode修改的
- 再见,有什么问题可以联系我,细节讨论
- 我也很期待大家的第一个博客哦!!!!
- bye!