基于Hexo搭建自己的博客主页

时间:2021-09-06 14:39:16

搭建自己博客分为两类,一种是托管到github上的,以hexo为代表,另一种是需要自己购买服务器,主要使用wordpress框架。有不花钱的效果也很不错,就没必要自己再购买服务器了,下边主要介绍下使用hexo搭建个人博客。

hexo支持Markdown,使用Markdown来编写文章,最终生成的是一个静态html页面,发布到服务端,访问效率有天然优势。

步骤:

  • 安装git

  • 安装nodejs

  • 安装hexo

  • github上创建仓库

  • 发布博客到github上

安装Git

  1. 使用yum安装git客户端

    yum instal git
  2. 查看安装是否成功

    git --version

    基于Hexo搭建自己的博客主页

安装nodejs

  1. 下载nodejs安装包

    wget https://nodejs.org/dist/v10.9.0/node-v10.9.0-linux-x64.tar.xz
  2. 解压安装包

    tar -xvf node-v10.9.0-linux-x64.tar.xz
    
    mv node-v10.9.0-linux-x64 /opt/nodejs
  3. 设置软连接

    ln -s /opt/nodejs/bin/npm /usr/local/bin
    ln -s /opt/nodejs/bin/node /usr/local/bin
  4. 查看安装是否成功

    npm --version
    node --version

    基于Hexo搭建自己的博客主页

安装hexo

  1. npm安装

    npm install hexo-cli -g
  2. 设置软连接

    ln -s /opt/nodejs/lib/node_modules/hexo-cli/bin/hexo /usr/local/bin/hexo
  3. 创建博客目录,初始化

    mkdir blog
    
    cd blog
    
    hexo init

    基于Hexo搭建自己的博客主页

  4. 启动博客

    hexo s

    基于Hexo搭建自己的博客主页

  5. 浏览器里访问

    基于Hexo搭建自己的博客主页

Github上创建仓库

  1. 登录github官网,没有账号的先注册个账号

  2. 新建仓库,仓库的名字必须是你的(id).github.com,如id为woniu201,则仓库的名字woniu201.github.com。

    基于Hexo搭建自己的博客主页

  3. 这时github的仓库已经创建完成。

发布博客

hexo自带的主题很多小伙伴可能并不喜欢,首先推荐给大家一个主题yilia,个人比较喜欢的。

更换主题的方式:

cd blog
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

修改blog根目录下的_config.yml,theme: landscape改为theme: yilia

基于Hexo搭建自己的博客主页

执行指令hexo g重新启动hexo,hexo s后效果如下:

基于Hexo搭建自己的博客主页

创建博客文章:

hexo new "优秀的程序员一定要有自己的博客!"

基于Hexo搭建自己的博客主页

编辑source/_posts/目录下的md文章

修改根目录下的_config.yml中deploy项

基于Hexo搭建自己的博客主页

注意type:与gihub中间有空格。

安装hexo的deployer插件

npm install hexo-deployer-git --save

发布博客到github上

hexo g

hexo deploy

浏览器访问地址:http://woniu201.github.io