搭建博客-基于Hexo
一直想搭建一个个人博客,由于种种原因没有动手。恰好这个端午节放假,下雨又遇见各地疫情不能出去嗨,闲着无聊也是无聊,想着不如把博客搞了吧。于是就这样开始。
起初以为搭建博客跟做网页一样呢,需要前后端环境以及部署环境,然后我就在网上逛了一下,看看大家都是如何开发博客的,才发现原来有很多现成的博客模板以及脚手架,大致看了一下,有各种语言开发的。由于我个人对node熟悉一点以及网上hexo的资料多一点,对比了一下于是选择了hexo来进行开发。
Hexo介绍
Hexo是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。即把用户的markdown文件,按照指定的主题解析成静态网页。
优点
* 不需要服务器,github免费提供的托管服务
* 不需要域名,github同样提供了一个.io的域名
* 不用自己写xml、hexo提供了很多开源的博客模板
* 便于维护更新,换风格直接换模板就行
Hexo安装
基础环境
安装使用hexo之前需要先安装Node.js和Git
这两个是程序员常用工具就贴一下安装地址吧,不多累述
https://nodejs.org/dist/v4.2.3/node-v4.2.3-x86.msi
https://nodejs.org/dist/v4.2.3/node-v4.2.3-x64.msi
安装git
安装git
这样我们的基础环境就搭建好呐,然后可以通过命令行来查看安装的版本。
搭建博客
现在我们就可以正式开始搭建我们的博客呐
1.首先我们先安装hexo
$ hexo init yourName
2.进入博客文件夹并安装依赖
$ cd yourName
$ npm install
我们的博客基础版现在就已经搭建完成了,现在想在本地先跑起来看看效果
$ hexo s
现在我们可以通过http://localhost:4000 打开页面,在本地浏览器中看见效果。在服务启动期间,Hexo 会监视文件变动并自动更新,无须重启服务器。如果我们想要更改端口,是在执行时遇到了一些 EADDRINUSE 错误,可以在执行时使用 -p 选项指定其他端口,下:
$ hexo server -p 5000
在本地看见效果后,如果我们想部署在远程让别人也一样可以访问我们的博客,那么们可以通过github给我们提供的站点来部署我们的代码,无需购买其他云服务器。
部署至github
1.创建github账号并创建仓库
GitHub 主页右上角加号 -> New repository:
Repository name 中输入 用户名.github.io(这里仓库名字一定要和你的用户名相同勾选 “Initialize this repository with a README”后点击 Create repository 进行创建。创建后你的博客地址为:https://用户名.github.io
2.生成秘钥
命令终端中执行
git config --global user.name "GitHub 用户名"
git config --global user.email "GitHub 邮箱"
3.创建ssh密钥
ssh-keygen -t rsa -C "GitHub 邮箱",然后一路回车
4.添加秘钥:
进入 [C:\Users\用户名.ssh] 目录(要勾选显示“隐藏的项目”),用记事本打开公钥 id_rsa.pub 文件并复制里面的内容。登陆 GitHub ,进入 Settings 页面,选择左边的 SSH and GPG keys,点击 New SSH key。Title 随便取个名字,粘贴复制的秘钥容到 Key 中,点击 Add SSH key 完成添加。
5.安装Git部署插件
npm install hexo-deployer-git –save
6.修改配置文件
进入项目根目录 打开_config.yml文件 搜索deploy字段并找到更改其下属性值
deploy:
type: 'git'
repo: https://github.com/(github下仓库地址).io.git 可以去代码仓库设置界面行复制
branch: master
7.保存后终端执行
hexo clean
hexo g
hexo d
现在我们的博客就部署完毕呐,现在可以通过github提供的站点去访问我们的博客呐,一切做完后我们就可以优化我们的博客界面,hexo提供了许多主题,我使用了最广泛的主题Next,相对于而言他有更广泛的参考信息,我们还可以使用更多提供的插件来丰富的博客功能。