【最新版】30分钟教你搭建属于自己的个人博客
简介:
- 本教程是以Hexo和Coding pages 为基础,搭建个人的静态博客网站
- Hexo Hexo官网 快速、简洁且高效的博客框架
- Coding CODING - 一站式软件研发管理平台 代码持续集成,持续部署
准备:
古人云: 工欲善其事必先利其器
![装逼表情包 [看你装逼的套路不像是本地人]](https://i-blog.csdnimg.cn/blog_migrate/5c42212e11e9948e9eef1cac99640a38.gif)
我们在开始搭建之前,要准备好本地的环境。
- 一个好的文本编辑器,如:Vscode,Notepad3…等等‘
- Node v14.X版本
- git
开始:
1.配置coding仓库
注册完coding账号后,来到项目页,点击创建项目。
然后我们选择项目模板为代码托管和自动化部署。
然后我们要填写一些项目的配置信息。
接下来,我们选择创建代码仓库。
完成创建后,我们会得到一个链接,如下图:
这样子我们的代码仓库就创建完成了,这个代码仓库有什么用处呢。
- 为后面在Coding部署我们的静态博客作前提准备
- 存储我们hexo的静态文件
2.配置Hexo
接下来就轮到我们的Hexo博客框架登场了。
来到Hexo的官网,首页是这样子的。
可以看到Hexo依赖Nodejs来生成静态页面,而且文章是支持Md格式的,更重要的是他能够在我们添加修改文章后,一键部署到我们的代码仓库中,实现修改,并且hexo有许多优秀的插件。
第一步,在本地克隆我们之前新建的代码仓库。在你存放代码文件的盘上,新建一个文件夹。然后右键打开git bash。