快速搭建Hexo博客

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

  • 由于我的环境是Linux,所以Linux环境的按着来就好了,Win环境大同小异。Hexo手册

    一、安装基本环境

    1. 安装Git

  • Git 是目前比较流行的分布式版本控制系统,我们使用它与github进行交互下载对应版本的的git安装就好,下载地址 git_download,装后打开Git Bash
    1
    git --version   #可以查看版本号
    在这里插入图片描述

    2. 安装Node.js

    Node.js是一个Javascript运行环境,是一个让 JavaScript 运行在服务端的开发平台,我们用来快速生成博客的静态页面,LTS版本为长期支持版,CURRENT版本为最新版,任选一个正常安装即可下载地址Node.js_download

二、开始本地搭建博客

1. 新建本地文件夹

  • 在本地新建一个文件夹用来储存我们的博客,Git Bash进入文件夹下,执行命令:npm install hexo -g 用来安装hexo

    2. 搭建本地服务

  • 依次在本地文件夹根目录下执行以下命令初始化并生成服务。

    1
    hexo init    # 初始化

    在这里插入图片描述

    1
    npm isntall    # 安装npm依赖包 

    在这里插入图片描述

    1
    hexo generate   # 生成静态网页

    在这里插入图片描述

  • 全部执行成功后浏览器访问http://localhost:4000,如果出现默认的hexo博客,那么我们本地搭建博客就完成了

    1
    hexo server    # 生成本地服务

    在这里插入图片描述

三、本地博客发布到网络上

1.创建Github远程仓库

  • 这里我们就要用到github了。有账户的可以略过,没有账户的新建账户,并登录。新建一个仓库,仓库名格式设置为:xxxx.github.io,其他可以不动。
    在这里插入图片描述

  • 之后我们就可以到如下界面,记录ssh的地址
    在这里插入图片描述

  • 在更改本地目录下的_config.yml配置文件,最后加上.

    1
    2
    3
    4
    deploy:
    type: git
    repo: 这里填刚记录的ssh地址
    branch: master

    config

2. 将Hexo与 Github连接

  • 按照如下格式输入,在本地创建git用户名和邮箱进行并生成ssh密钥
    1
    2
    3
    git config --global user.name "yourname"
    git config --global user.email "youremail"
    ssh-keygen -t rsa -C "youremail"
    config_list
  • 接下来我们把生成的id_rsa.pub文件用文本编辑器打开,复制里面的内容绑定到GitHub上,标题随意。
  • 点击新建ssh keys,title随便填,key填写id_rsa.pub的内容即可,应该会要求输入密码
    测试是否成功
    在这里插入图片描述
1
ssh -T git@github.com   #注意这里的地址不用改

在这里插入图片描述

  • 提示Are you sure you want to continue connecting (yes/no)?时输入yes
  • 当看到Hi Budtit! You’ve successfully authenticated, but GitHub does not provide shell access.时说明配置成功在这里插入图片描述

3. 部署到github

1
hexo d
  • 如果报错说not found git 我们执行以下命令:npm install hexo-deployer-git --save安装插件,然后在执行上一步命令第一次部署应该会让登录,浏览yourname.github.io成功显示博客页在这里插入图片描述
  • 上面在配置branch时候我写的Master,可以自己新建分支,专门用于存放blog
    在这里插入图片描述

    四、写作并上传第一篇博客

    1. 写作

    1
    hexo new [layout] <title>  #创建新文章

创建后会在本地目录生成测试.md文件,用markdown语法编辑文件后保存,建议每次写作后本地部署完成进入http://localhost:4000 查看无误后再上传。
hexo server # 本地服务部署 可简写为hexo s

2. 上传

依次执行命令,hexo的具体用法请查看官方文档 戳这里

1
2
3
hexo clean    # 清除缓存
hexo generate # 生成静态页面 可简写为hexo g
hexo deploy # 部署博客 可简写为hexo d

在这里插入图片描述
在这里插入图片描述

五、解析私人域名

  • 这里就要买域名了,添加两条记录
  • 然后在本地博客目录下的source文件夹下新建名为CNAME的文件,其中写入域名
  • 最后在github库中的setting中的Custom domain下填写购买的域名,save保存。
    domain
    好了,域名配置完成。
  • Copyright: Copyright is owned by the author. For commercial reprints, please contact the author for authorization. For non-commercial reprints, please indicate the source.

请我喝杯咖啡吧~

支付宝
微信