IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> Hexo+Github博客搭建详细教程 -> 正文阅读

[开发工具]Hexo+Github博客搭建详细教程

介绍

本博客是基于Hexo而搭建的,Hexo是一个快速、简介且高效的博客框架。Hexo使用Markdown(主要)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。并且Hexo具有很多的主题提供选择,使博客的搭建更加简单。下面来详细介绍基于Hexo的博客搭建教程。

准备工具

  1. nodejs
  2. Git
  3. Github账号
  4. 备案好的域名(可选)
  5. 编译器

1.nodejs

node.js点击进入该网站

nodejs

点击下载左边的即可。

下载完成后安装nodejs1

除修改安装路径外,其他安装选项默认即可,等待安装完成。

2.Git

Git点击进入该网站,如图所示:

git0

git1

点击此处Download for Windows进入下载界面,等待下载(64位)、安装。

git3

除修改安装路径外,其他安装选项默认即可。正常安装完成后使用送鼠标对着空白桌面右键会出现Git的可执行选项,如图所示:

git4

3.Github账号(已有请忽略)

Github官方网站点击进入网站后按照要求注册一个账号

点击此处的"New"创建新的仓库

github0

按照如题所示进行仓库的创建,注意此处的仓库名字须于创建账号时的名字相同,再在后面加上".github.io",(如:我的账号名字是Muqing7783,所以我要创建的仓库名字为Muqing7783.github.io)我这里报错是因为我已经创建过一个相同名字的仓库。其他选项可参考我的选择。

4.域名(可选步骤)

如果需要将网站绑定域名,可以在网上购买域名,如:阿里、腾讯等的域名,这里推荐使用阿里的域名。

详细步骤请移看另一篇教程

5.网站搭建具体操作

  • 安装Hexo

    因为国内的npm下载很慢,所以先将npm的镜像更换为淘宝镜像,这里有两种替换镜像的命令

    单次使用

    npm install --registry=https://registry.npm.taobao.org
    

    永久使用

    npm config set registry https://registry.npm.taobao.org
    

    使用下面的命令检查是否成功

    npm config get registry
    

    使用该命令后需要在后续的命令中在npm前加上c,没有npm的命令则不需要,本教程将不会再后续的命令中提示

    在空白文件夹中右键,使用git bash输入命令

    npm install -g hexo-cli
    

    替换完淘宝镜像后再npm前加上c,后续的命令则都为不加c的,请操作时注意!

    待安装完成后使用hexo -v查看hexo版本

    至此hexo安装完成

  • 初始化Hexo

    hexo init myblog
    

    myblog为可替换名称,可以根据自己的喜欢更换

    cd myblog
    

    进入myblog文件夹,成功进入后git bash的头标也会相应的改变为相应的目录

    Snipaste_2021-10-04_22-56-08

    npm install
    

    运行完成后,myblog文件夹会生成很多文件夹

    • node_modules: 依赖包
    • public:存放生成的页面
    • scaffolds:生成文章的一些模板
    • source:用来存放你的文章
    • themes:主题
    • _config.yml: 博客的配置文件
  • 初始界面

hexo g
hexo s

依次运行上面两个命令,将会在本地生成一个静态网页

Snipaste_2021-10-04_23-05-56

在浏览器中输入http://localhost:4000即可查看

Snipaste_2021-10-04_23-10-47

界面类似这个,这里我修改了一些东西,所以有些东西不一样。进入本地该网页的时候需要确认hexo s服务是开启的不然无法查看界面

  • 生成SSH添加到GitHub

    git config --global user.name "yourname"
    git config --global user.email "youremail"
    

    分别运行这两个命令,”yourname“为你的GitHub账号ID,“”youremail“为注册GitHub的邮箱

    git config user.name
    git config user.email
    

    使用这两条命令检查是否正确

    ssh-keygen -t rsa -C "youremail"
    

    使用该命令生成SSH,一直回车知道提示生成.ssh文件夹,按照提示的目录找到.ssh文件夹

    Snipaste_2021-10-05_11-58-40

    用记事本的方式点开id_rsa.pub文件,全部复制

    打开GitHub

Snipaste_2021-10-05_12-01-42

进入头像下的设置

Snipaste_2021-10-05_12-02-33

Snipaste_2021-10-05_12-03-29

点击New SSH key添加SSH

Snipaste_2021-10-05_12-04-29

Title随便写,将刚才复制的内容粘贴到key中,点击Add SSH key,SSH添加成功

ssh -T git@github.com

使用该命令查看是否成功添加,若成功添加则会出现下面的描述

Snipaste_2021-10-05_12-15-43

  • 将Hexo部署到GitHub

    打开myblog文件夹中的_config.yml文件,拉到最后,将最后的信息修改为

deploy:
  type: git
  repo: git@github.com:YourgithubName/YourgithubName.github.io.git
  branch: main

因为GitHub将之前的master分支改为main,所以这里的branch也更改为main,不影响使用

rope项在GitHub里复制,进入建好的仓库

Snipaste_2021-10-05_12-20-05

点击Code-SSH

Snipaste_2021-10-05_12-20-54

将其完整的复制下来即可。注:修改信息每个分号前都有一个空格,若没有将会导致部署失败

npm install hexo-deployer-git --save

在myblog文件夹中右键git bash运行此命令,安装deploy-git,这样才能使用部署命令部署到GitHub

hexo clean
hexo g
hexo d

最后运行这三个命令进行部署,每次对博客进行修改后都需要重新上传部署,依然使用这三个命令

至此基于Hexo+GitHub的博客搭建完毕。

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2021-10-06 12:26:16  更:2021-10-06 12:28:25 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年12日历 -2024/12/23 14:51:34-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码
数据统计