0%

Hexo搭建博客

一 个人博客搭建的几种方法

1.1 动态博客的搭建

  1. 自己动手写前后端搭建动态博客(难度较大)
  2. 通过wordpress动态博客框架系统(wordpress

1.2 静态博客的搭建

  1. hexo框架:快速、简介且高效的博客框架。比较火(hexo
  2. jekyllrb框架: 将纯文本转换为静态网站和博客。(jekyllrb
  3. gohugo框架:基于go语言的静态博客框架。(gohugo
  4. vuepress框架: Vue的静态站点生成器。(veepress

动态博客和静态博客的差别见链接

二 使用hexo搭建博客教程

2.1 前期准备

  1. 使用Hexo搭建博客,需要安装三个软件。依次为:
    1
    #pacman -S nodejs npm git
  2. 安装Hexo博客软件,需要借助npm包管理器进行安装,由于国外安装源很慢,所以安装cnpm指向淘宝的镜像源。即:
    1
    #npm install -g cnpm --registry=https://registry.npm.taobao.org
  3. 查看cnpm的版本:
    1
    #npm -v

2.2 安装Hexo框架

  1. 利用cnpm安装Hexo软件:
    1
    #cnpm install -g hexo-cli
  2. 安装完成,查看hexo当前版本:
    1
    #hexo -v
    ### 2.3 使用Hexo搭建博客
  3. 新建一个文件夹,可以设置在自己想要的任何位置,但是要主义,由于博客经常需要大理,所以一旦确定位置请不要随意变更,这方便日后的使用,比如我在home目录下直接新建了一个专门存放博客文件的目录Blog
    1
    2
    # mkdir ~/Hexo
    # cd ~/Hexo
  4. 然后利用hexo初始化一个默认的博客,其中包含各种组件,但是作为一个使用者来讲我不需要知道细节,只管用就是了。这条命令会自己到 github 克隆,同时克隆一个 Landscape 主题,我自己感觉默认主题还是挺漂亮的,所以直接采用它了。现在一个初始的博客就完成了,然后启动预览
    1
    2
    # hexo init
    # hexo s
  5. 在浏览器输入终端生成的本地地址localhost:4000就可以看到默认的博客了

三 布署到GitHub(两种方式)

新建github仓库

  1. 登录自己的Github。
  2. 新建一个仓库,仓库名要与登录名一致,才可以使用简短的域名 https://youname.github.io 登录博客。
  3. 这一步是必须的,例如我的gitHub账户名为:QingpingLiu,那么该仓库名设置为:Qingping-Liu.github.io只有这样设置好后才可以使用一级域名 https://QingpingLiu.github.io 访问博客。 同时仓库必须设置成public才行,这样别人才有权限访问网站。方法为,选中仓库(比如我的仓库Qingping-Liu.github.io),然后点击右边的settings一直往下拉,如图所示位置。

https方式登录github

  1. 使用vim打开配置文件 ~/blog/_config.ymlk,在文件的底部修改成这样子

    1
    2
    3
    4
    deploy:
    type: git
    repository: https://github.com/Qingping-Liu.Qingping-Liu.github.io.git
    branch: main

  2. 然后部署到远端

    1
    2
    3
    4
    # npm install hexo-deployer-git --save
    # hexo clean
    # hexo g
    # hexo d
    ### ssh方式登录github https协议方式,每次pull、push都要输入令牌,这种方式对于经常写博文来说非常不方便,所以我设置了第二种方式--ssh密钥认证,可以实现免密且更加安全。

  3. 查看Git环境配置

    1
    # git config --list

  4. 如果没有配置user.name和user.mail则需要先配置一下

    1
    2
    # git config --global user.name "Qingping-Liu"
    # git config --global user.mail "1107206280@qq.com"

  5. 查看ssh key,如果没有设置过,则系统内没有~/.ssh文件夹,这时需要先建立一下,即

    1
    # mkdir ~/.ssh

  6. 如果设置过,则直接执行以下命令

    1
    2
    $ ls -l ~/.ssh
    id_rsa id_rsa.pub known_hosts # 获取客户端公钥

  7. 此时存在三个文件,其中第二个就是公共密钥,生成密钥

    1
    2
    $ ssh-keygen -t rsa -C "1107206280@qq.com"  # 没有的话用此命令生成公钥和私钥
    $ cat ~/.ssh/id_rsa.pub # 查看公钥并复制备用

  8. 复制密钥到github的个人配置中

    1
    setting->>SSH and GPG keys ->New SSH key
    Note:密钥对可不取名字,github会自动设置一个名字给你的,所以不取名也可以

  9. 最后,验证是否配置成功

    1
    2
    $ ssh -T git@github.com
    Hi Qingping-Liu! You've successfully authenticated, but GitHub does not provide shell access.
    到这里,就基本上成功了。 这样设置好后,再通过hexo d提交博客源文件时就不用输入密码了。

  10. Hexo默认按照文件创建的先后顺序排列文件,然而我需要将重要的文章设置置顶。再2020年5月后,Hexo默认支持了该功能,即使用top,但是注意文章前面的设置顺序是不能乱放的,要实现这个功能,必须如下安排

    1
    2
    3
    4
    title: 使用Hexo搭建博客
    date: 2021-11-19 12:30:00
    tags:
    top: 2

四 主题设置

  1. Hexo主题下载:https://hexo.io/themes/

  2. 克隆主题模板到本地 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下就出现你下载的主题了。

  3. 更换博客主题,配置文件_config.yml, theme: yilia 或者 theme: volantis

  4. 清除、生成、预览

    1
    2
    3
    # hexo clean
    # hexo g
    # hexo s

  5. 在本地预览没有问题后,推送到github个人网站上

    1
    # hexo d

  6. 访问Qingping-Liu.github.io, 就可以看到主题更换成功啦

后续学习CSS,然后就可以把自己的博客布置的漂漂亮亮的啦!

五 问题汇总

  1. 出现提示nothing to commit, working tree clean
    1
    # hexo clean    # 清除缓存

六 结束语

有人说博客已经过时,现在大多数人都用手机看朋友圈、微博等等,但是就个人而言,我觉得个人博客是一个值得大家去坚持的东西。曾经问过一个大佬再学习上有没有什么习惯或者技巧,他说:_我每当解决一个问题之后都会总结并记录下来”。_个人博客可以很好的将自己学习的思路、知识做一个总结。对于任何渴望进步的人来说,写博客、文章、回答对自己的成长帮助都是无比巨大的。“不积小流,无以成大海;不积跬步,无以至千里”。坚持的那一刻,你就已经开始受益,加油!