hexo最全搭建博客教程

目录

  • 前言
  • 入门
  • 安装 Node.js
  • 安装 Git
    • 检验Git是否安装成功
  • 安装Hexo
    • Hexo 初始化配置
  • 本地查看效果
  • 将博客部署到 Gitee Pages 上
    • 注册 Gitee 账户
    • 创建项目代码库
    • 安装hexo部署
  • 将本地的 Hexo 文件更新到 Gitee 的库中
  • 进行gitee page部署
  • 在博客上发表文章
  • 博客更换自己喜欢的主题
  • ***站点 config 配置信息***
  • 主题config配置信息
  • 结语

前言

这是一篇有关如何使用Gitee Pages和hexo搭建属于自己独立博客的小白教程,这也是我搭建好自己博客之后写的第一篇博客,刚开始在搭建博客的时候也是各种问度娘,所以想要自己写一篇能让大家少走弯路,一条龙服务开始

入门

Gitee Pages 可以被认为是用户编写的、托管在Gitee上的静态 页。使用Gitee Pages可以为你提供一个免费的服务器,免去了自己搭建服务器和写数据库的麻烦。此外还可以绑定自己的域名。其实也可以使用Github Pages,但是Github Pages由于是国外的所以国内访问速度太慢,我就安利大家使用Gitee Pages

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

安装 Node.js

Nodo.js下载官

按需下载相应的版本, 默认安装就可以了。

这是我目前使用的版本

百度云盘 提取码: gylq

安装 Git

Git下载官

按需下载相应的版本, 默认安装就可以了。

这是我目前使用的版本

百度云盘 提取码: gylq

检验Git是否安装成功

同时按下 Win 键和 R 键打开运行窗口,输入 cmd ,然后输入以下命令,有相应版本信息显示则安装成功,若不正确可以卸载软件重新安装,此外若安装成功,在桌面右键鼠标,可以看到菜单里多了 Git GUI Here 和 Git Bash Here两个选项,第一个是图形界面的Git操作,另一个是命令行,打开Git Bash here执行以下命令

安装Hexo

安装所有要求后,您可以使用npm安装Hexo:

Hexo 初始化配置

我使用的是blog,名称随意,稍微等待几分钟估计就好会出现一个文件夹

本地查看效果

执行以下命令,执行

首先使用cd blog 进入你的文件夹路径,然后步骤二直接使用以上命令。

此时你已经基本上完成了创建博客的一半

将博客部署到 Gitee Pages 上

到目前为止,我们的本地博客就成功搭建了,但是现在我们只能通过本地连接查看博客,我们要做的是让其他人也能够访问我们的博客,这就需要我们将博客部署到Gitee Pages上

注册 Gitee 账户

官方gitee注册

安装hexo部署

**$ npm install hexo-deployer-git –save **

命令表示安装 hexo 部署到 git page 的 deployer

已经部署好了hexo之后找到你的blog文件夹

接着设定好了config之后执行下面”命令”,注意:若出现要输入账 和密码,直接输入你gitee的用户名和密码即可,若失败可在多试几次

我推荐我目前使用Typora因为此软件可以非常方便的处理排版和图片,像一个小型word

Typora百度云盘提取码:gylq

记住推送了之后要在gitee page中进行更新哦

博客更换自己喜欢的主题

博客也搭建好了,文章也会写了,默认的主题并不喜欢怎么办在,我们就来为自己的博客更换自己喜欢的主题。

hexo官方主题专栏我们可以看见有许多的主题供我们选择

接着复制上图中的代码

你会发现你的目录**blogthemes**出现了next主题

接着我们在预览一遍

接着在部署更新一遍就好了,重复上面步骤,就可以拥有一个特色的个人博客了。

这是我的博客地址 孤桜懶契 欢迎大家来访。

这是我博客的配置信息

站点 config 配置信息

主题config配置信息

# ===============================================================# ========================= ATTENTION! ==========================# ===============================================================# NexT repository is moving here: https://github.com/theme-next# ===============================================================# It's rebase to v6.0.0 and future maintenance will resume there# ===============================================================# ---------------------------------------------------------------# Theme Core Configuration Settings# ---------------------------------------------------------------# Set to true, if you want to fully override the default configuration.# Useful if you don't want to inherit the theme _config.yml configurations.override: false# ----------------------------------------------

                                                        

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2020年6月22日
下一篇 2020年6月22日

相关推荐