hexo+GitHub搭建个人博客前期安装部署

简介: hexo+GitHub搭建个人博客前期安装部署

现在有很多更新博客的平台,但是会受到各种限制,关键词限制、广告限制等等。其实搭建一个自己个人博客也是非常好的选择,相对来说比较自由。自己购买域名和服务器的话,搭建成本相对较高,而且还需要定期维护,显然对我们个人来说不是很合适。

还有一种很好的选择就是通过hexo博客框架,在GitHub平台托管我们的博客,这种方式不需要定期维护,十分舒服。


大家可以看一下我的,作为参考

地址: http://JingYu1205.github.io

(点击这里→)静Yu的个人博客

image.png

看完了我的博客,你是不是也想搭建属于自己的一个博客呢,跟着我继续学习,你一定可以完成的。


前期部署



什么是hexo?


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


安装Git


什么是Git

Git是目前世界上最先进的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理。也是Linus Torvalds为了帮助管理Linux内核开发而开发的一个开放源码的版本控制软件。Git也是你博客平台的管理工具,后期对博客的设置管理都是通过Git,大家可以深入的上网了解一下Git,在这里不是介绍的重点,所以我就不多赘述了,我们直奔主题。


Git的下载

Windows系统:到Git官网下载,Git官网,

Linux系统:只需要简单的一行命令代码

sudoapt-getinstallgit


windows系统安装步骤

1.如图所示,在官网中点击Downloads下载,

image.png


2.根据电脑位数,选择64bit还是32bit,现在的电脑一般是64位

image.png

3.下载完成后,找到自己下载的安装包开始安装。

image.png

4.一路点击next就行,有一步是选择安装路径的,默认是C盘想换路径的话,自己可以更改。


5.安装完成之后,可以在桌面右击鼠标,选择Git Base Here,

输入git --version,查看安装的版本。如图是我安装的版本。

image.png


安装node.js

什么是node.js?

简单的说 Node.js 就是运行在服务端的 JavaScript。

Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。

Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。


node.js下载


地址:历史版本

建议版本不要过高,后期安装hexo的时候可能会出现不兼容的问题,我用的版本是14.18.1,不建议选择更高的版本了。

image.png

要选择后缀为.msi的,可以像安装软件一样,不需要部署环境变量。我安装的就是这个,所以不介绍环境变量配置了。


image.png

node.js的安装步骤


因为我的电脑已经安装过了,显示这个页面。你安装的时候只需一路点击next,在选择安装路径的时候注意一下。记住自己的安装路径。

image.png


安装hexo


在安装hexo之前检测一下node是否安装成功,

在电脑桌面右键鼠标,打开Git Bash Here,输入node -v 和 npm -v都返回版本号,如图:

image.png

现在开始安装淘宝镜像源

npminstall-gcnpm--registry=http://registry.npm.taobao.org


如果安装过程中出现错误,没关系不要着急,可能是连接不稳定网络原因导致的,多尝试几次就好了。还有需要注意的是镜像代码中的空格,可以直接复制我的代码。

通过cnpm 和cnpm -v检测,返回版本信息,如果显示出自己的版本号就是安装成功了,进入到下一步。


安装hexo

cnpminstall-ghexo-cli


如果失败的话还是多试几次,安装之后还是检测一下是否安装成功。

hexo-v


返回版本信息,如图

image.png


目录
相关文章
|
5月前
|
存储 JavaScript 网络架构
【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床
【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床
262 3
|
4月前
如何将静态网页部署到github上
如何将静态网页部署到github上
39 1
|
7天前
|
网络协议 开发工具 git
hexo github部署,通过域名访问你的博客
本文介绍了如何使用Hexo命令部署博客到GitHub,并详细说明了如何通过自定义域名访问GitHub上部署的博客。
hexo github部署,通过域名访问你的博客
|
2月前
|
搜索推荐 前端开发
使用VitePress创建个人网站并部署到GitHub
该网站使用 VitePress 构建,记录了前端开发相关的笔记和教程,涵盖 Vue2 和 Vue3 等内容。网站支持暗黑模式和 Algolia 搜索服务,提供了详细的导航和侧边栏配置。通过自动化脚本进行部署,托管于 GitHub Pages。
使用VitePress创建个人网站并部署到GitHub
|
2月前
|
资源调度 搜索推荐 Shell
使用VitePress静态网站生成器创建组件库文档网站并部署到GitHub
本文介绍了如何使用 Vue3、TypeScript 和 Vite 开发组件库并将其发布到 npm。文章详细描述了安装依赖、配置项目、创建文档网站以及编写组件文档的步骤。通过使用 VitePress,可以轻松搭建组件库的文档站点,并实现 Algolia 搜索功能。此外,还提供了自动化脚本用于部署静态网站至 GitHub 以及发布组件库到 npm。最后,展示了完整的目录结构和网站效果。
使用VitePress静态网站生成器创建组件库文档网站并部署到GitHub
|
2月前
|
Linux C++ Docker
【Azure Developer】在Github Action中使用Azure/functions-container-action@v1配置Function App并成功部署Function Image
【Azure Developer】在Github Action中使用Azure/functions-container-action@v1配置Function App并成功部署Function Image
|
2月前
|
存储
【Azure Developer】Github Action部署资源(ARM模板)到Azure中国区时,遇见登录问题的解决办法
【Azure Developer】Github Action部署资源(ARM模板)到Azure中国区时,遇见登录问题的解决办法
|
4月前
|
jenkins Java Shell
蓝易云 - Java+Github+Jenkins部署
以上步骤完成后,每当你的Github仓库有新的提交时,Jenkins就会自动构建你的Java项目,并保存构建产物。
60 4
|
4月前
|
Web App开发 缓存 移动开发
四万字符数带你使用 Vitepress 构建博客并部署到 github 平台
四万字符数带你使用 Vitepress 构建博客并部署到 github 平台 最近写了好多篇 Chrome 浏览器插件相关的文章,有十几二十篇,就想着构建个博客,用来放置相应的文章。 正好前段时间看到 VitePress 1.0.0 发布了,而且是用 markdown 写文章,正好写插件文章的时候文章都是 md 格式,所有用下这个然后顺便写一篇使用教程。 Chrome 插件开发博客地址:https://18055975947.github.io/extension/
60 0
|
5月前
|
JavaScript 网络安全 开发工具
[保姆级-从0到1]利用hexo+github托管实现搭建个人博客
[保姆级-从0到1]利用hexo+github托管实现搭建个人博客
下一篇
无影云桌面