文章14
标签11
分类4

Hexo博客搭建从0到1完全指南

HEXO系列!

第一部分:准备工作

目录:

  • [TOC]第一部分:准备工作
    • 一、部署环境
      • 1.安装Node.js
      • 2.安装Git
    • 二、创建仓库
    • 三、部署SSH加密协议
      • 1.安装配置SSH加密协议
      • 2.将SSH公钥配置到仓1
      • 3.安装Hexo git插件
    • 四、部署Hexo框架
      • 1.安装Hexo框架
      • 2.安装相关依赖插件
      • 3.Hexo常见命令
  • 第二部分:正式上路
    • 一、博客个性化
      • 1.更换主题
      • 2.主题细节自定义
    • 二、博客功能加强
      • 1、部署文章评论系统
        • Valine安装
        • Valine邮件提醒配置
      • 2.安装音乐播放插件
        • APlayer安装
      • 3.Google 服务
        • 提交搜索引擎
        • Google Adsense
        • Google Analytics
        • 对象存储(图床)

第一部分:准备工作

一、环境配置

1.Node.js

用来生成静态页面。
官方下载地址:https://nodejs.org

2.Git

用来将本地Hexo内容提交到Github上。 #MacOS自带Git
官方下载地址:https://git-scm.com/

二、创建仓库

Github

1.官网注册账号:https://github.com/ #用户名与博客域名相同,注册时注意斟酌填写。
2.创建仓库, 仓库名为:<Github账号名称>.github.io

三、配置SSH加密协议

设置SSH用户名和邮箱

终端执行:git config --global user.name "你的GitHub用户名"
终端执行:git config --global user.email "你的GitHub注册邮箱"

生成ssh密钥

终端执行:ssh-keygen -t rsa -C "你的GitHub注册邮箱"
终端执行:ssh-keygen -t rsa -C "koudouuu@gmail.com"

细节补充:一般情况下是不需要密码的,所以,接下来直接回车就好。
细节补充:此时,在用户文件夹下就会有一个新的文件夹.ssh,里面有刚刚创建的ssh密钥文件id_rsa和id_rsa.pub。
注意:id_rsa文件是私钥,要妥善保管,id_rsa.pub是公钥文件。

四、将SS公钥配置到github仓库

添加公钥到github

1.点击用户头像,然后点击显示的Settings(设置)选项
2.在用户设置栏,点击SSH and GPG keys选项,然后点击New SSH key(新建SSH)按钮
3.将id_rsa.pub中的内容复制到Key文本框中,公钥名称随意,然后点击Add SSH key(添加SSH)按钮

测试SSH部署是否成功
测试SSH:ssh -T git@github.com

接下来会出来下面的确认信息:
The authenticity of host ‘github.com (207.97.227.239)’ can’t be established. RSA key fingerprint is 17:24:ac:a5:76:28:24:36:62:1b:36:4d:eb:df:a6:45. Are you sure you want to continue connecting (yes/no)?
输入yes后回车,然后显示如下信息则OK(其中的SeayXu是用户名),如果提示user name就表示要输入github的账号邮箱,输入后回车,会提示输入password(github账号密码)回车即可。
Hi SteinsGate-zero! You’ve successfully authenticated, but GitHub does not provide shell access.

添加SSH代码到根目录_config.yml配置文件夹中

deploy:
type: git
repo:
github: git@github.com:tengj/tengj.github.io.git,master

安装git插件
npm install hexo-deployer-git --save

四、部署Hexo框架

1.HEXO安装:

npm install hexo-cli -g

2.初始化:

Hexo:hexo init

3.安装依赖:

npm install

4.启动Hexo:

hexo server

启动之后,打开浏览器,在地址栏输入:http://localhost:4000 你会看到Hexo的示例页面。
注:此时可以初始化git本地仓库了,或者是等本地博客搭建好之后也可以。

常用指令

$ hexo clean #清除缓存文件 (db.json) 和静态文件 (public)
$ hexo g #生成缓存和静态文件
$ hexo d #重新部署到服务器
$ hexo s #本地服务器预览

第二部分:正式上路「佛系更新有留言催更的朋友的话,俺就抽空早点肝出来」

本文作者:哲学系老干部
本文链接:https://steinsgate.link/2020/07/15/20207015/
版权声明:本文采用 CC BY-NC-SA 3.0 CN 协议进行许可