一个执着于技术的公众号
前言
前几天有朋友请教搭建个人博客的问题,索性就利用Hexo+Github搭建了一套个人博客。先上链接,欢迎访问:
www.ailulu.online
说明:这个地址仅作为临时教程环境,搭建完毕后,可能过几天就删除了。虽是实验环境,但完全是实战的,搭建完毕就可以通过公网访问~
搭建博客步骤
1、本次实验使用 CentOS 7.7
[root@qll251 ~]# cat /etc/redhat-release
CentOS Linux release 7.7.1908 (Core)
[root@qll251 ~]#
2、安装git
yum -y install git
安装后,用git --version
查看一下版本
git是一个分布式版本控制系统,用于项目的版本控制管理。这里用于管理你的hexo博客文章,上传到Github的工具。
3、安装node.js
1)下载node.js安装包
wget https://nodejs.org/dist/v10.0.0/node-v10.0.0-linux-x64.tar.gz
2)解压至/usr/local/下
tar -zxvf node-v10.0.0-linux-x64.tar.gz -C /usr/local/
3)将解压后的文件夹重命名为 node-v10.0.0
[root@qll251 ~]# cd /usr/local/
[root@qll251 local]# mv node-v10.0.0-linux-x64 node-v10.0.0
4)检查是否安装成功,node -v出现版本号说明安装成功
[root@qll251 local]# cd node-v10.0.0/bin/
[root@qll251 bin]# ls
node npm npx
[root@qll251 bin]# ./node -v
v10.0.0
[root@qll251 bin]#
5)做软链接使node和npm命令能够全局使用
[root@qll251 bin]# ln -s /usr/local/node-v10.0.0/bin/node /usr/local/bin/node
[root@qll251 bin]# ln -s /usr/local/node-v10.0.0/bin/npm /usr/local/bin/npm
注意:Node.js 版本需不低于 8.10,建议使用 Node.js 10.0 及以上版本
之所有安装nodejs,是因为Hexo是基于node.js驱动的一款博客框架。
4、安装hexo
以上必备的应用程序安装完成后,即可使用 npm 安装 Hexo
执行npm install -g hexo-cli
会有如下两条WARN
经查询发现这两条warning信息是因为安装的fsevent是Mac系统需要的。这里是Linux环境,所以会有告警,忽略即可。
5、配置hexo命令全局生效
我们用hexo -v
查询下hexo版本
提示命令找不到,因此做个hexo命令的软链接,使hexo命令全局生效
6、初始化hexo
[root@qll251 ~]# hexo init myblog
[root@qll251 ~]# cd myblog
[root@qll251 ~]# npm install
新建完成后,myblog文件夹的目录如下:
.
├── _config.yml # 博客的配置文件,您可以在此配置大部分的参数。
├── package.json
├── scaffolds # 模版文件夹
├── source # 资源文件夹,用来存放您的文章
| ├── _drafts # 草稿文件
| └── _posts # 文章Markdowm文件
└── themes # 主题文件夹
7、启动hexo
好了,如果上面的命令都没报错的话,现在可以启动hexo了~
在浏览器上输入:http://localhost:4000;就可以预览效果了
至此,我们本地的博客就搭建成功了,接下来就是部署到 Github Page 了。
GitHub创建个人仓库
首先,你先要有一个GitHub账户,如果还没有。点击注册
1、注册GitHub
点击Sign up
,按照提示进行注册
2、新建GitHub仓库
点击 Start project
创建一个新的仓库
3、创建代码库
1)点击New
,创建用于托管博客站点的代码库
2)创建代码库
注意,这里仓库命名规定:账户名.github.io
比如账户名是test,那么仓库名就是test.github.io
配置 SSH key
1)配置全局GitHub账户
[root@qll251 ~]# git config --global user.name "qinlulu518"
[root@qll251 ~]# git config --global user.email "1158322022@qq.com"
账号名及邮箱填写您注册GitHub上的信息
2)生成密钥 SSH key
ssh-keygen -t rsa -C "上面的邮箱"
3)复制公钥
id_rsa.pub
为公钥,cat查询后全部复制下来。
4)复制公钥到GitHub
(a) 回到GitHub,Settings
-->SSH and GPG keys
(b) 点击New SSH key
(c) 把 刚刚cat id_rsa.pub
的结果复制进来,然后提交
(d) 提交后会进行密码验证
5)确认并添加主机到本机SSH可信列表
将hexo部署到GitHub
1、安装部署插件 hexo-deployer-git
cd myblog
npm install hexo-deployer-git --save
2、修改配置文件
vim ~/myblog/_config.yml
拉到文件末尾,填上如下配置:
100 deploy:
101 type: git
102 repo:
103 github: https://github.com/qinlulu518/qinlulu518.github.io.git
104 branch: master
注意:第103行中替换成你的用户名
3、部署上传
[root@qll251 myblog]# hexo clean //清除之前生成的东西
[root@qll251 myblog]# hexo generate //生成静态文章
[root@qll251 myblog]# hexo deploy //部署文章,需要输入username和password
4、验证登录
在浏览器上输入:https://你的用户名.github.io
此时就可以看到你的博客了~
发布第一篇博客
1、创建文章标题
执行完 hexo new
后,在~/myblog/source/_ports/
下生成了“开源Linux.md”的文章文件。
.md是Markdown格式的文件。语法比较简单的,具体用法网上搜有很多详细教程的。我最近公众号文章排版使用的就是Markdown格式,很香~
2、编写第一篇博客
3、上传至GitHub
[root@qll251 myblog]# hexo clean //清除之前生成的东西
[root@qll251 myblog]# hexo generate //生成静态文章
[root@qll251 myblog]# hexo deploy //部署文章,需要输入username和password
4、访问验证
浏览器上输入:https://你的用户名.github.io
不出意外的话,我们的第一篇博客就发布出去了。
设置域名
现在你的个人博客的地址是
yourname.github.io
。如果不喜欢这个网址,我们是可以为它设置个人域名的,但是要花钱购买域名哦~
假如你已经从域名供应商那里购买了域名,接下来一起看下如何配置域名解析
1、登录域名管理控制台
点击管理
2、域名解析
添加一条CNAME记录
3、进入github设置,绑定域名
找到 Custom domain项,输入你购买的域名
4、绑定成功,进行验证
至此你就可以通过输入你自己注册的域名进入你的博客了~
结语
今天我们只演示了简单的博客创建流程,后面还有好多好玩的配置与插件功能;比如 更换主题、开启打赏功能、添加评论系统、设置腾讯公益404页面、数据统计等等。这些都可以参考官网配置手册修改相应的配置,达到自己想要的效果,慢慢完善你的专属博客吧~
最后附 官网使用文档链接:
http://theme-next.iissnan.com/getting-started.html
往期精彩
◆ LVM逻辑卷学习