一 个人博客搭建的几种方法
1.1 动态博客的搭建
- 自己动手写前后端搭建动态博客(难度较大)
- 通过wordpress动态博客框架系统(wordpress)
1.2 静态博客的搭建
- hexo框架:快速、简介且高效的博客框架。比较火(hexo)
- jekyllrb框架: 将纯文本转换为静态网站和博客。(jekyllrb)
- gohugo框架:基于go语言的静态博客框架。(gohugo)
- vuepress框架: Vue的静态站点生成器。(veepress)
动态博客和静态博客的差别见链接
二 使用hexo搭建博客教程
2.1 前期准备
- 使用Hexo搭建博客,需要安装三个软件。依次为:
1
#pacman -S nodejs npm git
- 安装Hexo博客软件,需要借助npm包管理器进行安装,由于国外安装源很慢,所以安装cnpm指向淘宝的镜像源。即:
1
#npm install -g cnpm --registry=https://registry.npm.taobao.org
- 查看cnpm的版本:
1
#npm -v
2.2 安装Hexo框架
- 利用cnpm安装Hexo软件:
1
#cnpm install -g hexo-cli
- 安装完成,查看hexo当前版本: ### 2.3 使用Hexo搭建博客
1
#hexo -v
- 新建一个文件夹,可以设置在自己想要的任何位置,但是要主义,由于博客经常需要大理,所以一旦确定位置请不要随意变更,这方便日后的使用,比如我在home目录下直接新建了一个专门存放博客文件的目录Blog
1
2# mkdir ~/Hexo
# cd ~/Hexo - 然后利用hexo初始化一个默认的博客,其中包含各种组件,但是作为一个使用者来讲我不需要知道细节,只管用就是了。这条命令会自己到
github 克隆,同时克隆一个 Landscape
主题,我自己感觉默认主题还是挺漂亮的,所以直接采用它了。现在一个初始的博客就完成了,然后启动预览
1
2# hexo init
# hexo s - 在浏览器输入终端生成的本地地址localhost:4000就可以看到默认的博客了
三 布署到GitHub(两种方式)
新建github仓库
- 登录自己的Github。
- 新建一个仓库,仓库名要与登录名一致,才可以使用简短的域名 https://youname.github.io 登录博客。
- 这一步是必须的,例如我的gitHub账户名为:QingpingLiu,那么该仓库名设置为:Qingping-Liu.github.io只有这样设置好后才可以使用一级域名 https://QingpingLiu.github.io 访问博客。 同时仓库必须设置成public才行,这样别人才有权限访问网站。方法为,选中仓库(比如我的仓库Qingping-Liu.github.io),然后点击右边的settings一直往下拉,如图所示位置。
https方式登录github
使用vim打开配置文件 ~/blog/_config.ymlk,在文件的底部修改成这样子
1
2
3
4deploy:
type: git
repository: https://github.com/Qingping-Liu.Qingping-Liu.github.io.git
branch: main然后部署到远端
### ssh方式登录github https协议方式,每次pull、push都要输入令牌,这种方式对于经常写博文来说非常不方便,所以我设置了第二种方式--ssh密钥认证,可以实现免密且更加安全。1
2
3
4# npm install hexo-deployer-git --save
# hexo clean
# hexo g
# hexo d查看Git环境配置
1
# git config --list
如果没有配置user.name和user.mail则需要先配置一下
1
2# git config --global user.name "Qingping-Liu"
# git config --global user.mail "1107206280@qq.com"查看ssh key,如果没有设置过,则系统内没有~/.ssh文件夹,这时需要先建立一下,即
1
# mkdir ~/.ssh
如果设置过,则直接执行以下命令
1
2$ ls -l ~/.ssh
id_rsa id_rsa.pub known_hosts # 获取客户端公钥此时存在三个文件,其中第二个就是公共密钥,生成密钥
1
2$ ssh-keygen -t rsa -C "1107206280@qq.com" # 没有的话用此命令生成公钥和私钥
$ cat ~/.ssh/id_rsa.pub # 查看公钥并复制备用复制密钥到github的个人配置中
Note:密钥对可不取名字,github会自动设置一个名字给你的,所以不取名也可以1
setting->>SSH and GPG keys ->New SSH key
最后,验证是否配置成功
到这里,就基本上成功了。 这样设置好后,再通过hexo d提交博客源文件时就不用输入密码了。1
2$ ssh -T git@github.com
Hi Qingping-Liu! You've successfully authenticated, but GitHub does not provide shell access.Hexo默认按照文件创建的先后顺序排列文件,然而我需要将重要的文章设置置顶。再2020年5月后,Hexo默认支持了该功能,即使用top,但是注意文章前面的设置顺序是不能乱放的,要实现这个功能,必须如下安排
1
2
3
4title: 使用Hexo搭建博客
date: 2021-11-19 12:30:00
tags:
top: 2
四 主题设置
Hexo主题下载:https://hexo.io/themes/
克隆主题模板到本地 clone yilia主题 ' $ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia ' 或 valantis主题
$ git clone https://github.com/litten/hexo-theme-volantis.git themes/yilia themes/volantis
此时themes下就出现你下载的主题了。更换博客主题,配置文件_config.yml,
theme: yilia
或者theme: volantis
清除、生成、预览
1
2
3# hexo clean
# hexo g
# hexo s在本地预览没有问题后,推送到github个人网站上
1
# hexo d
访问Qingping-Liu.github.io, 就可以看到主题更换成功啦
后续学习CSS,然后就可以把自己的博客布置的漂漂亮亮的啦!
五 问题汇总
- 出现提示nothing to commit, working tree clean
1
# hexo clean # 清除缓存
六 结束语
有人说博客已经过时,现在大多数人都用手机看朋友圈、微博等等,但是就个人而言,我觉得个人博客是一个值得大家去坚持的东西。曾经问过一个大佬再学习上有没有什么习惯或者技巧,他说:_我每当解决一个问题之后都会总结并记录下来”。_个人博客可以很好的将自己学习的思路、知识做一个总结。对于任何渴望进步的人来说,写博客、文章、回答对自己的成长帮助都是无比巨大的。“不积小流,无以成大海;不积跬步,无以至千里”。坚持的那一刻,你就已经开始受益,加油!