前言:
现在技术更新迭代是非常的快,尤其是web方面!所以当前搭建一个博客差不多有手就行,这里我们用到hexo进行博客的一键生成和部署。我自己的博客也是用hexo搭建的:杨Yang
1. 什么是 Hexo?
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
hexo官网:https://hexo.io/
2. 准备工作:
安装Git:
Windows:下载并安装git。
Mac:使用Homebrew,MacPorts或installer安装。
安装Node.js:
Node.js下载官网:Node.js
安装hexo:
用管理员身份打开cmd输入:npm install hexo-cli -g
输入hexo -version
可查看版本信息。
3. 生成博客
在你需要放置博客文件的目录下新建一个文件,新建完成之后点进去,在空白处鼠标右键单击一下,可以看到多了俩个选项(前提必须要先安装Git),这里点击下面那个git bash here打开控制台。
- 初始化hexo:输入命令
hexo init
这里可以看到文件夹里面会自动生成一些文件
- 安装依赖:
npm intsall
如果git报权限不足可以用管理员身份运行cmd进行安装
- 本地运行hexo:
hexo s
s是server的缩写,这时我们在浏览器输入:http://localhost:4000/
就可以看到搭建的博客。
-
到这里是不是非常简单,原界面有些简陋,我们可以更换下主题。
4. 更换主题
主题官网有很多,我这里使用的是:matery 主题
- 将下载好的主题解压至博客文件的themes文件夹内,重命名为为:matery(名字可以随意更改)
- 随后打开博客根目录的_config.yml配置文件,找到theme,将名字改成上面修改过的文件名
- 再次运行命令
hexo g
&& hexo hexo s
可以看到主题已经更换成功了。
5. 部署到github pages
1. 登陆github账号,新建一个存储库,库名必须要是:user.github.io
user就是你的用户名,这是github规定的。
填好之后点击创建。
2. 创建完成后会有两个链接,https和ssh协议,防止后续提交连续输入密码,我们使用ssh连接github
3. 打开Git Bash。输入ls -al ~/.ssh
以查看是否存在现有的SSH密钥:如果没有出现列表文件则需要生成一个新的ssh秘钥
4. 生成新的SSH密钥
- 如果之前没有使用过git,则需要配置一下本地账户:
- git config --global user.name "用户名"
git config --global user.email "邮箱地址"
- 然后开始生成密钥 SSH key
ssh-keygen -t ed25519 -C "your_email@example.com"
替换为您的GitHub电子邮件地址。
- 打开id_ed25519.pubwen文件,这里面存的是公钥,将内容全部复制。
- 在github设置找到ssh秘钥,标题随便写,将公钥粘贴到下面点击添加
5. 测试是ssh是否连接成功
- 输入以下内容:ssh -T git@github.com
- 看到 Hi Yang-y-good! You've successfully authenticated, but GitHub does not provide shell access.
代表连接成功了。(看到警告输入 yes即可)
6. 上传到github
- 安装依赖
npm install hexo-deployer-git --save
- 打开博客根目录的_config.yml修改配置:
- 执行
hexo clean && hexo deploy。
7. 最后在项目的设置里面往下滑找到pages更改为master分支点击save保存,库名就是你的博客网网址了: https://yang-y-good.github.io/(由于github服务器在国外,国内访问速度偏慢)。
总结
以上就是今天要讲的内容,本文仅仅简单介绍了hexo的使用,而hexo还提供很多种便捷的部署方式。