目录
- 前言
- 入门
- 安装 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进行处理,非常感谢!